@salla.sa/twilight-components 2.9.43 → 2.9.44

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 (58) hide show
  1. package/README.md +6 -6
  2. package/dist/cjs/index-1d2b3370.js +2 -2
  3. package/dist/cjs/{index-53c1e9f1.js → index-69084b4e.js} +39 -2232
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/{salla-button_34.cjs.entry.js → salla-button_35.cjs.entry.js} +1311 -93
  6. package/dist/cjs/twilight.cjs.js +2 -2
  7. package/dist/collection/collection-manifest.json +2 -1
  8. package/dist/collection/components/salla-color-picker/interfaces.js +4 -0
  9. package/dist/collection/components/salla-color-picker/salla-color-picker.css +0 -0
  10. package/dist/collection/components/salla-color-picker/salla-color-picker.js +481 -0
  11. package/dist/collection/components/salla-loyalty/salla-loyalty.js +3 -3
  12. package/dist/collection/components/salla-quick-order/salla-quick-order.css +45 -0
  13. package/dist/collection/components/salla-quick-order/salla-quick-order.js +364 -0
  14. package/dist/collection/components/salla-scopes/salla-scopes.js +14 -10
  15. package/dist/components/index.d.ts +2 -1
  16. package/dist/components/index.js +41 -2233
  17. package/dist/components/keyboard_arrow_down.js +11 -0
  18. package/dist/components/salla-color-picker.d.ts +11 -0
  19. package/dist/components/salla-color-picker.js +1170 -0
  20. package/dist/components/salla-loyalty.js +3 -3
  21. package/dist/components/{salla-sheet.d.ts → salla-quick-order.d.ts} +4 -4
  22. package/dist/components/salla-quick-order.js +224 -0
  23. package/dist/components/salla-scopes.js +14 -10
  24. package/dist/components/salla-user-menu.js +1 -7
  25. package/dist/esm/{index-dc279949.js → index-841c6a09.js} +39 -2232
  26. package/dist/esm/index-f1d446ac.js +2 -2
  27. package/dist/esm/loader.js +2 -2
  28. package/dist/esm/{salla-button_34.entry.js → salla-button_35.entry.js} +1329 -112
  29. package/dist/esm/twilight.js +2 -2
  30. package/dist/esm-es5/index-841c6a09.js +24 -0
  31. package/dist/esm-es5/index-f1d446ac.js +1 -1
  32. package/dist/esm-es5/loader.js +1 -1
  33. package/dist/esm-es5/salla-button_35.entry.js +41 -0
  34. package/dist/esm-es5/twilight.js +1 -1
  35. package/dist/twilight/p-9d16088e.entry.js +30 -0
  36. package/dist/twilight/p-abaef410.system.js +4 -0
  37. package/dist/twilight/p-add0b2aa.system.js +24 -0
  38. package/dist/twilight/p-ce00178b.system.entry.js +41 -0
  39. package/dist/twilight/p-ed8fa851.js +24 -0
  40. package/dist/twilight/twilight.esm.js +1 -1
  41. package/dist/twilight/twilight.js +1 -1
  42. package/dist/types/components/salla-color-picker/interfaces.d.ts +25 -0
  43. package/dist/types/components/salla-color-picker/salla-color-picker.d.ts +99 -0
  44. package/dist/types/components/salla-quick-order/salla-quick-order.d.ts +66 -0
  45. package/dist/types/components/salla-scopes/salla-scopes.d.ts +1 -0
  46. package/dist/types/components.d.ts +204 -31
  47. package/package.json +6 -5
  48. package/dist/collection/components/salla-sheet/salla-sheet.css +0 -24
  49. package/dist/collection/components/salla-sheet/salla-sheet.js +0 -210
  50. package/dist/components/salla-sheet.js +0 -111
  51. package/dist/esm-es5/index-dc279949.js +0 -30
  52. package/dist/esm-es5/salla-button_34.entry.js +0 -34
  53. package/dist/twilight/p-14189a2c.system.entry.js +0 -34
  54. package/dist/twilight/p-19ce7aa8.js +0 -24
  55. package/dist/twilight/p-4733b689.system.js +0 -4
  56. package/dist/twilight/p-6b59d89a.system.js +0 -30
  57. package/dist/twilight/p-f41866f4.entry.js +0 -22
  58. package/dist/types/components/salla-sheet/salla-sheet.d.ts +0 -35
