@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.
- package/README.md +6 -6
- package/dist/cjs/index-1d2b3370.js +2 -2
- package/dist/cjs/{index-53c1e9f1.js → index-69084b4e.js} +39 -2232
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{salla-button_34.cjs.entry.js → salla-button_35.cjs.entry.js} +1311 -93
- package/dist/cjs/twilight.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/salla-color-picker/interfaces.js +4 -0
- package/dist/collection/components/salla-color-picker/salla-color-picker.css +0 -0
- package/dist/collection/components/salla-color-picker/salla-color-picker.js +481 -0
- package/dist/collection/components/salla-loyalty/salla-loyalty.js +3 -3
- package/dist/collection/components/salla-quick-order/salla-quick-order.css +45 -0
- package/dist/collection/components/salla-quick-order/salla-quick-order.js +364 -0
- package/dist/collection/components/salla-scopes/salla-scopes.js +14 -10
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +41 -2233
- package/dist/components/keyboard_arrow_down.js +11 -0
- package/dist/components/salla-color-picker.d.ts +11 -0
- package/dist/components/salla-color-picker.js +1170 -0
- package/dist/components/salla-loyalty.js +3 -3
- package/dist/components/{salla-sheet.d.ts → salla-quick-order.d.ts} +4 -4
- package/dist/components/salla-quick-order.js +224 -0
- package/dist/components/salla-scopes.js +14 -10
- package/dist/components/salla-user-menu.js +1 -7
- package/dist/esm/{index-dc279949.js → index-841c6a09.js} +39 -2232
- package/dist/esm/index-f1d446ac.js +2 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{salla-button_34.entry.js → salla-button_35.entry.js} +1329 -112
- package/dist/esm/twilight.js +2 -2
- package/dist/esm-es5/index-841c6a09.js +24 -0
- package/dist/esm-es5/index-f1d446ac.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/salla-button_35.entry.js +41 -0
- package/dist/esm-es5/twilight.js +1 -1
- package/dist/twilight/p-9d16088e.entry.js +30 -0
- package/dist/twilight/p-abaef410.system.js +4 -0
- package/dist/twilight/p-add0b2aa.system.js +24 -0
- package/dist/twilight/p-ce00178b.system.entry.js +41 -0
- package/dist/twilight/p-ed8fa851.js +24 -0
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/twilight/twilight.js +1 -1
- package/dist/types/components/salla-color-picker/interfaces.d.ts +25 -0
- package/dist/types/components/salla-color-picker/salla-color-picker.d.ts +99 -0
- package/dist/types/components/salla-quick-order/salla-quick-order.d.ts +66 -0
- package/dist/types/components/salla-scopes/salla-scopes.d.ts +1 -0
- package/dist/types/components.d.ts +204 -31
- package/package.json +6 -5
- package/dist/collection/components/salla-sheet/salla-sheet.css +0 -24
- package/dist/collection/components/salla-sheet/salla-sheet.js +0 -210
- package/dist/components/salla-sheet.js +0 -111
- package/dist/esm-es5/index-dc279949.js +0 -30
- package/dist/esm-es5/salla-button_34.entry.js +0 -34
- package/dist/twilight/p-14189a2c.system.entry.js +0 -34
- package/dist/twilight/p-19ce7aa8.js +0 -24
- package/dist/twilight/p-4733b689.system.js +0 -4
- package/dist/twilight/p-6b59d89a.system.js +0 -30
- package/dist/twilight/p-f41866f4.entry.js +0 -22
- package/dist/types/components/salla-sheet/salla-sheet.d.ts +0 -35
package/dist/cjs/twilight.cjs.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
const index = require('./index-1d2b3370.js');
|
|
7
|
-
require('./index-
|
|
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",
|
|
File without changes
|
|
@@ -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 ||
|
|
182
|
-
this.prizeTitle = (
|
|
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
|
+
}
|