@salla.sa/twilight-components 2.10.2 → 2.10.4

package/dist/twilight/twilight.esm.js

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as e,w as l,d as a,N as t,a as o,b as i}from"./p-7dc66c07.js";import{g as r}from"./p-1b14dc52.js";import"./p-f84bae34.js";(()=>{e.l=l.__cssshim;const i=Array.from(a.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),r={};return r.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,l.location.href)).href,((e,o)=>{const i=`__sc_import_${t.replace(/\s|-/g,"_")}`;try{l[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const r=new Map;l[i]=t=>{const s=new URL(t,e).href;let n=r.get(s);if(!n){const e=a.createElement("script");e.type="module",e.crossOrigin=o.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"})),n=new Promise((a=>{e.onload=()=>{a(l[i].m),e.remove()}})),r.set(s,n),a.head.appendChild(e)}return n}}})(r.resourcesUrl,i),l.customElements?o(r):__sc_import_twilight("./p-5db948f2.js").then((()=>r))})().then((e=>(r(),i(JSON.parse('[["p-9d458384",[[4,"salla-gifting",{"productId":[2,"product-id"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"step1Elems":[32],"step2Elems":[32],"stepsWrapper":[32],"textArea":[32],"imageCover":[32],"textSelect":[32],"customTextArea":[32],"calendarFormGroup":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[4,"salla-map",{"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchInputValue":[32],"searchInput":[32],"mapElement":[32],"open":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[0,"salla-comment-form",{"type":[1],"showAvatar":[4,"show-avatar"],"itemId":[8,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64]}],[4,"salla-cart-summary",{"cartSummaryCount":[32],"cartSummaryTotal":[32],"animateToCart":[64]}],[4,"salla-color-picker",{"color":[1],"placement":[8],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"badges":[32],"OrderUpdate":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-datetime-picker",{"value":[1025],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[0,"salla-file-upload",{"required":[4],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"serverConfig":[1,"server-config"],"instantUpload":[4,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1,"label-idle"],"labelInvalidField":[1,"label-invalid-field"],"labelFileWaitingForSize":[1,"label-file-waiting-for-size"],"labelFileSizeNotAvailable":[1,"label-file-size-not-available"],"labelFileLoading":[1,"label-file-loading"],"labelFileLoadError":[1,"label-file-load-error"],"labelFileProcessing":[1,"label-file-processing"],"labelFileProcessingComplete":[1,"label-file-processing-complete"],"labelFileProcessingAborted":[1,"label-file-processing-aborted"],"labelFileProcessingError":[1,"label-file-processing-error"],"labelFileProcessingRevertError":[1,"label-file-processing-revert-error"],"labelFileRemoveError":[1,"label-file-remove-error"],"labelTapToCancel":[1,"label-tap-to-cancel"],"labelTapToRetry":[1,"label-tap-to-retry"],"labelTapToUndo":[1,"label-tap-to-undo"],"labelButtonRemoveItem":[1,"label-button-remove-item"],"labelButtonAbortItemLoad":[1,"label-button-abort-item-load"],"labelButtonRetryItemLoad":[1,"label-button-retry-item-load"],"labelButtonAbortItemProcessing":[1,"label-button-abort-item-processing"],"labelButtonUndoItemProcessing":[1,"label-button-undo-item-processing"],"labelButtonRetryItemProcessing":[1,"label-button-retry-item-processing"],"labelButtonProcessItem":[1,"label-button-process-item"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"pond":[32],"files":[32],"appendFile":[64]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[4,"salla-slider",{"blockTitle":[513,"block-title"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"verticalThumbs":[516,"vertical-thumbs"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"isRTL":[32],"swiperScript":[32],"displayAllTitle":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["p-dbb379ce",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["p-6a3883ae",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-82931e46",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["p-03695034",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-a7bd281c",[[0,"salla-select",{"label":[1],"items":[16],"itemText":[1,"item-text"],"itemValue":[1,"item-value"],"itemDisabled":[1,"item-disabled"],"size":[1],"value":[1032],"autofocus":[4],"clearable":[4],"clearIcon":[1,"clear-icon"],"color":[1],"flat":[4],"disabled":[4],"loading":[4],"loadingColor":[1,"loading-color"],"hint":[1],"persistHint":[4,"persist-hint"],"placeholder":[1],"multiple":[4],"autocomplete":[4],"required":[4],"chips":[4],"shape":[1],"returnObject":[4,"return-object"],"hideDetail":[4,"hide-detail"]}]]]]'),e))));
+import{p as e,w as a,d as l,N as t,a as o,b as i}from"./p-7dc66c07.js";import{g as r}from"./p-f6948417.js";import"./p-f84bae34.js";(()=>{e.l=a.__cssshim;const i=Array.from(l.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),r={};return r.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,a.location.href)).href,((e,o)=>{const i=`__sc_import_${t.replace(/\s|-/g,"_")}`;try{a[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const r=new Map;a[i]=t=>{const s=new URL(t,e).href;let n=r.get(s);if(!n){const e=l.createElement("script");e.type="module",e.crossOrigin=o.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"})),n=new Promise((l=>{e.onload=()=>{l(a[i].m),e.remove()}})),r.set(s,n),l.head.appendChild(e)}return n}}})(r.resourcesUrl,i),a.customElements?o(r):__sc_import_twilight("./p-5db948f2.js").then((()=>r))})().then((e=>(r(),i(JSON.parse('[["p-d5f8a6dd",[[4,"salla-gifting",{"productId":[2,"product-id"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"step1Elems":[32],"step2Elems":[32],"stepsWrapper":[32],"textArea":[32],"imageCover":[32],"textSelect":[32],"customTextArea":[32],"calendarFormGroup":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[4,"salla-map",{"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchInputValue":[32],"geolocationError":[32],"searchInput":[32],"mapElement":[32],"open":[64]}],[0,"salla-product-options",{"productId":[2,"product-id"],"product":[1],"productDetail":[32],"options":[32],"uploadedImage":[32],"outOfStockText":[32],"donationAmount":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[0,"salla-comment-form",{"type":[1],"showAvatar":[4,"show-avatar"],"itemId":[8,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64]}],[4,"salla-cart-summary",{"cartSummaryCount":[32],"cartSummaryTotal":[32],"animateToCart":[64]}],[4,"salla-color-picker",{"color":[1],"placement":[8],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"has_red_dot":[32],"avatar":[32],"badges":[32],"OrderUpdate":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[0,"salla-datetime-picker",{"value":[1025],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[0,"salla-file-upload",{"required":[4],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"serverConfig":[1,"server-config"],"instantUpload":[4,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1,"label-idle"],"labelInvalidField":[1,"label-invalid-field"],"labelFileWaitingForSize":[1,"label-file-waiting-for-size"],"labelFileSizeNotAvailable":[1,"label-file-size-not-available"],"labelFileLoading":[1,"label-file-loading"],"labelFileLoadError":[1,"label-file-load-error"],"labelFileProcessing":[1,"label-file-processing"],"labelFileProcessingComplete":[1,"label-file-processing-complete"],"labelFileProcessingAborted":[1,"label-file-processing-aborted"],"labelFileProcessingError":[1,"label-file-processing-error"],"labelFileProcessingRevertError":[1,"label-file-processing-revert-error"],"labelFileRemoveError":[1,"label-file-remove-error"],"labelTapToCancel":[1,"label-tap-to-cancel"],"labelTapToRetry":[1,"label-tap-to-retry"],"labelTapToUndo":[1,"label-tap-to-undo"],"labelButtonRemoveItem":[1,"label-button-remove-item"],"labelButtonAbortItemLoad":[1,"label-button-abort-item-load"],"labelButtonRetryItemLoad":[1,"label-button-retry-item-load"],"labelButtonAbortItemProcessing":[1,"label-button-abort-item-processing"],"labelButtonUndoItemProcessing":[1,"label-button-undo-item-processing"],"labelButtonRetryItemProcessing":[1,"label-button-retry-item-processing"],"labelButtonProcessItem":[1,"label-button-process-item"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"pond":[32],"files":[32],"appendFile":[64]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[4,"salla-slider",{"blockTitle":[513,"block-title"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"verticalThumbs":[516,"vertical-thumbs"],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"isRTL":[32],"swiperScript":[32],"displayAllTitle":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["p-dbb379ce",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["p-82931e46",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["p-03695034",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-a7bd281c",[[0,"salla-select",{"label":[1],"items":[16],"itemText":[1,"item-text"],"itemValue":[1,"item-value"],"itemDisabled":[1,"item-disabled"],"size":[1],"value":[1032],"autofocus":[4],"clearable":[4],"clearIcon":[1,"clear-icon"],"color":[1],"flat":[4],"disabled":[4],"loading":[4],"loadingColor":[1,"loading-color"],"hint":[1],"persistHint":[4,"persist-hint"],"placeholder":[1],"multiple":[4],"autocomplete":[4],"required":[4],"chips":[4],"shape":[1],"returnObject":[4,"return-object"],"hideDetail":[4,"hide-detail"]}]]]]'),e))));

package/dist/twilight/twilight.js

@@ -117,7 +117,7 @@ var __assign=this&&this.__assign||function(){return(__assign=Object.assign||func
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-97f66179.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-49a71773.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/types/components/salla-map/salla-map.d.ts

@@ -3,11 +3,13 @@ export declare class SallaMap {
   private map;
   private locationModal;
   private marker;
+  host: HTMLElement;
   modalActivityTitle: string;
   confirmButtonTitle: string;
   locateButtonTitle: string;
   locateButtonEdit: string;
   searchInputValue: string;
+  geolocationError: boolean;
   searchInput: HTMLInputElement;
   mapElement: HTMLElement;
   constructor();
@@ -15,6 +17,7 @@ export declare class SallaMap {
   private getPositionAddress;
   private initGoogleMaps;
   private getCurrentLocation;
+  private handleLocationError;
   /**
    * Open location component
    */

package/dist/types/components/salla-product-options/interfaces.d.ts

@@ -0,0 +1,133 @@
+export declare enum DisplayType {
+  COLOR = "color",
+  DATE = "date",
+  DATETIME = "datetime",
+  DONATION = "donation",
+  IMAGE = "image",
+  MULTIPLE_OPTIONS = "multiple-options",
+  NUMBER = "number",
+  SINGLE_OPTION = "single-option",
+  SPLITTER = "splitter",
+  TEXT = "text",
+  TEXTAREA = "textarea",
+  THUMBNAIL = "thumbnail",
+  TIME = "time",
+  RADIO = "radio",
+  CHECKBOX = "checkbox"
+}
+export interface ProductDetail {
+  id: string;
+  sku: string;
+  name: string;
+  description: string;
+  url: string;
+  promotion_title: string;
+  subtitle: string;
+  type: string;
+  status: string;
+  price: number;
+  sale_price: number;
+  regular_price: number;
+  starting_price: null;
+  quantity: number;
+  max_quantity: number;
+  discount_ends: number;
+  is_taxable: boolean;
+  has_read_more: boolean;
+  can_add_note: boolean;
+  can_show_remained_quantity: boolean;
+  can_upload_file: boolean;
+  has_custom_form: boolean;
+  is_on_sale: boolean;
+  is_hidden_quantity: boolean;
+  is_available: boolean;
+  is_out_of_stock: boolean;
+  weight: null;
+  calories: null;
+  image: SimpleImage;
+  brand: Brand;
+  donation?: ProductDonation;
+  images: Image[];
+  tags: Tag[];
+  notify_availability: null;
+  rating: Rating;
+  options: Option[];
+  sold_quantity: number;
+  category: Category;
+}
+export interface SimpleImage {
+  url: string;
+  alt: string;
+}
+export interface Category {
+  name: string;
+  url: string;
+  icon: string;
+}
+export interface ProductDonation {
+  target_message?: string;
+  collected_amount?: number;
+  target_amount?: number;
+  target_percent?: number;
+  target_end_date?: string;
+  can_donate: boolean;
+}
+export interface Image {
+  id: number;
+  url: string;
+  main: boolean;
+  three_d_image_url: string;
+  alt: string;
+  video_url: string;
+  type: string;
+  sort: number;
+}
+export interface Option {
+  id: number;
+  name: string;
+  required: boolean;
+  type: string;
+  placeholder: string;
+  option_type: string;
+  not_same_day_order: boolean;
+  availability_range: number;
+  from_date_time: null;
+  to_date_time: null;
+  visibility_condition: null;
+  details?: Detail[];
+  condition_attributes: string;
+}
+export interface Detail {
+  id: number;
+  name: string;
+  additional_price: number;
+  option_value: null | string;
+  image: null | string;
+  color: null | string;
+  is_out: boolean;
+}
+export interface Brand {
+  id: string;
+  url: string;
+  name: string;
+  logo: string;
+}
+export interface PreTaxPrice {
+  amount: number;
+  currency: Currency;
+}
+export declare enum Currency {
+  Sar = "SAR"
+}
+export interface Promotion {
+  title: string;
+  sub_title: string;
+}
+export interface Rating {
+  count: number;
+  stars: number;
+}
+export interface Tag {
+  name: string;
+  url: string;
+}

package/dist/types/components/salla-product-options/salla-product-options.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Option, ProductDetail } from './interfaces';
+export declare class SallaProductOptions {
+  constructor();
+  private multipleOptionDom;
+  private uploader;
+  productDetail: ProductDetail;
+  options: Option[];
+  uploadedImage: string;
+  outOfStockText: string;
+  donationAmount: string;
+  /**
+   * The id of the product to which the options are going to be fetched for.
+   */
+  productId: number;
+  /**
+   * Product detail information.
+   */
+  product: string;
+  /**
+   * Colors Option Event
+   */
+  colorSelected: EventEmitter;
+  /**
+   * Thumbnails Option
+   */
+  thumbnailSelected: EventEmitter;
+  /**
+   * Single Select Option
+   */
+  singleSelectOptionSelected: EventEmitter;
+  /**
+   * Donation Option
+   */
+  donationMoneyEntered: EventEmitter;
+  /**
+   * Text Option
+   */
+  textOptionEntered: EventEmitter;
+  /**
+   * Textarea Option
+   */
+  textareaOptionEntered: EventEmitter;
+  /**
+   * Number Option
+   */
+  numberOptionEntered: EventEmitter;
+  /**
+   * Multi-Select Option
+   */
+  itemsSelected: EventEmitter<string[]>;
+  /**
+   * DateTime Selection Option
+   */
+  dateTimeSelected: EventEmitter;
+  /**
+   * Date Selection Option
+   */
+  dateSelected: EventEmitter;
+  /**
+   * Time Selection Option
+   */
+  timeSelected: EventEmitter;
+  private handleMultiSelectFieldInput;
+  /**
+   * Image Selection
+   */
+  private setProductDetail;
+  private fetchProductOptions;
+  private getDisplayForType;
+  render(): any;
+  private colorOption;
+  private dateOption;
+  private datetimeOption;
+  private donationOption;
+  private getFilepondPlaceholder;
+  private setUploaderHeight;
+  private selectThumbnail;
+  private getServerConfig;
+  private imageOption;
+  private multipleOptions;
+  private numberOption;
+  private singleOption;
+  private splitterOption;
+  private textOption;
+  private textareaOption;
+  private thumbnailOption;
+  private timeOption;
+}

package/dist/types/components/salla-slider/salla-slider.d.ts

@@ -10,6 +10,9 @@ export declare class SallaSwiper {
    * Show/hide slider block title
    */
   blockTitle: string;
+  /**
+   * Enable call a specific slide
+   */
   /**
    * Show/hide slider block sub title
    */
@@ -22,6 +25,10 @@ export declare class SallaSwiper {
    * Vertical or Horizontal thumbs slider
    */
   verticalThumbs: boolean;
+  /**
+   * Auto Height slider
+   */
+  autoHeight: boolean;
   /**
    * Show/hide arrows
    */
@@ -198,6 +205,7 @@ export declare class SallaSwiper {
     autoplay: boolean;
     centeredSlides: boolean;
     slidesPerView: string;
+    autoHeight: boolean;
     lazy: boolean;
     on: {
       afterInit: (slider: SwiperType) => void[];

package/dist/types/components/salla-user-menu/salla-user-menu.d.ts

@@ -18,6 +18,7 @@ export declare class SallaUserMenu {
   hello: string;
   first_name: string;
   last_name: string;
+  has_red_dot: boolean;
   avatar: string;
   badges: any;
   /**

package/dist/types/components.d.ts

@@ -917,6 +917,16 @@ export namespace Components {
          */
         "productId": number;
     }
+    interface SallaProductOptions {
+        /**
+          * Product detail information.
+         */
+        "product": string;
+        /**
+          * The id of the product to which the options are going to be fetched for.
+         */
+        "productId": number;
+    }
     interface SallaProductSizeGuide {
         /**
           * Hide the size-guide modal window
@@ -1163,6 +1173,10 @@ export namespace Components {
         "width": string;
     }
     interface SallaSlider {
+        /**
+          * Auto Height slider
+         */
+        "autoHeight": boolean;
         /**
           * Enable autoplay  - working with `type="carousel" only`
          */
@@ -1465,6 +1479,10 @@ export interface SallaModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSallaModalElement;
 }
+export interface SallaProductOptionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSallaProductOptionsElement;
+}
 export interface SallaQuickOrderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSallaQuickOrderElement;
@@ -1618,6 +1636,12 @@ declare global {
         prototype: HTMLSallaProductAvailabilityElement;
         new (): HTMLSallaProductAvailabilityElement;
     };
+    interface HTMLSallaProductOptionsElement extends Components.SallaProductOptions, HTMLStencilElement {
+    }
+    var HTMLSallaProductOptionsElement: {
+        prototype: HTMLSallaProductOptionsElement;
+        new (): HTMLSallaProductOptionsElement;
+    };
     interface HTMLSallaProductSizeGuideElement extends Components.SallaProductSizeGuide, HTMLStencilElement {
     }
     var HTMLSallaProductSizeGuideElement: {
@@ -1749,6 +1773,7 @@ declare global {
         "salla-offer-modal": HTMLSallaOfferModalElement;
         "salla-placeholder": HTMLSallaPlaceholderElement;
         "salla-product-availability": HTMLSallaProductAvailabilityElement;
+        "salla-product-options": HTMLSallaProductOptionsElement;
         "salla-product-size-guide": HTMLSallaProductSizeGuideElement;
         "salla-quantity-input": HTMLSallaQuantityInputElement;
         "salla-quick-order": HTMLSallaQuickOrderElement;
@@ -2589,6 +2614,60 @@ declare namespace LocalJSX {
          */
         "productId"?: number;
     }
+    interface SallaProductOptions {
+        /**
+          * Colors Option Event
+         */
+        "onColorSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Date Selection Option
+         */
+        "onDateSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * DateTime Selection Option
+         */
+        "onDateTimeSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Donation Option
+         */
+        "onDonationMoneyEntered"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Multi-Select Option
+         */
+        "onItemsSelected"?: (event: SallaProductOptionsCustomEvent<string[]>) => void;
+        /**
+          * Number Option
+         */
+        "onNumberOptionEntered"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Single Select Option
+         */
+        "onSingleSelectOptionSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Text Option
+         */
+        "onTextOptionEntered"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Textarea Option
+         */
+        "onTextareaOptionEntered"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Thumbnails Option
+         */
+        "onThumbnailSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Time Selection Option
+         */
+        "onTimeSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
+        /**
+          * Product detail information.
+         */
+        "product"?: string;
+        /**
+          * The id of the product to which the options are going to be fetched for.
+         */
+        "productId"?: number;
+    }
     interface SallaProductSizeGuide {
     }
     interface SallaQuantityInput {
@@ -2796,6 +2875,10 @@ declare namespace LocalJSX {
         "width"?: string;
     }
     interface SallaSlider {
+        /**
+          * Auto Height slider
+         */
+        "autoHeight"?: boolean;
         /**
           * Enable autoplay  - working with `type="carousel" only`
          */
@@ -3013,6 +3096,7 @@ declare namespace LocalJSX {
         "salla-offer-modal": SallaOfferModal;
         "salla-placeholder": SallaPlaceholder;
         "salla-product-availability": SallaProductAvailability;
+        "salla-product-options": SallaProductOptions;
         "salla-product-size-guide": SallaProductSizeGuide;
         "salla-quantity-input": SallaQuantityInput;
         "salla-quick-order": SallaQuickOrder;
@@ -3059,6 +3143,7 @@ declare module "@stencil/core" {
             "salla-offer-modal": LocalJSX.SallaOfferModal & JSXBase.HTMLAttributes<HTMLSallaOfferModalElement>;
             "salla-placeholder": LocalJSX.SallaPlaceholder & JSXBase.HTMLAttributes<HTMLSallaPlaceholderElement>;
             "salla-product-availability": LocalJSX.SallaProductAvailability & JSXBase.HTMLAttributes<HTMLSallaProductAvailabilityElement>;
+            "salla-product-options": LocalJSX.SallaProductOptions & JSXBase.HTMLAttributes<HTMLSallaProductOptionsElement>;
             "salla-product-size-guide": LocalJSX.SallaProductSizeGuide & JSXBase.HTMLAttributes<HTMLSallaProductSizeGuideElement>;
             "salla-quantity-input": LocalJSX.SallaQuantityInput & JSXBase.HTMLAttributes<HTMLSallaQuantityInputElement>;
             "salla-quick-order": LocalJSX.SallaQuickOrder & JSXBase.HTMLAttributes<HTMLSallaQuickOrderElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.10.2",
+  "version": "2.10.4",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -58,6 +58,7 @@
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "1.5.2",
     "@stencil/vue-output-target": "^0.6.1",
+    "@tailwindcss/line-clamp": "^0.4.2",
     "@types/autoprefixer": "^10.2.0",
     "@types/jest": "^28.1.6",
     "@types/puppeteer": "3.0.2",
@@ -75,8 +76,8 @@
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@salla.sa/twilight": "^2.10.1",
-    "@salla.sa/twilight-tailwind-theme": "^2.10.1",
+    "@salla.sa/twilight": "^2.10.4",
+    "@salla.sa/twilight-tailwind-theme": "^2.10.4",
     "animejs": "^3.2.1",
     "filepond": "^4.30.4",
     "filepond-plugin-file-validate-size": "^2.2.7",
@@ -91,5 +92,5 @@
     "vanilla-lazyload": "^17.8.3",
     "vanilla-picker": "^2.12.1"
   },
-  "gitHead": "9aee43eff6238e631dfbaa9ac6262d0fe70b5ee7"
+  "gitHead": "89b91e1098184edc112bbb3f9a68be0124f1ffee"
 }

package/dist/cjs/salla-conditional-fields.cjs.entry.js

@@ -1,88 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1d2b3370.js');
-
-const SallaConditionalFields = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  changeHandler(event) {
-    var _a;
-    salla.event.emit('salla-onditional-fields::change', event);
-    salla.log('Received the change event: ', event);
-    if (!event.target || !['SELECT'].includes(event.target.tagName) && !['checkbox'].includes(event.target.getAttribute('type'))) {
-      salla.log('Ignore the change because is not support input: ' + (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.tagName) || 'N/A'));
-      return;
-    }
-    // to extract the option id from the input name, the supported names are name[*] and name[*][]
-    let optionId = event.target.name.replace('[]', '');
-    let isMultiple = event.target.getAttribute('type') === 'checkbox';
-    salla.log('Trying to find all the element with condition:', `[data-show-when^="${optionId}"]`);
-    this.host.querySelectorAll(`[data-show-when^="${optionId}"]`)
-      .forEach((field) => {
-      let isEqual = !(field === null || field === void 0 ? void 0 : field.dataset.showWhen.includes('!='));
-      let value = field === null || field === void 0 ? void 0 : field.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$3').trim();
-      // let isSelected = isMultiple ? event.target?.checked : value === event.target.value;
-      let isSelected;
-      if (isMultiple) {
-        // @ts-ignore
-        let selectedValues = Array.from(this.host.querySelectorAll(`input[name="${event.target.name}"]:checked`), e => e === null || e === void 0 ? void 0 : e.value);
-        isSelected = selectedValues.includes(value.toString());
-      }
-      else {
-        isSelected = value === event.target.value;
-      }
-      salla.log('The input is ', (isMultiple ? 'Multiple' : 'Single'), ' value:', isSelected);
-      let showTheInput = (isEqual && isSelected) || (!isEqual && !isSelected);
-      if (showTheInput) {
-        field.classList.remove('hidden');
-        field.querySelectorAll('[name]').forEach((input) => {
-          input.removeAttribute('disabled');
-          //To handle focus on hidden input error
-          if (!['checkbox'].includes(input.getAttribute('type')) && field.getElementsByClassName('required').length) {
-            input.setAttribute('required', '');
-          }
-        });
-      }
-      else {
-        field.classList.add('hidden');
-        field.querySelectorAll('[name]').forEach((input) => {
-          input.setAttribute('disabled', '');
-          input.removeAttribute('required');
-          if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {
-            // @ts-ignore
-            input.checked = false;
-          }
-          //firing this event will show errors, so don't run it when pageLoading.
-          // if (this.optionsAlreadyInitiated) {
-          //   salla.document.event.fireEvent(input, 'change', {'bubbles': true});
-          // }
-        });
-      }
-    });
-  }
-  componentDidRender() {
-    this.host.querySelectorAll(`[data-show-when]`).forEach((field) => {
-      var _a;
-      // @ts-ignore
-      let optionName = (_a = field === null || field === void 0 ? void 0 : field.dataset) === null || _a === void 0 ? void 0 : _a.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$1').trim();
-      if (!optionName) {
-        return;
-      }
-      this.changeHandler({
-        target: this.host.querySelector('[name^="' + optionName + '"]')
-      });
-    });
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-  get host() { return index.getElement(this); }
-};
-
-exports.salla_conditional_fields = SallaConditionalFields;