@@ -4,7 +4,7 @@
4
4
  'use strict';
5
5
 
6
6
  const index = require('./index-1d2b3370.js');
7
- require('./index-53c1e9f1.js');
7
+ require('./index-69084b4e.js');
8
8
  require('./_commonjsHelpers-691dd63b.js');
9
9
 
10
10
  /*
@@ -77,5 +77,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
77
77
  };
78
78
 
79
79
  patchBrowser().then(options => {
80
- return index.bootstrapLazy(JSON.parse("[[\"salla-button_34.cjs\",[[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-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\",{\"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-sheet\",{\"position\":[1],\"width\":[2],\"height\":[2],\"sheetColor\":[1,\"sheet-color\"],\"persistent\":[4],\"flag\":[32],\"open\":[64],\"close\":[64]}],[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-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\",{\"showControls\":[516,\"show-controls\"],\"showThumbsControls\":[4,\"show-thumbs-controls\"],\"type\":[1],\"sliderConfig\":[520,\"slider-config\"],\"thumbsConfig\":[520,\"thumbs-config\"],\"currentIndex\":[32],\"isEnd\":[32],\"isBeginning\":[32],\"isRTL\":[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]}],[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\"]]],[0,\"salla-loading\",{\"size\":[8],\"width\":[8],\"color\":[1],\"bgColor\":[1,\"bg-color\"]}],[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]}]]],[\"salla-add-product-button.cjs\",[[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\"]}]]],[\"salla-swiper.cjs\",[[4,\"salla-swiper\",{\"loop\":[4],\"speed\":[2],\"itemPerView\":[8,\"item-per-view\"],\"spaceBetweenItems\":[2,\"space-between-items\"],\"currentIndex\":[32],\"isLastSlideItem\":[32],\"isFirstSlideItem\":[32]}]]],[\"salla-conditional-fields.cjs\",[[4,\"salla-conditional-fields\",null,[[0,\"change\",\"changeHandler\"]]]]],[\"salla-installment.cjs\",[[0,\"salla-installment\",{\"price\":[1],\"language\":[1],\"currency\":[1],\"tamaraIsActive\":[32],\"tabbyIsActive\":[32],\"spotiiIsActive\":[32]}]]],[\"salla-loyalty-prize-item.cjs\",[[0,\"salla-loyalty-prize-item\",{\"item\":[16]}]]],[\"salla-select.cjs\",[[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\"]}]]]]"), options);
80
+ return index.bootstrapLazy(JSON.parse("[[\"salla-button_35.cjs\",[[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\":[1537,\"quick-order-title\"],\"subTitle\":[1537,\"sub-title\"],\"payButtonTitle\":[1537,\"pay-button-title\"],\"confirmPayButtonTitle\":[1537,\"confirm-pay-button-title\"],\"agreementText\":[1537,\"agreement-text\"],\"isEmailRequired\":[1540,\"is-email-required\"],\"productId\":[1537,\"product-id\"],\"thanksMessage\":[1537,\"thanks-message\"],\"quickOrderStyle\":[1537,\"quick-order-style\"],\"isGuest\":[32],\"user\":[32],\"oneClick\":[32],\"expanded\":[32],\"isTermsRequired\":[32],\"countryCode\":[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\",{\"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\",{\"showControls\":[516,\"show-controls\"],\"showThumbsControls\":[4,\"show-thumbs-controls\"],\"type\":[1],\"sliderConfig\":[520,\"slider-config\"],\"thumbsConfig\":[520,\"thumbs-config\"],\"currentIndex\":[32],\"isEnd\":[32],\"isBeginning\":[32],\"isRTL\":[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]}],[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\"]]],[0,\"salla-loading\",{\"size\":[8],\"width\":[8],\"color\":[1],\"bgColor\":[1,\"bg-color\"]}],[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]}]]],[\"salla-add-product-button.cjs\",[[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\"]}]]],[\"salla-swiper.cjs\",[[4,\"salla-swiper\",{\"loop\":[4],\"speed\":[2],\"itemPerView\":[8,\"item-per-view\"],\"spaceBetweenItems\":[2,\"space-between-items\"],\"currentIndex\":[32],\"isLastSlideItem\":[32],\"isFirstSlideItem\":[32]}]]],[\"salla-conditional-fields.cjs\",[[4,\"salla-conditional-fields\",null,[[0,\"change\",\"changeHandler\"]]]]],[\"salla-installment.cjs\",[[0,\"salla-installment\",{\"price\":[1],\"language\":[1],\"currency\":[1],\"tamaraIsActive\":[32],\"tabbyIsActive\":[32],\"spotiiIsActive\":[32]}]]],[\"salla-loyalty-prize-item.cjs\",[[0,\"salla-loyalty-prize-item\",{\"item\":[16]}]]],[\"salla-select.cjs\",[[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\"]}]]]]"), options);
81
81
  });
@@ -3,6 +3,7 @@
3
3
  "./components/salla-add-product-button/salla-add-product-button.js",
4
4
  "./components/salla-button/salla-button.js",
5
5
  "./components/salla-cart-summary/salla-cart-summary.js",
6
+ "./components/salla-color-picker/salla-color-picker.js",
6
7
  "./components/salla-comment-form/salla-comment-form.js",
7
8
  "./components/salla-conditional-fields/salla-conditional-fields.js",
8
9
  "./components/salla-datetime-picker/salla-datetime-picker.js",
@@ -23,12 +24,12 @@
23
24
  "./components/salla-product-availability/salla-product-availability.js",
24
25
  "./components/salla-product-size-guide/salla-product-size-guide.js",
25
26
  "./components/salla-quantity-input/salla-quantity-input.js",
27
+ "./components/salla-quick-order/salla-quick-order.js",
26
28
  "./components/salla-rating-modal/salla-rating-modal.js",
27
29
  "./components/salla-rating-stars/salla-rating-stars.js",
28
30
  "./components/salla-scopes/salla-scopes.js",
29
31
  "./components/salla-search/salla-search.js",
30
32
  "./components/salla-select/salla-select.js",
31
- "./components/salla-sheet/salla-sheet.js",
32
33
  "./components/salla-skeleton/salla-skeleton.js",
33
34
  "./components/salla-slider/salla-slider.js",
34
35
  "./components/salla-social-share/salla-social-share.js",
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Crafted with ❤ by Salla
3
+ */
4
+ export {};
@@ -0,0 +1,481 @@
1
+ /*!
2
+ * Crafted with ❤ by Salla
3
+ */
4
+ import { Component, Prop, h, Host, Element, Event, State, Method } from '@stencil/core';
5
+ import Picker from 'vanilla-picker';
6
+ import ArrowDown from "../../assets/svg/keyboard_arrow_down.svg";
7
+ export class SallaColorPicker {
8
+ constructor() {
9
+ /**
10
+ * Initial color for the picker.
11
+ */
12
+ this.color = '#5dd5c4'; //salla color
13
+ /**
14
+ * If the picker is used as a popup, where to place it
15
+ * relative to the parent. false to add the picker as a
16
+ * normal child element of the parent.
17
+ */
18
+ this.placement = 'bottom';
19
+ /**
20
+ * How to display the selected color in the text field
21
+ * (the text field still supports input in any format).
22
+ */
23
+ this.format = 'hex';
24
+ /**
25
+ * Whether to have a "Cancel" button which closes the popup.
26
+ */
27
+ this.showCancelButton = false;
28
+ /**
29
+ * Whether to show a text field for color value editing.
30
+ */
31
+ this.showTextField = true;
32
+ /**
33
+ * Whether to enable adjusting the alpha channel.
34
+ */
35
+ this.enableAlpha = false;
36
+ }
37
+ colorChangeHandler(color) {
38
+ this.colorChanged.emit(color);
39
+ }
40
+ submittedHandler(color) {
41
+ this.setColorValue(color.rgbaString, true);
42
+ this.canvas.style.backgroundColor = color.rgbString;
43
+ this.submitted.emit(color);
44
+ }
45
+ popupOpenedHandler(color) {
46
+ this.popupOpened.emit(color);
47
+ }
48
+ popupClosedHandler(color) {
49
+ this.popupClosed.emit(color);
50
+ }
51
+ /** Methods */
52
+ /**
53
+ * Set the picker options.
54
+ *
55
+ * (Usually a new .parent and .color).
56
+ * @param {Object} options
57
+ */
58
+ async setPickerOption(options) {
59
+ this.picker.setOptions(options);
60
+ }
61
+ /**
62
+ * Move the popup to a different parent, optionally opening it at the same time.
63
+ *
64
+ * (Usually a new .parent and .color).
65
+ * @param {Options} option
66
+ *
67
+ * Whether to open the popup immediately.
68
+ * @param {boolean} openImmediately
69
+ */
70
+ async movePopUp(options, openImmediately) {
71
+ this.picker.movePopup(options, openImmediately);
72
+ }
73
+ /**
74
+ * Set/initialize the picker's color.
75
+ *
76
+ * Color name, RGBA/HSLA/HEX string, or RGBA array.
77
+ * @param {string} color
78
+ *
79
+ * If true, won't trigger onChange.
80
+ * @param {boolean} triggerEvent
81
+ */
82
+ async setColorValue(color, triggerEvent) {
83
+ this.picker.setColor(color, triggerEvent);
84
+ }
85
+ /**
86
+ * Show/open the picker.
87
+ */
88
+ async openPicker() {
89
+ this.picker.show();
90
+ }
91
+ /**
92
+ * Close/Hide the picker.
93
+ */
94
+ async closePicker() {
95
+ this.picker.hide();
96
+ }
97
+ /**
98
+ * Release all resources used by this picker instance.
99
+ */
100
+ async destroyPicker() {
101
+ this.picker.destroy();
102
+ }
103
+ componentDidLoad() {
104
+ this.canvas.style.backgroundColor = this.color;
105
+ this.initColorPicker();
106
+ }
107
+ initColorPicker() {
108
+ this.picker = new Picker({
109
+ parent: this.host,
110
+ color: this.color,
111
+ popup: this.placement,
112
+ // template: string,
113
+ // layout: string,
114
+ alpha: this.enableAlpha,
115
+ editor: this.showTextField,
116
+ editorFormat: this.format,
117
+ cancelButton: this.showCancelButton,
118
+ onChange: (color) => this.colorChangeHandler(color),
119
+ onDone: (color) => this.submittedHandler(color),
120
+ onOpen: (color) => this.popupOpenedHandler(color),
121
+ onClose: (color) => this.popupClosedHandler(color),
122
+ });
123
+ }
124
+ render() {
125
+ return (h(Host, { class: "s-color-picker-main" },
126
+ h("slot", null,
127
+ h("div", { class: "s-color-picker-widget" },
128
+ h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }),
129
+ h("span", { innerHTML: ArrowDown })))));
130
+ }
131
+ static get is() { return "salla-color-picker"; }
132
+ static get originalStyleUrls() { return {
133
+ "$": ["salla-color-picker.scss"]
134
+ }; }
135
+ static get styleUrls() { return {
136
+ "$": ["salla-color-picker.css"]
137
+ }; }
138
+ static get properties() { return {
139
+ "color": {
140
+ "type": "string",
141
+ "mutable": false,
142
+ "complexType": {
143
+ "original": "string",
144
+ "resolved": "string",
145
+ "references": {}
146
+ },
147
+ "required": false,
148
+ "optional": false,
149
+ "docs": {
150
+ "tags": [],
151
+ "text": "Initial color for the picker."
152
+ },
153
+ "attribute": "color",
154
+ "reflect": false,
155
+ "defaultValue": "'#5dd5c4'"
156
+ },
157
+ "placement": {
158
+ "type": "any",
159
+ "mutable": false,
160
+ "complexType": {
161
+ "original": "'top' | 'bottom' | 'left' | 'right' | false",
162
+ "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\" | boolean",
163
+ "references": {}
164
+ },
165
+ "required": false,
166
+ "optional": false,
167
+ "docs": {
168
+ "tags": [],
169
+ "text": "If the picker is used as a popup, where to place it\nrelative to the parent. false to add the picker as a\nnormal child element of the parent."
170
+ },
171
+ "attribute": "placement",
172
+ "reflect": false,
173
+ "defaultValue": "'bottom'"
174
+ },
175
+ "format": {
176
+ "type": "string",
177
+ "mutable": false,
178
+ "complexType": {
179
+ "original": "'hex' | 'hsl' | 'rgb'",
180
+ "resolved": "\"hex\" | \"hsl\" | \"rgb\"",
181
+ "references": {}
182
+ },
183
+ "required": false,
184
+ "optional": false,
185
+ "docs": {
186
+ "tags": [],
187
+ "text": "How to display the selected color in the text field\n(the text field still supports input in any format)."
188
+ },
189
+ "attribute": "format",
190
+ "reflect": false,
191
+ "defaultValue": "'hex'"
192
+ },
193
+ "showCancelButton": {
194
+ "type": "boolean",
195
+ "mutable": false,
196
+ "complexType": {
197
+ "original": "boolean",
198
+ "resolved": "boolean",
199
+ "references": {}
200
+ },
201
+ "required": false,
202
+ "optional": false,
203
+ "docs": {
204
+ "tags": [],
205
+ "text": "Whether to have a \"Cancel\" button which closes the popup."
206
+ },
207
+ "attribute": "show-cancel-button",
208
+ "reflect": false,
209
+ "defaultValue": "false"
210
+ },
211
+ "showTextField": {
212
+ "type": "boolean",
213
+ "mutable": false,
214
+ "complexType": {
215
+ "original": "boolean",
216
+ "resolved": "boolean",
217
+ "references": {}
218
+ },
219
+ "required": false,
220
+ "optional": false,
221
+ "docs": {
222
+ "tags": [],
223
+ "text": "Whether to show a text field for color value editing."
224
+ },
225
+ "attribute": "show-text-field",
226
+ "reflect": false,
227
+ "defaultValue": "true"
228
+ },
229
+ "enableAlpha": {
230
+ "type": "boolean",
231
+ "mutable": false,
232
+ "complexType": {
233
+ "original": "boolean",
234
+ "resolved": "boolean",
235
+ "references": {}
236
+ },
237
+ "required": false,
238
+ "optional": false,
239
+ "docs": {
240
+ "tags": [],
241
+ "text": "Whether to enable adjusting the alpha channel."
242
+ },
243
+ "attribute": "enable-alpha",
244
+ "reflect": false,
245
+ "defaultValue": "false"
246
+ }
247
+ }; }
248
+ static get states() { return {
249
+ "widgetColor": {}
250
+ }; }
251
+ static get events() { return [{
252
+ "method": "colorChanged",
253
+ "name": "colorChanged",
254
+ "bubbles": true,
255
+ "cancelable": true,
256
+ "composed": true,
257
+ "docs": {
258
+ "tags": [],
259
+ "text": "Event whenever the color changes."
260
+ },
261
+ "complexType": {
262
+ "original": "Color",
263
+ "resolved": "Color",
264
+ "references": {
265
+ "Color": {
266
+ "location": "import",
267
+ "path": "./interfaces"
268
+ }
269
+ }
270
+ }
271
+ }, {
272
+ "method": "submitted",
273
+ "name": "submitted",
274
+ "bubbles": true,
275
+ "cancelable": true,
276
+ "composed": true,
277
+ "docs": {
278
+ "tags": [],
279
+ "text": "Event emitter when the user clicks \"Ok\"."
280
+ },
281
+ "complexType": {
282
+ "original": "Color",
283
+ "resolved": "Color",
284
+ "references": {
285
+ "Color": {
286
+ "location": "import",
287
+ "path": "./interfaces"
288
+ }
289
+ }
290
+ }
291
+ }, {
292
+ "method": "popupOpened",
293
+ "name": "popupOpened",
294
+ "bubbles": true,
295
+ "cancelable": true,
296
+ "composed": true,
297
+ "docs": {
298
+ "tags": [],
299
+ "text": "Event emitter when the popup opens."
300
+ },
301
+ "complexType": {
302
+ "original": "Color",
303
+ "resolved": "Color",
304
+ "references": {
305
+ "Color": {
306
+ "location": "import",
307
+ "path": "./interfaces"
308
+ }
309
+ }
310
+ }
311
+ }, {
312
+ "method": "popupClosed",
313
+ "name": "popupClosed",
314
+ "bubbles": true,
315
+ "cancelable": true,
316
+ "composed": true,
317
+ "docs": {
318
+ "tags": [],
319
+ "text": "Event emitter when the popup closes."
320
+ },
321
+ "complexType": {
322
+ "original": "Color",
323
+ "resolved": "Color",
324
+ "references": {
325
+ "Color": {
326
+ "location": "import",
327
+ "path": "./interfaces"
328
+ }
329
+ }
330
+ }
331
+ }]; }
332
+ static get methods() { return {
333
+ "setPickerOption": {
334
+ "complexType": {
335
+ "signature": "(options: Options) => Promise<void>",
336
+ "parameters": [{
337
+ "tags": [{
338
+ "name": "param",
339
+ "text": "options"
340
+ }],
341
+ "text": ""
342
+ }],
343
+ "references": {
344
+ "Promise": {
345
+ "location": "global"
346
+ },
347
+ "Options": {
348
+ "location": "import",
349
+ "path": "./interfaces"
350
+ }
351
+ },
352
+ "return": "Promise<void>"
353
+ },
354
+ "docs": {
355
+ "text": "Set the picker options.\n\n(Usually a new .parent and .color).",
356
+ "tags": [{
357
+ "name": "param",
358
+ "text": "options"
359
+ }]
360
+ }
361
+ },
362
+ "movePopUp": {
363
+ "complexType": {
364
+ "signature": "(options: Options, openImmediately: boolean) => Promise<void>",
365
+ "parameters": [{
366
+ "tags": [],
367
+ "text": ""
368
+ }, {
369
+ "tags": [{
370
+ "name": "param",
371
+ "text": "openImmediately"
372
+ }],
373
+ "text": ""
374
+ }],
375
+ "references": {
376
+ "Promise": {
377
+ "location": "global"
378
+ },
379
+ "Options": {
380
+ "location": "import",
381
+ "path": "./interfaces"
382
+ }
383
+ },
384
+ "return": "Promise<void>"
385
+ },
386
+ "docs": {
387
+ "text": "Move the popup to a different parent, optionally opening it at the same time.\n\n(Usually a new .parent and .color).",
388
+ "tags": [{
389
+ "name": "param",
390
+ "text": "option Whether to open the popup immediately."
391
+ }, {
392
+ "name": "param",
393
+ "text": "openImmediately"
394
+ }]
395
+ }
396
+ },
397
+ "setColorValue": {
398
+ "complexType": {
399
+ "signature": "(color: string, triggerEvent: boolean) => Promise<void>",
400
+ "parameters": [{
401
+ "tags": [{
402
+ "name": "param",
403
+ "text": "color If true, won't trigger onChange."
404
+ }],
405
+ "text": "If true, won't trigger onChange."
406
+ }, {
407
+ "tags": [{
408
+ "name": "param",
409
+ "text": "triggerEvent"
410
+ }],
411
+ "text": ""
412
+ }],
413
+ "references": {
414
+ "Promise": {
415
+ "location": "global"
416
+ }
417
+ },
418
+ "return": "Promise<void>"
419
+ },
420
+ "docs": {
421
+ "text": "Set/initialize the picker's color.\n\nColor name, RGBA/HSLA/HEX string, or RGBA array.",
422
+ "tags": [{
423
+ "name": "param",
424
+ "text": "color If true, won't trigger onChange."
425
+ }, {
426
+ "name": "param",
427
+ "text": "triggerEvent"
428
+ }]
429
+ }
430
+ },
431
+ "openPicker": {
432
+ "complexType": {
433
+ "signature": "() => Promise<void>",
434
+ "parameters": [],
435
+ "references": {
436
+ "Promise": {
437
+ "location": "global"
438
+ }
439
+ },
440
+ "return": "Promise<void>"
441
+ },
442
+ "docs": {
443
+ "text": "Show/open the picker.",
444
+ "tags": []
445
+ }
446
+ },
447
+ "closePicker": {
448
+ "complexType": {
449
+ "signature": "() => Promise<void>",
450
+ "parameters": [],
451
+ "references": {
452
+ "Promise": {
453
+ "location": "global"
454
+ }
455
+ },
456
+ "return": "Promise<void>"
457
+ },
458
+ "docs": {
459
+ "text": "Close/Hide the picker.",
460
+ "tags": []
461
+ }
462
+ },
463
+ "destroyPicker": {
464
+ "complexType": {
465
+ "signature": "() => Promise<void>",
466
+ "parameters": [],
467
+ "references": {
468
+ "Promise": {
469
+ "location": "global"
470
+ }
471
+ },
472
+ "return": "Promise<void>"
473
+ },
474
+ "docs": {
475
+ "text": "Release all resources used by this picker instance.",
476
+ "tags": []
477
+ }
478
+ }
479
+ }; }
480
+ static get elementRef() { return "host"; }
481
+ }
@@ -177,9 +177,9 @@ export class SallaLoyalty {
177
177
  this.buttonLoading = true;
178
178
  return await salla.loyalty.exchange((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id)
179
179
  .then((response) => {
180
- var _a, _b;
181
- this.prizePoints = (_a = response === null || response === void 0 ? void 0 : response.prize) === null || _a === void 0 ? void 0 : _a.points;
182
- this.prizeTitle = (_b = response === null || response === void 0 ? void 0 : response.prize) === null || _b === void 0 ? void 0 : _b.title;
180
+ var _a, _b, _c, _d;
181
+ this.prizePoints = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.prize) === null || _b === void 0 ? void 0 : _b.points;
182
+ this.prizeTitle = (_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.prize) === null || _d === void 0 ? void 0 : _d.title;
183
183
  })
184
184
  .catch(e => console.log(e))
185
185
  .finally(() => {
@@ -0,0 +1,45 @@
1
+ .s-quick-order .s-quick-order-container {
2
+ padding: 15px;
3
+ border: 1px solid #d0d0d0;
4
+ border-radius: 6px;
5
+ background: #f3f3f3;
6
+ }
7
+ .s-quick-order .s-quick-order-container.gray {
8
+ background: #f3f3f3;
9
+ border: 1px solid #d0d0d0;
10
+ }
11
+ .s-quick-order .s-quick-order-container.white {
12
+ background: #fff;
13
+ border: 1px solid #dfdfdf;
14
+ }
15
+ .s-quick-order .s-quick-order-container .s-quick-order-button-cont {
16
+ display: flex;
17
+ justify-content: space-between;
18
+ align-items: baseline;
19
+ }
20
+ .s-quick-order .s-quick-order-container .s-quick-order-checkbox-container {
21
+ display: flex;
22
+ margin: 10px 0;
23
+ }
24
+ .s-quick-order .s-quick-order-container .s-quick-order-checkbox-container input {
25
+ padding: 10px;
26
+ width: 20px;
27
+ border: 1px solid #eee;
28
+ border-radius: 5px;
29
+ margin: 6px;
30
+ }
31
+ .s-quick-order .s-quick-order-container .s-quick-order-expandable {
32
+ visibility: hidden;
33
+ height: 0;
34
+ transition: height 1s ease;
35
+ }
36
+ .s-quick-order .s-quick-order-container .s-quick-order-expandable.show {
37
+ visibility: visible;
38
+ height: auto;
39
+ }
40
+ .s-quick-order .s-quick-order-container input {
41
+ padding: 10px;
42
+ width: 100%;
43
+ border: 1px solid #eee;
44
+ border-radius: 5px;
45
+ }