vviinn-widgets 2.227.0 → 2.227.2

package/dist/vviinn-widgets/{p-10a1e757.entry.js → p-55b34826.entry.js}

@@ -1,8 +1,8 @@
 /*!
- * vviinn-widgets v2.227.0
+ * vviinn-widgets v2.227.2
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/NOTICE
  */
-import{h as t,r as e,c as i,H as s,g as o}from"./p-FhFmxhnG.js";import{_ as r,f as a}from"./p-CLnNoPoc.js";import{d as n,e as h,v as c,f as l,h as d,j as p,u as f}from"./p-D4gGbVSQ.js";import{s as g,f as u}from"./p-DFKrbabt.js";import{i as b,d as x}from"./p-CFvXi0uP.js";import{i as v,b as m,s as y}from"./p-D5VwnX0v.js";import{i as w,b as C,p as k}from"./p-Cc4vYYIH.js";const S=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z",fill:"#525252"}),t("path",{d:"M14 12C14 9.24 11.76 7 9 7C6.24 7 4 9.24 4 12C4 14.76 6.24 17 9 17C10.02 17 10.96 16.69 11.75 16.17L16.29 20.71L17.7 19.3L13.16 14.76C13.68 13.97 13.99 13.02 13.99 12.01L14 12ZM9 15C7.35 15 6 13.65 6 12C6 10.35 7.35 9 9 9C10.65 9 12 10.35 12 12C12 13.65 10.65 15 9 15Z",fill:"#525252"})),T=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24",height:"24","aria-hidden":"true"},t("path",{d:"M12 14C11.1667 14 10.4583 13.7083 9.87501 13.125C9.29168 12.5417 9.00001 11.8333 9.00001 11V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 20V17.925C9.46668 17.7083 8.15418 17.0583 7.06251 15.975C5.97085 14.8917 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52085 11.0958 6.71251 11.2875C6.90418 11.4792 7.03335 11.7167 7.10001 12C7.33335 13.1667 7.91251 14.125 8.83751 14.875C9.76251 15.625 10.8167 16 12 16C13.2 16 14.2583 15.6208 15.175 14.8625C16.0917 14.1042 16.6667 13.15 16.9 12C16.9667 11.7167 17.0958 11.4792 17.2875 11.2875C17.4792 11.0958 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.6917 13.5417 18.0333 14.85 16.95 15.95C15.8667 17.05 14.55 17.7083 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20Z",fill:"#161616"})),z=()=>{var t;const e=window,i=window.navigator,s=i.vendor,o=[void 0!==e.opr,i.userAgent.indexOf("Firefox")>-1,i.userAgent.indexOf("Edg")>-1].some((t=>!0===t)),r=void 0!==i.userAgentData?"Google Chrome"===(null===(t=i.userAgentData.brands[0])||void 0===t?void 0:t.brand):"Google Inc."===s;return{forbiddenBrowser:o,isChrome:r,isSafari:i.userAgent.indexOf("Safari")>-1&&!r}},I=class{constructor(t){e(this,t),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.vviinnTextSearchStarted=i(this,"vviinnTextSearchStarted"),this.widgetTextSearchFinished=i(this,"widgetTextSearchFinished"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnRedirect=i(this,"vviinnRedirect"),this.mode="basic",this.placeholder="",this.autoSuggestShow=!0,this.useDragAndDrop=!1,this.showInWidget=!1,this.showOnFirstScreen=!1,this.isRecording=!1,this.showTooltip=!1,this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1,this.originalQuery="",this.searchSubmitted=!1,this.isDisconnected=!1,this.slots=[],this.isShowPreloader=()=>"loading"===this.state.searchStatus&&"text"===this.state.searchType,this.isShowRecording=()=>this.isRecording,this.showRecording=()=>this.isRecording=!0,this.hideRecording=()=>this.isRecording=!1,this.setShowTooltip=t=>{this.showTooltip=t},this.tooltipText=(()=>{const{isSafari:t}=z();return t?"speechRecognition.tooltip.siri":"speechRecognition.tooltip.general"})(),this.getPlaceholderText=()=>this.isShowRecording()?b.t("speechRecognition.placeholder"):this.placeholder.length?this.placeholder:b.t("textSearchPlaceholder"),this.recognition=null,this.setAutoSuggestCompletions=t=>{this.isDisconnected||this.searchSubmitted&&t.length>0||(this.autoSuggestCompletions=t,this.activeSuggestionIndex=-1)},this.trackTextSearch=()=>this.vviinnFilterTriggered.emit({kind:this.state.textSearchQuery,action:"select",customTrigger:"TPS",isTriggeredByVpsWidget:this.showInWidget}),this.getBasicEventData=()=>this.showInWidget&&this.basicEventData?this.basicEventData:Object.assign({campaignTypeId:"TPS",campaignTypeName:l.TPS,widgetVersion:c},d("widgetId",this.el.id)),this.handleSpeech=async()=>{this.recognition&&(this.isRecording?(this.recognition.stop(),this.hideRecording(),this.setShowTooltip(!1)):(this.recognition.start(),n(this.storeName,null),this.triggerTooltipStart=setTimeout((()=>{this.isRecording||(this.setShowTooltip(!0),this.triggerTooltipEnd=setTimeout((()=>{this.setShowTooltip(!1)}),5e3))}),1e3)))},this.hideSuggestions=()=>{this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1},this.selectSuggestion=t=>{if(n(this.storeName,t.suggestion),this.hideSuggestions(),t.url)return this.trackTextSearch(),void this.handleTextSearchRedirect(t.url,"auto-suggest",t.suggestion);this.handleTextSearch(!0)},this.handleTextSearch=async(t=!1)=>{var e;const i=this.state.textSearchQuery;if(!i)return;this.searchSubmitted=!0,null===(e=this.autoSuggestHandler)||void 0===e||e.cancelPending(),this.hideSuggestions(),t||(await this.checkAutoSuggest(i),this.hideSuggestions()),this.trackTextSearch();const s=this.state.redirect;if((null==s?void 0:s.url)&&s.query===i)this.handleTextSearchRedirect(s.url,"auto-suggest",i);else if(!this.resultsPageUrl||this.showInWidget||w(this.resultsPageUrl))this.vviinnTextSearchStarted.emit({query:i,isTriggeredByVpsWidget:this.showInWidget}),this.showInWidget&&this.showOnFirstScreen&&r.pipe(await p(this.storeName,i,this.token,this.apiPath),a((()=>{this.vviinnNoResult.emit(this.getBasicEventData())}),(t=>{this.widgetTextSearchFinished.emit({query:i,requestId:t.requestId}),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget})})));else{const t=C(this.resultsPageUrl,i,k(this.resultsPageParams).query);this.handleTextSearchRedirect(t,"text-search",i)}},this.checkAutoSuggest=async t=>{r.pipe(await h(this.storeName,t,this.token,this.apiPath,this.setAutoSuggestCompletions),a((()=>{}),(()=>{})))},this.handleKeyDown=t=>{this.autoSuggestShow?((t,e)=>{const{completions:i,activeSuggestionIndex:s,originalQuery:o,storeName:r,textSearchQuery:a,onActiveIndexChange:h,onOriginalQueryChange:c,onSelectSuggestion:l,onHideSuggestions:d,onSearch:p}=e,f=i.length>0;switch(t.key){case"ArrowDown":if(f){t.preventDefault(),-1===s&&c(a);const e=Math.min(s+1,i.length-1);h(e),n(r,i[e].suggestion)}break;case"ArrowUp":if(f&&s>-1){t.preventDefault();const e=s-1;h(e),n(r,-1===e?o:i[e].suggestion)}break;case"Escape":d();break;case"Enter":f&&s>=0?(t.preventDefault(),l(i[s])):p()}})(t,{completions:this.autoSuggestCompletions,activeSuggestionIndex:this.activeSuggestionIndex,originalQuery:this.originalQuery,storeName:this.storeName,textSearchQuery:this.state.textSearchQuery,onActiveIndexChange:t=>this.activeSuggestionIndex=t,onOriginalQueryChange:t=>this.originalQuery=t,onSelectSuggestion:this.selectSuggestion,onHideSuggestions:this.hideSuggestions,onSearch:this.handleTextSearch}):"Enter"===t.key&&this.handleTextSearch()},this.handleButtonKeyDown=(t,e)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}}connectedCallback(){const{state:t,storeName:e}=f(this.showInWidget);this.state=t,this.storeName=e,this.isDisconnected=!1}disconnectedCallback(){var t;this.isDisconnected=!0,clearTimeout(this.triggerTooltipStart),clearTimeout(this.triggerTooltipEnd),null===(t=this.autoSuggestHandler)||void 0===t||t.cleanup()}async componentWillLoad(){var t,e,i;await v(this.locale),g(this,this.el),this.slots=u(this.el),this.autoSuggestShow&&(this.autoSuggestHandler=((t,e,i,s)=>{let o;const r=()=>clearTimeout(o);return{handleInputChange:r=>{n(t,r),clearTimeout(o),r?o=setTimeout((()=>{h(t,r,e,i,s)}),300):s([])},cancelPending:r,cleanup:r}})(this.storeName,this.token,this.apiPath,this.setAutoSuggestCompletions)),this.recognition=((t,e,i,s)=>{const o=(()=>{const t=window,e=t.webkitSpeechRecognition||t.SpeechRecognition;if(!e)return;const{forbiddenBrowser:i,isChrome:s,isSafari:o}=z();return i?void 0:s||o?e:void 0})();if(!o)return;const r=new o;let a;return r.interimResults=!1,r.maxAlternatives=1,r.continuous=!1,r.lang=t,r.onstart=()=>{e(),a=setTimeout((()=>{r.stop()}),1e4)},r.onspeechend=()=>{r.stop(),i(),clearTimeout(a)},r.onend=i,r.onresult=t=>{s(t.results[0][0].transcript)},r})(null!==(t=this.locale)&&void 0!==t?t:x.locale,(()=>{this.showRecording(),this.setShowTooltip(!1),clearTimeout(this.triggerTooltipStart)}),this.hideRecording,(t=>{n(this.storeName,t),this.handleTextSearch()})),(null===(e=this.searchQuery)||void 0===e?void 0:e.length)>0&&n(this.storeName,this.searchQuery),!this.showInWidget&&(null===(i=this.searchQuery)||void 0===i?void 0:i.length)>0&&(this.vviinnTextSearchStarted.emit({query:this.searchQuery,isTriggeredByVpsWidget:this.showInWidget}),this.trackTextSearch())}handleInputChange(t){this.searchSubmitted=!1;const e=t.target.value;this.autoSuggestShow?this.autoSuggestHandler.handleInputChange(e):n(this.storeName,e)}handleTextSearchRedirect(t,e,i){const s=Object.assign(Object.assign({},this.getBasicEventData()),{url:t,source:e,query:i});this.vviinnRedirect.emit(s).defaultPrevented?this.state.redirect=null:window.location.href=t}render(){return t(s,{key:"df609bf5cf084693707ec4700b7cb0c405c37a94",exportparts:`${m}, ${y}`},t("div",{key:"cd647d80c8705f882beb1574d3884909c9135d92",class:"text-search-container",part:"text-search-container"},t("input",Object.assign({key:"441525b813a55c1f3cf5776da9c8aa450810de36",class:"text-search-input",part:"text-search-input",type:"text",placeholder:this.getPlaceholderText(),value:this.state.textSearchQuery||"",onInput:t=>this.handleInputChange(t),onKeyDown:this.handleKeyDown,onBlur:this.autoSuggestShow?this.hideSuggestions:void 0},this.autoSuggestShow&&{role:"combobox","aria-autocomplete":"list","aria-expanded":this.autoSuggestCompletions.length>0&&this.state.textSearchQuery?"true":"false","aria-controls":"suggestions-listbox","aria-activedescendant":this.activeSuggestionIndex>=0?`suggestion-${this.activeSuggestionIndex}`:void 0})),"extended"===this.mode&&t("vviinn-vps-button",Object.assign({key:"bd787dbeb182e1965349c051825286ec7d29baf1",token:this.token,locale:this.locale,apiPath:this.apiPath,addStyle:!1,showResultsInModal:!1,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams},this.exampleImageSource&&{exampleImageSource:this.exampleImageSource},null!=this.cssUrl&&{cssUrl:this.cssUrl},this.visualSearchMode&&{mode:this.visualSearchMode},{useDragAndDrop:this.useDragAndDrop,parentSlots:this.slots})),"basic"===this.mode&&t("slot",{key:"1f0b3ca364e5266593b95494aad7649ac925e5c8",name:"vviinn-text-search-actions"}),("extended"===this.mode||this.showInWidget)&&this.recognition&&t("button",{key:"abee8ee3722a14fe133ddd59f61fe36e64add805",class:"speech-button",part:"speech-button","aria-label":b.t("a11y.speechButton"),onClick:this.handleSpeech,onKeyDown:t=>this.handleButtonKeyDown(t,this.handleSpeech)},t(T,{key:"677ea26faeba2079e8ec0181eb626e131d50f420"}),this.isShowRecording()&&t("span",{key:"554e7b376069d54c8cf7c29b2632b89cb3631cd7",class:"recording-indicator"})),t("button",{key:"1adfeeddb0bc4b398ae9d53fd894359b0624bc14",class:"text-search-button",part:"text-search-button",onClick:()=>this.handleTextSearch(),onKeyDown:t=>this.handleButtonKeyDown(t,this.handleTextSearch),disabled:"loading"===this.state.searchStatus,"aria-label":b.t("a11y.textSearchButton")},this.isShowPreloader()?t("vviinn-preloader",null):t("slot",{name:"vviinn-text-search-icon"},t(S,null)))),this.autoSuggestShow&&(i=this.state.textSearchQuery,o=this.activeSuggestionIndex,r=this.selectSuggestion,(e=this.autoSuggestCompletions).length&&i?t("ul",{class:"suggestions-container",part:"suggestions-container",role:"listbox",id:"suggestions-listbox"},e.map(((e,s)=>t("li",{id:`suggestion-${s}`,class:{"suggestion-item":!0,"suggestion-item--active":s===o},part:"suggestion-item",role:"option","aria-selected":s===o?"true":"false",onMouseDown:t=>{t.preventDefault(),r(e)}},((e,i)=>{const s=e.toLowerCase(),o=i.toLowerCase(),r=s.indexOf(o);if(-1===r)return e;const a=e.slice(0,r),n=e.slice(r,r+i.length),h=e.slice(r+i.length);return[a,t("span",{class:"suggestion-highlight"},n),h]})(e.suggestion,i))))):null),this.showTooltip&&t("p",{key:"21e10799593122a6252f7a98f2d4a95bda18543e",class:"text-search-tooltip",part:"text-search-tooltip"},b.t(this.tooltipText)));var e,i,o,r}get el(){return o(this)}};I.style=':host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;position:relative;width:100%;}.text-search-container{display:flex;align-items:center;gap:var(--spacing-50);width:100%;height:46px;border:1px solid var(--color-border-02);border-radius:8px;transition:border-color 0.2s;overflow:hidden;box-sizing:border-box}.text-search-container:focus-within{border-color:#8d8d8d}.text-search-input,.text-search-tooltip{font-size:16px;font-style:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base))}.text-search-input{height:100%;padding-left:16px;box-sizing:border-box;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;flex-grow:2;width:150px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}vviinn-vps-button{height:100%}.text-search-button,.speech-button,vviinn-vps-button::part(vviinn-button){border:none;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.speech-button,vviinn-vps-button::part(vviinn-button){padding:0 8px}.upload-button-text{display:contents}.text-search-button{background-color:#f4f4f4;transition:background-color 0.2s;aspect-ratio:1 / 1;border-radius:0 7px 7px 0}.speech-button{background-color:transparent;position:relative}@keyframes recordingSpeech{0%{background-color:#ff0000;scale:1}100%{background-color:#ff8888;scale:1.5}}.recording-indicator{border-radius:50%;width:8px;height:8px;left:24px;top:24px;background-color:#ff0000;position:absolute;animation:recordingSpeech 1s infinite alternate ease-in-out}@keyframes fade-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;display:none}}.text-search-tooltip{position:absolute;right:0;top:80%;background:#f4f4f4;animation:fade-out 5s forwards;width:-moz-fit-content;width:fit-content;padding:24px;border-radius:8px;border:1px solid #8d8d8d;box-sizing:border-box}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector,::slotted([slot="vviinn-text-search-actions"]){margin:auto 8px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}.suggestions-container{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-50) 0 0;padding:4px;list-style:none;background:#ffffff;border:1px solid #fafafa;border-radius:8px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index:10}.suggestion-item{padding:4px 8px;border-radius:4px;font-size:16px;line-height:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base));cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover,.suggestion-item--active{background-color:#f4f4f4}.suggestion-highlight{font-weight:500}';export{I as vviinn_text_search}
+import{h as t,r as e,c as i,H as s,g as o}from"./p-DAJ_Vnro.js";import{_ as r,f as a}from"./p-BinO0Y25.js";import{d as n,e as h,v as c,f as l,h as d,j as p,u as f}from"./p-Bv62lBTh.js";import{s as g,f as u}from"./p-CJTKS7AD.js";import{i as b,d as x}from"./p-Dw7Hd5-K.js";import{i as v,b as m,s as y}from"./p-Bx5RgG8R.js";import{i as w,b as C,p as k}from"./p-Do7coPt7.js";const S=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z",fill:"#525252"}),t("path",{d:"M14 12C14 9.24 11.76 7 9 7C6.24 7 4 9.24 4 12C4 14.76 6.24 17 9 17C10.02 17 10.96 16.69 11.75 16.17L16.29 20.71L17.7 19.3L13.16 14.76C13.68 13.97 13.99 13.02 13.99 12.01L14 12ZM9 15C7.35 15 6 13.65 6 12C6 10.35 7.35 9 9 9C10.65 9 12 10.35 12 12C12 13.65 10.65 15 9 15Z",fill:"#525252"})),T=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24",height:"24","aria-hidden":"true"},t("path",{d:"M12 14C11.1667 14 10.4583 13.7083 9.87501 13.125C9.29168 12.5417 9.00001 11.8333 9.00001 11V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 20V17.925C9.46668 17.7083 8.15418 17.0583 7.06251 15.975C5.97085 14.8917 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52085 11.0958 6.71251 11.2875C6.90418 11.4792 7.03335 11.7167 7.10001 12C7.33335 13.1667 7.91251 14.125 8.83751 14.875C9.76251 15.625 10.8167 16 12 16C13.2 16 14.2583 15.6208 15.175 14.8625C16.0917 14.1042 16.6667 13.15 16.9 12C16.9667 11.7167 17.0958 11.4792 17.2875 11.2875C17.4792 11.0958 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.6917 13.5417 18.0333 14.85 16.95 15.95C15.8667 17.05 14.55 17.7083 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20Z",fill:"#161616"})),z=()=>{var t;const e=window,i=window.navigator,s=i.vendor,o=[void 0!==e.opr,i.userAgent.indexOf("Firefox")>-1,i.userAgent.indexOf("Edg")>-1].some((t=>!0===t)),r=void 0!==i.userAgentData?"Google Chrome"===(null===(t=i.userAgentData.brands[0])||void 0===t?void 0:t.brand):"Google Inc."===s;return{forbiddenBrowser:o,isChrome:r,isSafari:i.userAgent.indexOf("Safari")>-1&&!r}},B=class{constructor(t){e(this,t),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.vviinnTextSearchStarted=i(this,"vviinnTextSearchStarted"),this.widgetTextSearchFinished=i(this,"widgetTextSearchFinished"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnRedirect=i(this,"vviinnRedirect"),this.mode="basic",this.placeholder="",this.autoSuggestShow=!0,this.useDragAndDrop=!1,this.showInWidget=!1,this.showOnFirstScreen=!1,this.isRecording=!1,this.showTooltip=!1,this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1,this.originalQuery="",this.searchSubmitted=!1,this.isDisconnected=!1,this.slots=[],this.isShowPreloader=()=>"loading"===this.state.searchStatus&&"text"===this.state.searchType,this.isShowRecording=()=>this.isRecording,this.showRecording=()=>this.isRecording=!0,this.hideRecording=()=>this.isRecording=!1,this.setShowTooltip=t=>{this.showTooltip=t},this.tooltipText=(()=>{const{isSafari:t}=z();return t?"speechRecognition.tooltip.siri":"speechRecognition.tooltip.general"})(),this.getPlaceholderText=()=>this.isShowRecording()?b.t("speechRecognition.placeholder"):this.placeholder.length?this.placeholder:b.t("textSearchPlaceholder"),this.recognition=null,this.setAutoSuggestCompletions=t=>{this.isDisconnected||this.searchSubmitted&&t.length>0||(this.autoSuggestCompletions=t,this.activeSuggestionIndex=-1)},this.trackTextSearch=()=>this.vviinnFilterTriggered.emit({kind:this.state.textSearchQuery,action:"select",customTrigger:"TPS",isTriggeredByVpsWidget:this.showInWidget}),this.getBasicEventData=()=>this.showInWidget&&this.basicEventData?this.basicEventData:Object.assign({campaignTypeId:"TPS",campaignTypeName:l.TPS,widgetVersion:c},d("widgetId",this.el.id)),this.handleSpeech=async()=>{this.recognition&&(this.isRecording?(this.recognition.stop(),this.hideRecording(),this.setShowTooltip(!1)):(this.recognition.start(),n(this.storeName,null),this.triggerTooltipStart=setTimeout((()=>{this.isRecording||(this.setShowTooltip(!0),this.triggerTooltipEnd=setTimeout((()=>{this.setShowTooltip(!1)}),5e3))}),1e3)))},this.hideSuggestions=()=>{this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1},this.selectSuggestion=t=>{if(n(this.storeName,t.suggestion),this.hideSuggestions(),t.url)return this.trackTextSearch(),void this.handleTextSearchRedirect(t.url,"auto-suggest",t.suggestion);this.handleTextSearch(!0)},this.handleTextSearch=async(t=!1)=>{var e;const i=this.state.textSearchQuery;if(!i)return;this.searchSubmitted=!0,null===(e=this.autoSuggestHandler)||void 0===e||e.cancelPending(),this.hideSuggestions(),t||(await this.checkAutoSuggest(i),this.hideSuggestions()),this.trackTextSearch();const s=this.state.redirect;if((null==s?void 0:s.url)&&s.query===i)this.handleTextSearchRedirect(s.url,"auto-suggest",i);else if(!this.resultsPageUrl||this.showInWidget||w(this.resultsPageUrl))this.vviinnTextSearchStarted.emit({query:i,isTriggeredByVpsWidget:this.showInWidget}),this.showInWidget&&this.showOnFirstScreen&&r.pipe(await p(this.storeName,i,this.token,this.apiPath),a((()=>{this.vviinnNoResult.emit(this.getBasicEventData())}),(t=>{this.widgetTextSearchFinished.emit({query:i,requestId:t.requestId}),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget})})));else{const t=C(this.resultsPageUrl,i,k(this.resultsPageParams).query);this.handleTextSearchRedirect(t,"text-search",i)}},this.checkAutoSuggest=async t=>{r.pipe(await h(this.storeName,t,this.token,this.apiPath,this.setAutoSuggestCompletions),a((()=>{}),(()=>{})))},this.handleKeyDown=t=>{this.autoSuggestShow?((t,e)=>{const{completions:i,activeSuggestionIndex:s,originalQuery:o,storeName:r,textSearchQuery:a,onActiveIndexChange:h,onOriginalQueryChange:c,onSelectSuggestion:l,onHideSuggestions:d,onSearch:p}=e,f=i.length>0;switch(t.key){case"ArrowDown":if(f){t.preventDefault(),-1===s&&c(a);const e=Math.min(s+1,i.length-1);h(e),n(r,i[e].suggestion)}break;case"ArrowUp":if(f&&s>-1){t.preventDefault();const e=s-1;h(e),n(r,-1===e?o:i[e].suggestion)}break;case"Escape":d();break;case"Enter":f&&s>=0?(t.preventDefault(),l(i[s])):p()}})(t,{completions:this.autoSuggestCompletions,activeSuggestionIndex:this.activeSuggestionIndex,originalQuery:this.originalQuery,storeName:this.storeName,textSearchQuery:this.state.textSearchQuery,onActiveIndexChange:t=>this.activeSuggestionIndex=t,onOriginalQueryChange:t=>this.originalQuery=t,onSelectSuggestion:this.selectSuggestion,onHideSuggestions:this.hideSuggestions,onSearch:this.handleTextSearch}):"Enter"===t.key&&this.handleTextSearch()},this.handleButtonKeyDown=(t,e)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}}connectedCallback(){const{state:t,storeName:e}=f(this.showInWidget);this.state=t,this.storeName=e,this.isDisconnected=!1}disconnectedCallback(){var t;this.isDisconnected=!0,clearTimeout(this.triggerTooltipStart),clearTimeout(this.triggerTooltipEnd),null===(t=this.autoSuggestHandler)||void 0===t||t.cleanup()}async componentWillLoad(){var t,e,i;await v(this.locale),g(this,this.el),this.slots=u(this.el),this.autoSuggestShow&&(this.autoSuggestHandler=((t,e,i,s)=>{let o;const r=()=>clearTimeout(o);return{handleInputChange:r=>{n(t,r),clearTimeout(o),r?o=setTimeout((()=>{h(t,r,e,i,s)}),300):s([])},cancelPending:r,cleanup:r}})(this.storeName,this.token,this.apiPath,this.setAutoSuggestCompletions)),this.recognition=((t,e,i,s)=>{const o=(()=>{const t=window,e=t.webkitSpeechRecognition||t.SpeechRecognition;if(!e)return;const{forbiddenBrowser:i,isChrome:s,isSafari:o}=z();return i?void 0:s||o?e:void 0})();if(!o)return;const r=new o;let a;return r.interimResults=!1,r.maxAlternatives=1,r.continuous=!1,r.lang=t,r.onstart=()=>{e(),a=setTimeout((()=>{r.stop()}),1e4)},r.onspeechend=()=>{r.stop(),i(),clearTimeout(a)},r.onend=i,r.onresult=t=>{s(t.results[0][0].transcript)},r})(null!==(t=this.locale)&&void 0!==t?t:x.locale,(()=>{this.showRecording(),this.setShowTooltip(!1),clearTimeout(this.triggerTooltipStart)}),this.hideRecording,(t=>{n(this.storeName,t),this.handleTextSearch()})),(null===(e=this.searchQuery)||void 0===e?void 0:e.length)>0&&n(this.storeName,this.searchQuery),!this.showInWidget&&(null===(i=this.searchQuery)||void 0===i?void 0:i.length)>0&&(this.vviinnTextSearchStarted.emit({query:this.searchQuery,isTriggeredByVpsWidget:this.showInWidget}),this.trackTextSearch())}handleInputChange(t){this.searchSubmitted=!1;const e=t.target.value;this.autoSuggestShow?this.autoSuggestHandler.handleInputChange(e):n(this.storeName,e)}handleTextSearchRedirect(t,e,i){const s=Object.assign(Object.assign({},this.getBasicEventData()),{url:t,source:e,query:i});this.vviinnRedirect.emit(s).defaultPrevented?this.state.redirect=null:window.location.href=t}render(){return t(s,{key:"df609bf5cf084693707ec4700b7cb0c405c37a94",exportparts:`${m}, ${y}`},t("div",{key:"cd647d80c8705f882beb1574d3884909c9135d92",class:"text-search-container",part:"text-search-container"},t("input",Object.assign({key:"441525b813a55c1f3cf5776da9c8aa450810de36",class:"text-search-input",part:"text-search-input",type:"text",placeholder:this.getPlaceholderText(),value:this.state.textSearchQuery||"",onInput:t=>this.handleInputChange(t),onKeyDown:this.handleKeyDown,onBlur:this.autoSuggestShow?this.hideSuggestions:void 0},this.autoSuggestShow&&{role:"combobox","aria-autocomplete":"list","aria-expanded":this.autoSuggestCompletions.length>0&&this.state.textSearchQuery?"true":"false","aria-controls":"suggestions-listbox","aria-activedescendant":this.activeSuggestionIndex>=0?`suggestion-${this.activeSuggestionIndex}`:void 0})),"extended"===this.mode&&t("vviinn-vps-button",Object.assign({key:"bd787dbeb182e1965349c051825286ec7d29baf1",token:this.token,locale:this.locale,apiPath:this.apiPath,addStyle:!1,showResultsInModal:!1,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams},this.exampleImageSource&&{exampleImageSource:this.exampleImageSource},null!=this.cssUrl&&{cssUrl:this.cssUrl},this.visualSearchMode&&{mode:this.visualSearchMode},{useDragAndDrop:this.useDragAndDrop,parentSlots:this.slots})),"basic"===this.mode&&t("slot",{key:"1f0b3ca364e5266593b95494aad7649ac925e5c8",name:"vviinn-text-search-actions"}),("extended"===this.mode||this.showInWidget)&&this.recognition&&t("button",{key:"abee8ee3722a14fe133ddd59f61fe36e64add805",class:"speech-button",part:"speech-button","aria-label":b.t("a11y.speechButton"),onClick:this.handleSpeech,onKeyDown:t=>this.handleButtonKeyDown(t,this.handleSpeech)},t(T,{key:"677ea26faeba2079e8ec0181eb626e131d50f420"}),this.isShowRecording()&&t("span",{key:"554e7b376069d54c8cf7c29b2632b89cb3631cd7",class:"recording-indicator"})),t("button",{key:"1adfeeddb0bc4b398ae9d53fd894359b0624bc14",class:"text-search-button",part:"text-search-button",onClick:()=>this.handleTextSearch(),onKeyDown:t=>this.handleButtonKeyDown(t,this.handleTextSearch),disabled:"loading"===this.state.searchStatus,"aria-label":b.t("a11y.textSearchButton")},this.isShowPreloader()?t("vviinn-preloader",null):t("slot",{name:"vviinn-text-search-icon"},t(S,null)))),this.autoSuggestShow&&(i=this.state.textSearchQuery,o=this.activeSuggestionIndex,r=this.selectSuggestion,(e=this.autoSuggestCompletions).length&&i?t("ul",{class:"suggestions-container",part:"suggestions-container",role:"listbox",id:"suggestions-listbox"},e.map(((e,s)=>t("li",{id:`suggestion-${s}`,class:{"suggestion-item":!0,"suggestion-item--active":s===o},part:"suggestion-item",role:"option","aria-selected":s===o?"true":"false",onMouseDown:t=>{t.preventDefault(),r(e)}},((e,i)=>{const s=e.toLowerCase(),o=i.toLowerCase(),r=s.indexOf(o);if(-1===r)return e;const a=e.slice(0,r),n=e.slice(r,r+i.length),h=e.slice(r+i.length);return[a,t("span",{class:"suggestion-highlight"},n),h]})(e.suggestion,i))))):null),this.showTooltip&&t("p",{key:"21e10799593122a6252f7a98f2d4a95bda18543e",class:"text-search-tooltip",part:"text-search-tooltip"},b.t(this.tooltipText)));var e,i,o,r}get el(){return o(this)}};B.style=':host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-display:40px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#707070;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;position:relative;width:100%;}.text-search-container{display:flex;align-items:center;gap:var(--spacing-50);width:100%;height:46px;border:1px solid var(--color-border-02);border-radius:8px;transition:border-color 0.2s;overflow:hidden;box-sizing:border-box}.text-search-container:focus-within{border-color:#8d8d8d}.text-search-input,.text-search-tooltip{font-size:16px;font-style:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base))}.text-search-input{height:100%;padding-left:16px;box-sizing:border-box;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;flex-grow:2;width:150px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}vviinn-vps-button{height:100%}.text-search-button,.speech-button,vviinn-vps-button::part(vviinn-button){border:none;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.speech-button,vviinn-vps-button::part(vviinn-button){padding:0 8px}.upload-button-text{display:contents}.text-search-button{background-color:#f4f4f4;transition:background-color 0.2s;aspect-ratio:1 / 1;border-radius:0 7px 7px 0}.speech-button{background-color:transparent;position:relative}@keyframes recordingSpeech{0%{background-color:#ff0000;scale:1}100%{background-color:#ff8888;scale:1.5}}.recording-indicator{border-radius:50%;width:8px;height:8px;left:24px;top:24px;background-color:#ff0000;position:absolute;animation:recordingSpeech 1s infinite alternate ease-in-out}@keyframes fade-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;display:none}}.text-search-tooltip{position:absolute;right:0;top:80%;background:#f4f4f4;animation:fade-out 5s forwards;width:-moz-fit-content;width:fit-content;padding:24px;border-radius:8px;border:1px solid #8d8d8d;box-sizing:border-box}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector,::slotted([slot="vviinn-text-search-actions"]){margin:auto 8px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}.suggestions-container{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-50) 0 0;padding:4px;list-style:none;background:#ffffff;border:1px solid #fafafa;border-radius:8px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index:10}.suggestion-item{padding:4px 8px;border-radius:4px;font-size:16px;line-height:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base));cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover,.suggestion-item--active{background-color:#f4f4f4}.suggestion-highlight{font-weight:500}';export{B as vviinn_text_search}

package/dist/vviinn-widgets/p-5M4OE8Ib.js

@@ -0,0 +1,8 @@
+/*!
+ * vviinn-widgets v2.227.2
+ * Copyright 2020 Mediaopt
+ * SPDX-License-Identifier: Apache-2.0
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/NOTICE
+ */
+const n=function(){};export{n as g}

package/dist/vviinn-widgets/{p-D-DCoH5E.js → p-BK-UtHEi.js}

@@ -1,11 +1,11 @@
 /*!
- * vviinn-widgets v2.227.0
+ * vviinn-widgets v2.227.2
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.2/NOTICE
  */
-import{g as t}from"./p-CFvXi0uP.js";var i,n={exports:{}},a=(i||(i=1,n.exports=function(){function t(t,i){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);i&&(a=a.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),n.push.apply(n,a)}return n}function i(i){for(var a=1;a<arguments.length;a++){var e=null!=arguments[a]?arguments[a]:{};a%2?t(Object(e),!0).forEach((function(t){var a,s,h;a=i,h=e[t],(s=n(s=t))in a?Object.defineProperty(a,s,{value:h,enumerable:!0,configurable:!0,writable:!0}):a[s]=h})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):t(Object(e)).forEach((function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(e,t))}))}return i}function n(t){var i=function(t,i){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,i);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:i+""}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function e(t,i){for(var a=0;a<i.length;a++){var e=i[a];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,n(e.key),e)}}function s(t){return function(t){if(Array.isArray(t))return h(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,i){if(t){if("string"==typeof t)return h(t,i);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(t,i):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,i){(null==i||i>t.length)&&(i=t.length);for(var n=0,a=new Array(i);n<i;n++)a[n]=t[n];return a}var r="undefined"!=typeof window&&void 0!==window.document,o=r?window:{},c=!(!r||!o.document.documentElement)&&"ontouchstart"in o.document.documentElement,u=!!r&&"PointerEvent"in o,f="cropper",v="all",p="crop",l="move",d="zoom",m="e",b="w",w="s",M="n",g="ne",y="nw",k="se",C="sw",O="".concat(f,"-crop"),j="".concat(f,"-disabled"),x="".concat(f,"-hidden"),N="".concat(f,"-hide"),A="".concat(f,"-invisible"),z="".concat(f,"-modal"),D="".concat(f,"-move"),R="".concat(f,"Action"),E="".concat(f,"Preview"),T="crop",X="move",S="none",Y="crop",B="cropend",W="cropmove",P="cropstart",H="dblclick",$=u?"pointerdown":c?"touchstart":"mousedown",I=u?"pointermove":c?"touchmove":"mousemove",U=u?"pointerup pointercancel":c?"touchend touchcancel":"mouseup",q="ready",L="resize",Z="wheel",F="zoom",G="image/jpeg",K=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,V=/^data:/,J=/^data:image\/jpeg;base64,/,Q=/^img|canvas$/i,_={viewMode:0,dragMode:T,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},tt=Number.isNaN||o.isNaN;function it(t){return"number"==typeof t&&!tt(t)}var nt=function(t){return t>0&&t<1/0};function at(t){return void 0===t}function et(t){return"object"===a(t)&&null!==t}var st=Object.prototype.hasOwnProperty;function ht(t){if(!et(t))return!1;try{var i=t.constructor,n=i.prototype;return i&&n&&st.call(n,"isPrototypeOf")}catch(t){return!1}}function rt(t){return"function"==typeof t}var ot=Array.prototype.slice;function ct(t){return Array.from?Array.from(t):ot.call(t)}function ut(t,i){return t&&rt(i)&&(Array.isArray(t)||it(t.length)?ct(t).forEach((function(n,a){i.call(t,n,a,t)})):et(t)&&Object.keys(t).forEach((function(n){i.call(t,t[n],n,t)}))),t}var ft=Object.assign||function(t){for(var i=arguments.length,n=new Array(i>1?i-1:0),a=1;a<i;a++)n[a-1]=arguments[a];return et(t)&&n.length>0&&n.forEach((function(i){et(i)&&Object.keys(i).forEach((function(n){t[n]=i[n]}))})),t},vt=/\.\d*(?:0|9){12}\d*$/;function pt(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return vt.test(t)?Math.round(t*i)/i:t}var lt=/^width|height|left|top|marginLeft|marginTop$/;function dt(t,i){var n=t.style;ut(i,(function(t,i){lt.test(i)&&it(t)&&(t="".concat(t,"px")),n[i]=t}))}function mt(t,i){if(i)if(it(t.length))ut(t,(function(t){mt(t,i)}));else if(t.classList)t.classList.add(i);else{var n=t.className.trim();n?n.indexOf(i)<0&&(t.className="".concat(n," ").concat(i)):t.className=i}}function bt(t,i){i&&(it(t.length)?ut(t,(function(t){bt(t,i)})):t.classList?t.classList.remove(i):t.className.indexOf(i)>=0&&(t.className=t.className.replace(i,"")))}function wt(t,i,n){i&&(it(t.length)?ut(t,(function(t){wt(t,i,n)})):n?mt(t,i):bt(t,i))}var Mt=/([a-z\d])([A-Z])/g;function gt(t){return t.replace(Mt,"$1-$2").toLowerCase()}function yt(t,i){return et(t[i])?t[i]:t.dataset?t.dataset[i]:t.getAttribute("data-".concat(gt(i)))}function kt(t,i,n){et(n)?t[i]=n:t.dataset?t.dataset[i]=n:t.setAttribute("data-".concat(gt(i)),n)}var Ct=/\s\s*/,Ot=function(){var t=!1;if(r){var i=!1,n=function(){},a=Object.defineProperty({},"once",{get:function(){return t=!0,i},set:function(t){i=t}});o.addEventListener("test",n,a),o.removeEventListener("test",n,a)}return t}();function jt(t,i,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},e=n;i.trim().split(Ct).forEach((function(i){if(!Ot){var s=t.listeners;s&&s[i]&&s[i][n]&&(e=s[i][n],delete s[i][n],0===Object.keys(s[i]).length&&delete s[i],0===Object.keys(s).length&&delete t.listeners)}t.removeEventListener(i,e,a)}))}function xt(t,i,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},e=n;i.trim().split(Ct).forEach((function(i){if(a.once&&!Ot){var s=t.listeners,h=void 0===s?{}:s;e=function(){delete h[i][n],t.removeEventListener(i,e,a);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];n.apply(t,r)},h[i]||(h[i]={}),h[i][n]&&t.removeEventListener(i,h[i][n],a),h[i][n]=e,t.listeners=h}t.addEventListener(i,e,a)}))}function Nt(t,i,n){var a;return rt(Event)&&rt(CustomEvent)?a=new CustomEvent(i,{detail:n,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(i,!0,!0,n),t.dispatchEvent(a)}function At(t){var i=t.getBoundingClientRect();return{left:i.left+(window.pageXOffset-document.documentElement.clientLeft),top:i.top+(window.pageYOffset-document.documentElement.clientTop)}}var zt=o.location,Dt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Rt(t){var i=t.match(Dt);return null!==i&&(i[1]!==zt.protocol||i[2]!==zt.hostname||i[3]!==zt.port)}function Et(t){var i="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+i}function Tt(t){var i=t.rotate,n=t.scaleX,a=t.scaleY,e=t.translateX,s=t.translateY,h=[];it(e)&&0!==e&&h.push("translateX(".concat(e,"px)")),it(s)&&0!==s&&h.push("translateY(".concat(s,"px)")),it(i)&&0!==i&&h.push("rotate(".concat(i,"deg)")),it(n)&&1!==n&&h.push("scaleX(".concat(n,")")),it(a)&&1!==a&&h.push("scaleY(".concat(a,")"));var r=h.length?h.join(" "):"none";return{WebkitTransform:r,msTransform:r,transform:r}}function Xt(t,n){var a=t.pageX,e=t.pageY,s={endX:a,endY:e};return n?s:i({startX:a,startY:e},s)}function St(t){var i=t.aspectRatio,n=t.height,a=t.width,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",s=nt(a),h=nt(n);if(s&&h){var r=n*i;"contain"===e&&r>a||"cover"===e&&r<a?n=a/i:a=n*i}else s?n=a/i:h&&(a=n*i);return{width:a,height:n}}var Yt=String.fromCharCode;var Bt=/^data:.*,/;function Wt(t){var i,n=new DataView(t);try{var a,e,s;if(255===n.getUint8(0)&&216===n.getUint8(1))for(var h=n.byteLength,r=2;r+1<h;){if(255===n.getUint8(r)&&225===n.getUint8(r+1)){e=r;break}r+=1}if(e){var o=e+10;if("Exif"===function(t,i,n){var a="";n+=i;for(var e=i;e<n;e+=1)a+=Yt(t.getUint8(e));return a}(n,e+4,4)){var c=n.getUint16(o);if(((a=18761===c)||19789===c)&&42===n.getUint16(o+2,a)){var u=n.getUint32(o+4,a);u>=8&&(s=o+u)}}}if(s){var f,v,p=n.getUint16(s,a);for(v=0;v<p;v+=1)if(274===n.getUint16(f=s+12*v+2,a)){i=n.getUint16(f+=8,a),n.setUint16(f,1,a);break}}}catch(t){i=1}return i}var Pt={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,n=this.container,a=this.cropper,e=Number(i.minContainerWidth),s=Number(i.minContainerHeight);mt(a,x),bt(t,x);var h={width:Math.max(n.offsetWidth,e>=0?e:200),height:Math.max(n.offsetHeight,s>=0?s:100)};this.containerData=h,dt(a,{width:h.width,height:h.height}),mt(t,x),bt(a,x)},initCanvas:function(){var t=this.containerData,i=this.imageData,n=this.options.viewMode,a=Math.abs(i.rotate)%180==90,e=a?i.naturalHeight:i.naturalWidth,s=a?i.naturalWidth:i.naturalHeight,h=e/s,r=t.width,o=t.height;t.height*h>t.width?3===n?r=t.height*h:o=t.width/h:3===n?o=t.width/h:r=t.height*h;var c={aspectRatio:h,naturalWidth:e,naturalHeight:s,width:r,height:o};this.canvasData=c,this.limited=1===n||2===n,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(t.width-c.width)/2,c.top=(t.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=ft({},c)},limitCanvas:function(t,i){var n=this.options,a=this.containerData,e=this.canvasData,s=this.cropBoxData,h=n.viewMode,r=e.aspectRatio,o=this.cropped&&s;if(t){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;h>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),3===h&&(u*r>c?c=u*r:u=c/r)):h>0&&(c?c=Math.max(c,o?s.width:0):u?u=Math.max(u,o?s.height:0):o&&((u=s.height)*r>(c=s.width)?c=u*r:u=c/r));var f=St({aspectRatio:r,width:c,height:u});u=f.height,e.minWidth=c=f.width,e.minHeight=u,e.maxWidth=1/0,e.maxHeight=1/0}if(i)if(h>(o?0:1)){var v=a.width-e.width,p=a.height-e.height;e.minLeft=Math.min(0,v),e.minTop=Math.min(0,p),e.maxLeft=Math.max(0,v),e.maxTop=Math.max(0,p),o&&this.limited&&(e.minLeft=Math.min(s.left,s.left+(s.width-e.width)),e.minTop=Math.min(s.top,s.top+(s.height-e.height)),e.maxLeft=s.left,e.maxTop=s.top,2===h&&(e.width>=a.width&&(e.minLeft=Math.min(0,v),e.maxLeft=Math.max(0,v)),e.height>=a.height&&(e.minTop=Math.min(0,p),e.maxTop=Math.max(0,p))))}else e.minLeft=-e.width,e.minTop=-e.height,e.maxLeft=a.width,e.maxTop=a.height},renderCanvas:function(t,i){var n=this.canvasData,a=this.imageData;if(i){var e=function(t){var i=t.width,n=t.height,a=t.degree;if(90==(a=Math.abs(a)%180))return{width:n,height:i};var e=a%90*Math.PI/180,s=Math.sin(e),h=Math.cos(e),r=i*h+n*s,o=i*s+n*h;return a>90?{width:o,height:r}:{width:r,height:o}}({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),s=e.width,h=e.height,r=n.width*(s/n.naturalWidth),o=n.height*(h/n.naturalHeight);n.left-=(r-n.width)/2,n.top-=(o-n.height)/2,n.width=r,n.height=o,n.aspectRatio=s/h,n.naturalWidth=s,n.naturalHeight=h,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,dt(this.canvas,ft({width:n.width,height:n.height},Tt({translateX:n.left,translateY:n.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,n=this.imageData,a=n.naturalWidth*(i.width/i.naturalWidth),e=n.naturalHeight*(i.height/i.naturalHeight);ft(n,{width:a,height:e,left:(i.width-a)/2,top:(i.height-e)/2}),dt(this.image,ft({width:n.width,height:n.height},Tt(ft({translateX:n.left,translateY:n.top},n)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,n=t.aspectRatio||t.initialAspectRatio,a=Number(t.autoCropArea)||.8,e={width:i.width,height:i.height};n&&(i.height*n>i.width?e.height=e.width/n:e.width=e.height*n),this.cropBoxData=e,this.limitCropBox(!0,!0),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),e.width=Math.max(e.minWidth,e.width*a),e.height=Math.max(e.minHeight,e.height*a),e.left=i.left+(i.width-e.width)/2,e.top=i.top+(i.height-e.height)/2,e.oldLeft=e.left,e.oldTop=e.top,this.initialCropBoxData=ft({},e)},limitCropBox:function(t,i){var n=this.options,a=this.containerData,e=this.canvasData,s=this.cropBoxData,h=this.limited,r=n.aspectRatio;if(t){var o=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=h?Math.min(a.width,e.width,e.width+e.left,a.width-e.left):a.width,f=h?Math.min(a.height,e.height,e.height+e.top,a.height-e.top):a.height;o=Math.min(o,a.width),c=Math.min(c,a.height),r&&(o&&c?c*r>o?c=o/r:o=c*r:o?c=o/r:c&&(o=c*r),f*r>u?f=u/r:u=f*r),s.minWidth=Math.min(o,u),s.minHeight=Math.min(c,f),s.maxWidth=u,s.maxHeight=f}i&&(h?(s.minLeft=Math.max(0,e.left),s.minTop=Math.max(0,e.top),s.maxLeft=Math.min(a.width,e.left+e.width)-s.width,s.maxTop=Math.min(a.height,e.top+e.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.height))},renderCropBox:function(){var t=this.options,i=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,t.movable&&t.cropBoxMovable&&kt(this.face,R,n.width>=i.width&&n.height>=i.height?l:v),dt(this.cropBox,ft({width:n.width,height:n.height},Tt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Nt(this.element,Y,this.getData())}},Ht={initPreview:function(){var t=this.element,i=this.crossOrigin,n=this.options.preview,a=i?this.crossOriginUrl:this.url,e=t.alt||"The image to preview",s=document.createElement("img");if(i&&(s.crossOrigin=i),s.src=a,s.alt=e,this.viewBox.appendChild(s),this.viewBoxImage=s,n){var h=n;"string"==typeof n?h=t.ownerDocument.querySelectorAll(n):n.querySelector&&(h=[n]),this.previews=h,ut(h,(function(t){var n=document.createElement("img");kt(t,E,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(n.crossOrigin=i),n.src=a,n.alt=e,n.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(n)}))}},resetPreview:function(){ut(this.previews,(function(t){var i=yt(t,E);dt(t,{width:i.width,height:i.height}),t.innerHTML=i.html,function(t,i){if(et(t[i]))try{delete t[i]}catch(n){t[i]=void 0}else if(t.dataset)try{delete t.dataset[i]}catch(n){t.dataset[i]=void 0}else t.removeAttribute("data-".concat(gt(i)))}(t,E)}))},preview:function(){var t=this.imageData,i=this.canvasData,n=this.cropBoxData,a=n.width,e=n.height,s=t.width,h=t.height,r=n.left-i.left-t.left,o=n.top-i.top-t.top;this.cropped&&!this.disabled&&(dt(this.viewBoxImage,ft({width:s,height:h},Tt(ft({translateX:-r,translateY:-o},t)))),ut(this.previews,(function(i){var n=yt(i,E),c=n.width,u=n.height,f=c,v=u,p=1;a&&(v=e*(p=c/a)),e&&v>u&&(f=a*(p=u/e),v=u),dt(i,{width:f,height:v}),dt(i.getElementsByTagName("img")[0],ft({width:s*p,height:h*p},Tt(ft({translateX:-r*p,translateY:-o*p},t))))})))}},$t={bind:function(){var t=this.element,i=this.options,n=this.cropper;rt(i.cropstart)&&xt(t,P,i.cropstart),rt(i.cropmove)&&xt(t,W,i.cropmove),rt(i.cropend)&&xt(t,B,i.cropend),rt(i.crop)&&xt(t,Y,i.crop),rt(i.zoom)&&xt(t,F,i.zoom),xt(n,$,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&xt(n,Z,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&xt(n,H,this.onDblclick=this.dblclick.bind(this)),xt(t.ownerDocument,I,this.onCropMove=this.cropMove.bind(this)),xt(t.ownerDocument,U,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&xt(window,L,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,n=this.cropper;rt(i.cropstart)&&jt(t,P,i.cropstart),rt(i.cropmove)&&jt(t,W,i.cropmove),rt(i.cropend)&&jt(t,B,i.cropend),rt(i.crop)&&jt(t,Y,i.crop),rt(i.zoom)&&jt(t,F,i.zoom),jt(n,$,this.onCropStart),i.zoomable&&i.zoomOnWheel&&jt(n,Z,this.onWheel,{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&jt(n,H,this.onDblclick),jt(t.ownerDocument,I,this.onCropMove),jt(t.ownerDocument,U,this.onCropEnd),i.responsive&&jt(window,L,this.onResize)}},It={resize:function(){if(!this.disabled){var t,i,n=this.options,a=this.container,e=this.containerData,s=a.offsetWidth/e.width,h=a.offsetHeight/e.height,r=Math.abs(s-1)>Math.abs(h-1)?s:h;1!==r&&(n.restore&&(t=this.getCanvasData(),i=this.getCropBoxData()),this.render(),n.restore&&(this.setCanvasData(ut(t,(function(i,n){t[n]=i*r}))),this.setCropBoxData(ut(i,(function(t,n){i[n]=t*r})))))}},dblclick:function(){var t,i;this.disabled||this.options.dragMode===S||this.setDragMode((i=O,((t=this.dragBox).classList?t.classList.contains(i):t.className.indexOf(i)>-1)?X:T))},wheel:function(t){var i=this,n=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout((function(){i.wheeling=!1}),50),t.deltaY?a=t.deltaY>0?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=t.detail>0?1:-1),this.zoom(-a*n,t)))},cropStart:function(t){var i=t.buttons,n=t.button;if(!(this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(it(i)&&1!==i||it(n)&&0!==n||t.ctrlKey))){var a,e=this.options,s=this.pointers;t.changedTouches?ut(t.changedTouches,(function(t){s[t.identifier]=Xt(t)})):s[t.pointerId||0]=Xt(t),a=Object.keys(s).length>1&&e.zoomable&&e.zoomOnTouch?d:yt(t.target,R),K.test(a)&&!1!==Nt(this.element,P,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===p&&(this.cropping=!0,mt(this.dragBox,z)))}},cropMove:function(t){var i=this.action;if(!this.disabled&&i){var n=this.pointers;t.preventDefault(),!1!==Nt(this.element,W,{originalEvent:t,action:i})&&(t.changedTouches?ut(t.changedTouches,(function(t){ft(n[t.identifier]||{},Xt(t,!0))})):ft(n[t.pointerId||0]||{},Xt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,n=this.pointers;t.changedTouches?ut(t.changedTouches,(function(t){delete n[t.identifier]})):delete n[t.pointerId||0],i&&(t.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,wt(this.dragBox,z,this.cropped&&this.options.modal)),Nt(this.element,B,{originalEvent:t,action:i}))}}},Ut={change:function(t){var n,a=this.canvasData,e=this.containerData,s=this.cropBoxData,h=this.pointers,r=this.action,o=this.options.aspectRatio,c=s.left,u=s.top,f=s.width,O=s.height,j=c+f,N=u+O,A=0,z=0,D=e.width,R=e.height,E=!0;!o&&t.shiftKey&&(o=f&&O?f/O:1),this.limited&&(z=s.minTop,D=(A=s.minLeft)+Math.min(e.width,a.width,a.left+a.width),R=z+Math.min(e.height,a.height,a.top+a.height));var T=h[Object.keys(h)[0]],X={x:T.endX-T.startX,y:T.endY-T.startY},S=function(t){switch(t){case m:j+X.x>D&&(X.x=D-j);break;case b:c+X.x<A&&(X.x=A-c);break;case M:u+X.y<z&&(X.y=z-u);break;case w:N+X.y>R&&(X.y=R-N)}};switch(r){case v:c+=X.x,u+=X.y;break;case m:if(X.x>=0&&(j>=D||o&&(u<=z||N>=R))){E=!1;break}S(m),(f+=X.x)<0&&(r=b,c-=f=-f),o&&(u+=(s.height-(O=f/o))/2);break;case M:if(X.y<=0&&(u<=z||o&&(c<=A||j>=D))){E=!1;break}S(M),u+=X.y,(O-=X.y)<0&&(r=w,u-=O=-O),o&&(c+=(s.width-(f=O*o))/2);break;case b:if(X.x<=0&&(c<=A||o&&(u<=z||N>=R))){E=!1;break}S(b),c+=X.x,(f-=X.x)<0&&(r=m,c-=f=-f),o&&(u+=(s.height-(O=f/o))/2);break;case w:if(X.y>=0&&(N>=R||o&&(c<=A||j>=D))){E=!1;break}S(w),(O+=X.y)<0&&(r=M,u-=O=-O),o&&(c+=(s.width-(f=O*o))/2);break;case g:if(o){if(X.y<=0&&(u<=z||j>=D)){E=!1;break}S(M),u+=X.y,f=(O-=X.y)*o}else S(M),S(m),X.x>=0?j<D?f+=X.x:X.y<=0&&u<=z&&(E=!1):f+=X.x,X.y<=0?u>z&&(O-=X.y,u+=X.y):(O-=X.y,u+=X.y);f<0&&O<0?(r=C,u-=O=-O,c-=f=-f):f<0?(r=y,c-=f=-f):O<0&&(r=k,u-=O=-O);break;case y:if(o){if(X.y<=0&&(u<=z||c<=A)){E=!1;break}S(M),u+=X.y,c+=s.width-(f=(O-=X.y)*o)}else S(M),S(b),X.x<=0?c>A?(f-=X.x,c+=X.x):X.y<=0&&u<=z&&(E=!1):(f-=X.x,c+=X.x),X.y<=0?u>z&&(O-=X.y,u+=X.y):(O-=X.y,u+=X.y);f<0&&O<0?(r=k,u-=O=-O,c-=f=-f):f<0?(r=g,c-=f=-f):O<0&&(r=C,u-=O=-O);break;case C:if(o){if(X.x<=0&&(c<=A||N>=R)){E=!1;break}S(b),c+=X.x,O=(f-=X.x)/o}else S(w),S(b),X.x<=0?c>A?(f-=X.x,c+=X.x):X.y>=0&&N>=R&&(E=!1):(f-=X.x,c+=X.x),X.y>=0?N<R&&(O+=X.y):O+=X.y;f<0&&O<0?(r=g,u-=O=-O,c-=f=-f):f<0?(r=k,c-=f=-f):O<0&&(r=y,u-=O=-O);break;case k:if(o){if(X.x>=0&&(j>=D||N>=R)){E=!1;break}S(m),O=(f+=X.x)/o}else S(w),S(m),X.x>=0?j<D?f+=X.x:X.y>=0&&N>=R&&(E=!1):f+=X.x,X.y>=0?N<R&&(O+=X.y):O+=X.y;f<0&&O<0?(r=y,u-=O=-O,c-=f=-f):f<0?(r=C,c-=f=-f):O<0&&(r=g,u-=O=-O);break;case l:this.move(X.x,X.y),E=!1;break;case d:this.zoom(function(t){var n=i({},t),a=0;return ut(t,(function(t,i){delete n[i],ut(n,(function(i){var n=Math.abs(t.startX-i.startX),e=Math.abs(t.startY-i.startY),s=Math.abs(t.endX-i.endX),h=Math.abs(t.endY-i.endY),r=Math.sqrt(n*n+e*e),o=(Math.sqrt(s*s+h*h)-r)/r;Math.abs(o)>Math.abs(a)&&(a=o)}))})),a}(h),t),E=!1;break;case p:if(!X.x||!X.y){E=!1;break}n=At(this.cropper),c=T.startX-n.left,u=T.startY-n.top,f=s.minWidth,O=s.minHeight,X.x>0?r=X.y>0?k:g:X.x<0&&(c-=f,r=X.y>0?C:y),X.y<0&&(u-=O),this.cropped||(bt(this.cropBox,x),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}E&&(s.width=f,s.height=O,s.left=c,s.top=u,this.action=r,this.renderCropBox()),ut(h,(function(t){t.startX=t.endX,t.startY=t.endY}))}},qt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&mt(this.dragBox,z),bt(this.cropBox,x),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=ft({},this.initialImageData),this.canvasData=ft({},this.initialCanvasData),this.cropBoxData=ft({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(ft(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),bt(this.dragBox,z),mt(this.cropBox,x)),this},replace:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,ut(this.previews,(function(i){i.getElementsByTagName("img")[0].src=t})))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,bt(this.cropper,j)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,mt(this.cropper,j)),this},destroy:function(){var t=this.element;return t[f]?(t[f]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.canvasData,a=n.left,e=n.top;return this.moveTo(at(t)?t:a+Number(t),at(i)?i:e+Number(i))},moveTo:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.canvasData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(it(t)&&(n.left=t,a=!0),it(i)&&(n.top=i,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(t,i){var n=this.canvasData;return t=Number(t),this.zoomTo(n.width*(t=t<0?1/(1-t):1+t)/n.naturalWidth,null,i)},zoomTo:function(t,i,n){var a=this.options,e=this.canvasData,s=e.width,h=e.height,r=e.naturalWidth,o=e.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&a.zoomable){var c=r*t,u=o*t;if(!1===Nt(this.element,F,{ratio:t,oldRatio:s/r,originalEvent:n}))return this;if(n){var f=this.pointers,v=At(this.cropper),p=f&&Object.keys(f).length?function(t){var i=0,n=0,a=0;return ut(t,(function(t){i+=t.startX,n+=t.startY,a+=1})),{pageX:i/=a,pageY:n/=a}}(f):{pageX:n.pageX,pageY:n.pageY};e.left-=(p.pageX-v.left-e.left)/s*(c-s),e.top-=(p.pageY-v.top-e.top)/h*(u-h)}else ht(i)&&it(i.x)&&it(i.y)?(e.left-=(i.x-e.left)/s*(c-s),e.top-=(i.y-e.top)/h*(u-h)):(e.left-=(c-s)/2,e.top-=(u-h)/2);e.width=c,e.height=u,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return it(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,it(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(it(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.imageData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(it(t)&&(n.scaleX=t,a=!0),it(i)&&(n.scaleY=i,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var t,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this.options,a=this.imageData,e=this.canvasData,s=this.cropBoxData;if(this.ready&&this.cropped){var h=a.width/a.naturalWidth;if(ut(t={x:s.left-e.left,y:s.top-e.top,width:s.width,height:s.height},(function(i,n){t[n]=i/h})),i){var r=Math.round(t.y+t.height),o=Math.round(t.x+t.width);t.x=Math.round(t.x),t.y=Math.round(t.y),t.width=o-t.x,t.height=r-t.y}}else t={x:0,y:0,width:0,height:0};return n.rotatable&&(t.rotate=a.rotate||0),n.scalable&&(t.scaleX=a.scaleX||1,t.scaleY=a.scaleY||1),t},setData:function(t){var i=this.options,n=this.imageData,a=this.canvasData,e={};if(this.ready&&!this.disabled&&ht(t)){var s=!1;i.rotatable&&it(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,s=!0),i.scalable&&(it(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,s=!0),it(t.scaleY)&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,s=!0)),s&&this.renderCanvas(!0,!0);var h=n.width/n.naturalWidth;it(t.x)&&(e.left=t.x*h+a.left),it(t.y)&&(e.top=t.y*h+a.top),it(t.width)&&(e.width=t.width*h),it(t.height)&&(e.height=t.height*h),this.setCropBoxData(e)}return this},getContainerData:function(){return this.ready?ft({},this.containerData):{}},getImageData:function(){return this.sized?ft({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&ut(["left","top","width","height","naturalWidth","naturalHeight"],(function(n){i[n]=t[n]})),i},setCanvasData:function(t){var i=this.canvasData,n=i.aspectRatio;return this.ready&&!this.disabled&&ht(t)&&(it(t.left)&&(i.left=t.left),it(t.top)&&(i.top=t.top),it(t.width)?(i.width=t.width,i.height=t.width/n):it(t.height)&&(i.height=t.height,i.width=t.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,i=this.cropBoxData;return this.ready&&this.cropped&&(t={left:i.left,top:i.top,width:i.width,height:i.height}),t||{}},setCropBoxData:function(t){var i,n,a=this.cropBoxData,e=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&ht(t)&&(it(t.left)&&(a.left=t.left),it(t.top)&&(a.top=t.top),it(t.width)&&t.width!==a.width&&(i=!0,a.width=t.width),it(t.height)&&t.height!==a.height&&(n=!0,a.height=t.height),e&&(i?a.height=a.width/e:n&&(a.width=a.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,n=function(t,i,n,a){var e=i.aspectRatio,h=i.naturalWidth,r=i.naturalHeight,o=i.rotate,c=void 0===o?0:o,u=i.scaleX,f=void 0===u?1:u,v=i.scaleY,p=void 0===v?1:v,l=n.aspectRatio,d=n.naturalWidth,m=n.naturalHeight,b=a.fillColor,w=void 0===b?"transparent":b,M=a.imageSmoothingEnabled,g=void 0===M||M,y=a.imageSmoothingQuality,k=void 0===y?"low":y,C=a.maxWidth,O=void 0===C?1/0:C,j=a.maxHeight,x=void 0===j?1/0:j,N=a.minWidth,A=void 0===N?0:N,z=a.minHeight,D=void 0===z?0:z,R=document.createElement("canvas"),E=R.getContext("2d"),T=St({aspectRatio:l,width:O,height:x}),X=St({aspectRatio:l,width:A,height:D},"cover"),S=Math.min(T.width,Math.max(X.width,d)),Y=Math.min(T.height,Math.max(X.height,m)),B=St({aspectRatio:e,width:O,height:x}),W=St({aspectRatio:e,width:A,height:D},"cover"),P=Math.min(B.width,Math.max(W.width,h)),H=Math.min(B.height,Math.max(W.height,r)),$=[-P/2,-H/2,P,H];return R.width=pt(S),R.height=pt(Y),E.fillStyle=w,E.fillRect(0,0,S,Y),E.save(),E.translate(S/2,Y/2),E.rotate(c*Math.PI/180),E.scale(f,p),E.imageSmoothingEnabled=g,E.imageSmoothingQuality=k,E.drawImage.apply(E,[t].concat(s($.map((function(t){return Math.floor(pt(t))}))))),E.restore(),R}(this.image,this.imageData,i,t);if(!this.cropped)return n;var a=this.getData(t.rounded),e=a.x,h=a.y,r=a.width,o=a.height,c=n.width/Math.floor(i.naturalWidth);1!==c&&(e*=c,h*=c,r*=c,o*=c);var u=r/o,f=St({aspectRatio:u,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),v=St({aspectRatio:u,width:t.minWidth||0,height:t.minHeight||0},"cover"),p=St({aspectRatio:u,width:t.width||(1!==c?n.width:r),height:t.height||(1!==c?n.height:o)}),l=p.width,d=p.height;l=Math.min(f.width,Math.max(v.width,l)),d=Math.min(f.height,Math.max(v.height,d));var m=document.createElement("canvas"),b=m.getContext("2d");m.width=pt(l),m.height=pt(d),b.fillStyle=t.fillColor||"transparent",b.fillRect(0,0,l,d);var w=t.imageSmoothingEnabled,M=t.imageSmoothingQuality;b.imageSmoothingEnabled=void 0===w||w,M&&(b.imageSmoothingQuality=M);var g,y,k,C,O,j,x=n.width,N=n.height,A=e,z=h;A<=-r||A>x?(A=0,g=0,k=0,O=0):A<=0?(k=-A,A=0,O=g=Math.min(x,r+A)):A<=x&&(k=0,O=g=Math.min(r,x-A)),g<=0||z<=-o||z>N?(z=0,y=0,C=0,j=0):z<=0?(C=-z,z=0,j=y=Math.min(N,o+z)):z<=N&&(C=0,j=y=Math.min(o,N-z));var D=[A,z,g,y];if(O>0&&j>0){var R=l/r;D.push(k*R,C*R,O*R,j*R)}return b.drawImage.apply(b,[n].concat(s(D.map((function(t){return Math.floor(pt(t))}))))),m},setAspectRatio:function(t){var i=this.options;return this.disabled||at(t)||(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,n=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var e=t===T,s=i.movable&&t===X;i.dragMode=t=e||s?t:S,kt(n,R,t),wt(n,O,e),wt(n,D,s),i.cropBoxMovable||(kt(a,R,t),wt(a,O,e),wt(a,D,s))}return this}},Lt=o.Cropper,Zt=function(){function t(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),!i||!Q.test(i.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=i,this.options=ft({},_,ht(n)&&n),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return i=t,a=[{key:"noConflict",value:function(){return window.Cropper=Lt,t}},{key:"setDefaults",value:function(t){ft(_,ht(t)&&t)}}],(n=[{key:"init",value:function(){var t,i=this.element,n=i.tagName.toLowerCase();if(!i[f]){if(i[f]=this,"img"===n){if(this.isImg=!0,t=i.getAttribute("src")||"",this.originalUrl=t,!t)return;t=i.src}else"canvas"===n&&window.HTMLCanvasElement&&(t=i.toDataURL());this.load(t)}}},{key:"load",value:function(t){var i,n,a,e,s=this;if(t){this.url=t,this.imageData={};var h=this.element,r=this.options;if(r.rotatable||r.scalable||(r.checkOrientation=!1),r.checkOrientation&&window.ArrayBuffer)if(V.test(t))J.test(t)?this.read((i=t.replace(Bt,""),n=atob(i),a=new ArrayBuffer(n.length),ut(e=new Uint8Array(a),(function(t,i){e[i]=n.charCodeAt(i)})),a)):this.clone();else{var o=new XMLHttpRequest,c=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=c,o.onerror=c,o.ontimeout=c,o.onprogress=function(){o.getResponseHeader("content-type")!==G&&o.abort()},o.onload=function(){s.read(o.response)},o.onloadend=function(){s.reloading=!1,s.xhr=null},r.checkCrossOrigin&&Rt(t)&&h.crossOrigin&&(t=Et(t)),o.open("GET",t,!0),o.responseType="arraybuffer",o.withCredentials="use-credentials"===h.crossOrigin,o.send()}else this.clone()}}},{key:"read",value:function(t){var i=this.options,n=this.imageData,a=Wt(t),e=0,s=1,h=1;if(a>1){this.url=function(t,i){for(var n=[],a=new Uint8Array(t);a.length>0;)n.push(Yt.apply(null,ct(a.subarray(0,8192)))),a=a.subarray(8192);return"data:".concat(i,";base64,").concat(btoa(n.join("")))}(t,G);var r=function(t){var i=0,n=1,a=1;switch(t){case 2:n=-1;break;case 3:i=-180;break;case 4:a=-1;break;case 5:i=90,a=-1;break;case 6:i=90;break;case 7:i=90,n=-1;break;case 8:i=-90}return{rotate:i,scaleX:n,scaleY:a}}(a);e=r.rotate,s=r.scaleX,h=r.scaleY}i.rotatable&&(n.rotate=e),i.scalable&&(n.scaleX=s,n.scaleY=h),this.clone()}},{key:"clone",value:function(){var t=this.element,i=this.url,n=t.crossOrigin,a=i;this.options.checkCrossOrigin&&Rt(i)&&(n||(n="anonymous"),a=Et(i)),this.crossOrigin=n,this.crossOriginUrl=a;var e=document.createElement("img");n&&(e.crossOrigin=n),e.src=a||i,e.alt=t.alt||"The image to crop",this.image=e,e.onload=this.start.bind(this),e.onerror=this.stop.bind(this),mt(e,N),t.parentNode.insertBefore(e,t.nextSibling)}},{key:"start",value:function(){var t=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var n=o.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(o.navigator.userAgent),a=function(i,n){ft(t.imageData,{naturalWidth:i,naturalHeight:n,aspectRatio:i/n}),t.initialImageData=ft({},t.imageData),t.sizing=!1,t.sized=!0,t.build()};if(!i.naturalWidth||n){var e=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=e,e.onload=function(){a(e.width,e.height),n||s.removeChild(e)},e.src=i.src,n||(e.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(e))}else a(i.naturalWidth,i.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var t=this.element,i=this.options,n=this.image,a=t.parentNode,e=document.createElement("div");e.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>';var s=e.querySelector(".".concat(f,"-container")),h=s.querySelector(".".concat(f,"-canvas")),r=s.querySelector(".".concat(f,"-drag-box")),o=s.querySelector(".".concat(f,"-crop-box")),c=o.querySelector(".".concat(f,"-face"));this.container=a,this.cropper=s,this.canvas=h,this.dragBox=r,this.cropBox=o,this.viewBox=s.querySelector(".".concat(f,"-view-box")),this.face=c,h.appendChild(n),mt(t,x),a.insertBefore(s,t.nextSibling),bt(n,N),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,mt(o,x),i.guides||mt(o.getElementsByClassName("".concat(f,"-dashed")),x),i.center||mt(o.getElementsByClassName("".concat(f,"-center")),x),i.background&&mt(s,"".concat(f,"-bg")),i.highlight||mt(c,A),i.cropBoxMovable&&(mt(c,D),kt(c,R,v)),i.cropBoxResizable||(mt(o.getElementsByClassName("".concat(f,"-line")),x),mt(o.getElementsByClassName("".concat(f,"-point")),x)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),rt(i.ready)&&xt(t,q,i.ready,{once:!0}),Nt(t,q)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var t=this.cropper.parentNode;t&&t.removeChild(this.cropper),bt(this.element,x)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}])&&e(i.prototype,n),a&&e(i,a),Object.defineProperty(i,"prototype",{writable:!1}),i;var i,n,a}();return ft(Zt.prototype,Pt,Ht,$t,It,Ut,qt),Zt}()),n.exports),e=t(a);
+import{g as t}from"./p-Dw7Hd5-K.js";var i,n={exports:{}},a=(i||(i=1,n.exports=function(){function t(t,i){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);i&&(a=a.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),n.push.apply(n,a)}return n}function i(i){for(var a=1;a<arguments.length;a++){var e=null!=arguments[a]?arguments[a]:{};a%2?t(Object(e),!0).forEach((function(t){var a,s,h;a=i,h=e[t],(s=n(s=t))in a?Object.defineProperty(a,s,{value:h,enumerable:!0,configurable:!0,writable:!0}):a[s]=h})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):t(Object(e)).forEach((function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(e,t))}))}return i}function n(t){var i=function(t,i){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,i);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:i+""}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function e(t,i){for(var a=0;a<i.length;a++){var e=i[a];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,n(e.key),e)}}function s(t){return function(t){if(Array.isArray(t))return h(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,i){if(t){if("string"==typeof t)return h(t,i);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(t,i):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,i){(null==i||i>t.length)&&(i=t.length);for(var n=0,a=new Array(i);n<i;n++)a[n]=t[n];return a}var r="undefined"!=typeof window&&void 0!==window.document,o=r?window:{},c=!(!r||!o.document.documentElement)&&"ontouchstart"in o.document.documentElement,u=!!r&&"PointerEvent"in o,f="cropper",v="all",p="crop",l="move",d="zoom",m="e",b="w",w="s",M="n",g="ne",y="nw",k="se",O="sw",C="".concat(f,"-crop"),j="".concat(f,"-disabled"),x="".concat(f,"-hidden"),N="".concat(f,"-hide"),A="".concat(f,"-invisible"),D="".concat(f,"-modal"),z="".concat(f,"-move"),R="".concat(f,"Action"),E="".concat(f,"Preview"),T="crop",S="move",X="none",Y="crop",B="cropend",W="cropmove",H="cropstart",P="dblclick",$=u?"pointerdown":c?"touchstart":"mousedown",I=u?"pointermove":c?"touchmove":"mousemove",U=u?"pointerup pointercancel":c?"touchend touchcancel":"mouseup",q="ready",K="resize",L="wheel",Z="zoom",G="image/jpeg",V=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,F=/^data:/,J=/^data:image\/jpeg;base64,/,Q=/^img|canvas$/i,_={viewMode:0,dragMode:T,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},tt=Number.isNaN||o.isNaN;function it(t){return"number"==typeof t&&!tt(t)}var nt=function(t){return t>0&&t<1/0};function at(t){return void 0===t}function et(t){return"object"===a(t)&&null!==t}var st=Object.prototype.hasOwnProperty;function ht(t){if(!et(t))return!1;try{var i=t.constructor,n=i.prototype;return i&&n&&st.call(n,"isPrototypeOf")}catch(t){return!1}}function rt(t){return"function"==typeof t}var ot=Array.prototype.slice;function ct(t){return Array.from?Array.from(t):ot.call(t)}function ut(t,i){return t&&rt(i)&&(Array.isArray(t)||it(t.length)?ct(t).forEach((function(n,a){i.call(t,n,a,t)})):et(t)&&Object.keys(t).forEach((function(n){i.call(t,t[n],n,t)}))),t}var ft=Object.assign||function(t){for(var i=arguments.length,n=new Array(i>1?i-1:0),a=1;a<i;a++)n[a-1]=arguments[a];return et(t)&&n.length>0&&n.forEach((function(i){et(i)&&Object.keys(i).forEach((function(n){t[n]=i[n]}))})),t},vt=/\.\d*(?:0|9){12}\d*$/;function pt(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return vt.test(t)?Math.round(t*i)/i:t}var lt=/^width|height|left|top|marginLeft|marginTop$/;function dt(t,i){var n=t.style;ut(i,(function(t,i){lt.test(i)&&it(t)&&(t="".concat(t,"px")),n[i]=t}))}function mt(t,i){if(i)if(it(t.length))ut(t,(function(t){mt(t,i)}));else if(t.classList)t.classList.add(i);else{var n=t.className.trim();n?n.indexOf(i)<0&&(t.className="".concat(n," ").concat(i)):t.className=i}}function bt(t,i){i&&(it(t.length)?ut(t,(function(t){bt(t,i)})):t.classList?t.classList.remove(i):t.className.indexOf(i)>=0&&(t.className=t.className.replace(i,"")))}function wt(t,i,n){i&&(it(t.length)?ut(t,(function(t){wt(t,i,n)})):n?mt(t,i):bt(t,i))}var Mt=/([a-z\d])([A-Z])/g;function gt(t){return t.replace(Mt,"$1-$2").toLowerCase()}function yt(t,i){return et(t[i])?t[i]:t.dataset?t.dataset[i]:t.getAttribute("data-".concat(gt(i)))}function kt(t,i,n){et(n)?t[i]=n:t.dataset?t.dataset[i]=n:t.setAttribute("data-".concat(gt(i)),n)}var Ot=/\s\s*/,Ct=function(){var t=!1;if(r){var i=!1,n=function(){},a=Object.defineProperty({},"once",{get:function(){return t=!0,i},set:function(t){i=t}});o.addEventListener("test",n,a),o.removeEventListener("test",n,a)}return t}();function jt(t,i,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},e=n;i.trim().split(Ot).forEach((function(i){if(!Ct){var s=t.listeners;s&&s[i]&&s[i][n]&&(e=s[i][n],delete s[i][n],0===Object.keys(s[i]).length&&delete s[i],0===Object.keys(s).length&&delete t.listeners)}t.removeEventListener(i,e,a)}))}function xt(t,i,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},e=n;i.trim().split(Ot).forEach((function(i){if(a.once&&!Ct){var s=t.listeners,h=void 0===s?{}:s;e=function(){delete h[i][n],t.removeEventListener(i,e,a);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];n.apply(t,r)},h[i]||(h[i]={}),h[i][n]&&t.removeEventListener(i,h[i][n],a),h[i][n]=e,t.listeners=h}t.addEventListener(i,e,a)}))}function Nt(t,i,n){var a;return rt(Event)&&rt(CustomEvent)?a=new CustomEvent(i,{detail:n,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(i,!0,!0,n),t.dispatchEvent(a)}function At(t){var i=t.getBoundingClientRect();return{left:i.left+(window.pageXOffset-document.documentElement.clientLeft),top:i.top+(window.pageYOffset-document.documentElement.clientTop)}}var Dt=o.location,zt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Rt(t){var i=t.match(zt);return null!==i&&(i[1]!==Dt.protocol||i[2]!==Dt.hostname||i[3]!==Dt.port)}function Et(t){var i="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+i}function Tt(t){var i=t.rotate,n=t.scaleX,a=t.scaleY,e=t.translateX,s=t.translateY,h=[];it(e)&&0!==e&&h.push("translateX(".concat(e,"px)")),it(s)&&0!==s&&h.push("translateY(".concat(s,"px)")),it(i)&&0!==i&&h.push("rotate(".concat(i,"deg)")),it(n)&&1!==n&&h.push("scaleX(".concat(n,")")),it(a)&&1!==a&&h.push("scaleY(".concat(a,")"));var r=h.length?h.join(" "):"none";return{WebkitTransform:r,msTransform:r,transform:r}}function St(t,n){var a=t.pageX,e=t.pageY,s={endX:a,endY:e};return n?s:i({startX:a,startY:e},s)}function Xt(t){var i=t.aspectRatio,n=t.height,a=t.width,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",s=nt(a),h=nt(n);if(s&&h){var r=n*i;"contain"===e&&r>a||"cover"===e&&r<a?n=a/i:a=n*i}else s?n=a/i:h&&(a=n*i);return{width:a,height:n}}var Yt=String.fromCharCode;var Bt=/^data:.*,/;function Wt(t){var i,n=new DataView(t);try{var a,e,s;if(255===n.getUint8(0)&&216===n.getUint8(1))for(var h=n.byteLength,r=2;r+1<h;){if(255===n.getUint8(r)&&225===n.getUint8(r+1)){e=r;break}r+=1}if(e){var o=e+10;if("Exif"===function(t,i,n){var a="";n+=i;for(var e=i;e<n;e+=1)a+=Yt(t.getUint8(e));return a}(n,e+4,4)){var c=n.getUint16(o);if(((a=18761===c)||19789===c)&&42===n.getUint16(o+2,a)){var u=n.getUint32(o+4,a);u>=8&&(s=o+u)}}}if(s){var f,v,p=n.getUint16(s,a);for(v=0;v<p;v+=1)if(274===n.getUint16(f=s+12*v+2,a)){i=n.getUint16(f+=8,a),n.setUint16(f,1,a);break}}}catch(t){i=1}return i}var Ht={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,n=this.container,a=this.cropper,e=Number(i.minContainerWidth),s=Number(i.minContainerHeight);mt(a,x),bt(t,x);var h={width:Math.max(n.offsetWidth,e>=0?e:200),height:Math.max(n.offsetHeight,s>=0?s:100)};this.containerData=h,dt(a,{width:h.width,height:h.height}),mt(t,x),bt(a,x)},initCanvas:function(){var t=this.containerData,i=this.imageData,n=this.options.viewMode,a=Math.abs(i.rotate)%180==90,e=a?i.naturalHeight:i.naturalWidth,s=a?i.naturalWidth:i.naturalHeight,h=e/s,r=t.width,o=t.height;t.height*h>t.width?3===n?r=t.height*h:o=t.width/h:3===n?o=t.width/h:r=t.height*h;var c={aspectRatio:h,naturalWidth:e,naturalHeight:s,width:r,height:o};this.canvasData=c,this.limited=1===n||2===n,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(t.width-c.width)/2,c.top=(t.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=ft({},c)},limitCanvas:function(t,i){var n=this.options,a=this.containerData,e=this.canvasData,s=this.cropBoxData,h=n.viewMode,r=e.aspectRatio,o=this.cropped&&s;if(t){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;h>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),3===h&&(u*r>c?c=u*r:u=c/r)):h>0&&(c?c=Math.max(c,o?s.width:0):u?u=Math.max(u,o?s.height:0):o&&((u=s.height)*r>(c=s.width)?c=u*r:u=c/r));var f=Xt({aspectRatio:r,width:c,height:u});u=f.height,e.minWidth=c=f.width,e.minHeight=u,e.maxWidth=1/0,e.maxHeight=1/0}if(i)if(h>(o?0:1)){var v=a.width-e.width,p=a.height-e.height;e.minLeft=Math.min(0,v),e.minTop=Math.min(0,p),e.maxLeft=Math.max(0,v),e.maxTop=Math.max(0,p),o&&this.limited&&(e.minLeft=Math.min(s.left,s.left+(s.width-e.width)),e.minTop=Math.min(s.top,s.top+(s.height-e.height)),e.maxLeft=s.left,e.maxTop=s.top,2===h&&(e.width>=a.width&&(e.minLeft=Math.min(0,v),e.maxLeft=Math.max(0,v)),e.height>=a.height&&(e.minTop=Math.min(0,p),e.maxTop=Math.max(0,p))))}else e.minLeft=-e.width,e.minTop=-e.height,e.maxLeft=a.width,e.maxTop=a.height},renderCanvas:function(t,i){var n=this.canvasData,a=this.imageData;if(i){var e=function(t){var i=t.width,n=t.height,a=t.degree;if(90==(a=Math.abs(a)%180))return{width:n,height:i};var e=a%90*Math.PI/180,s=Math.sin(e),h=Math.cos(e),r=i*h+n*s,o=i*s+n*h;return a>90?{width:o,height:r}:{width:r,height:o}}({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),s=e.width,h=e.height,r=n.width*(s/n.naturalWidth),o=n.height*(h/n.naturalHeight);n.left-=(r-n.width)/2,n.top-=(o-n.height)/2,n.width=r,n.height=o,n.aspectRatio=s/h,n.naturalWidth=s,n.naturalHeight=h,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,dt(this.canvas,ft({width:n.width,height:n.height},Tt({translateX:n.left,translateY:n.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,n=this.imageData,a=n.naturalWidth*(i.width/i.naturalWidth),e=n.naturalHeight*(i.height/i.naturalHeight);ft(n,{width:a,height:e,left:(i.width-a)/2,top:(i.height-e)/2}),dt(this.image,ft({width:n.width,height:n.height},Tt(ft({translateX:n.left,translateY:n.top},n)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,n=t.aspectRatio||t.initialAspectRatio,a=Number(t.autoCropArea)||.8,e={width:i.width,height:i.height};n&&(i.height*n>i.width?e.height=e.width/n:e.width=e.height*n),this.cropBoxData=e,this.limitCropBox(!0,!0),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),e.width=Math.max(e.minWidth,e.width*a),e.height=Math.max(e.minHeight,e.height*a),e.left=i.left+(i.width-e.width)/2,e.top=i.top+(i.height-e.height)/2,e.oldLeft=e.left,e.oldTop=e.top,this.initialCropBoxData=ft({},e)},limitCropBox:function(t,i){var n=this.options,a=this.containerData,e=this.canvasData,s=this.cropBoxData,h=this.limited,r=n.aspectRatio;if(t){var o=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=h?Math.min(a.width,e.width,e.width+e.left,a.width-e.left):a.width,f=h?Math.min(a.height,e.height,e.height+e.top,a.height-e.top):a.height;o=Math.min(o,a.width),c=Math.min(c,a.height),r&&(o&&c?c*r>o?c=o/r:o=c*r:o?c=o/r:c&&(o=c*r),f*r>u?f=u/r:u=f*r),s.minWidth=Math.min(o,u),s.minHeight=Math.min(c,f),s.maxWidth=u,s.maxHeight=f}i&&(h?(s.minLeft=Math.max(0,e.left),s.minTop=Math.max(0,e.top),s.maxLeft=Math.min(a.width,e.left+e.width)-s.width,s.maxTop=Math.min(a.height,e.top+e.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.height))},renderCropBox:function(){var t=this.options,i=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,t.movable&&t.cropBoxMovable&&kt(this.face,R,n.width>=i.width&&n.height>=i.height?l:v),dt(this.cropBox,ft({width:n.width,height:n.height},Tt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Nt(this.element,Y,this.getData())}},Pt={initPreview:function(){var t=this.element,i=this.crossOrigin,n=this.options.preview,a=i?this.crossOriginUrl:this.url,e=t.alt||"The image to preview",s=document.createElement("img");if(i&&(s.crossOrigin=i),s.src=a,s.alt=e,this.viewBox.appendChild(s),this.viewBoxImage=s,n){var h=n;"string"==typeof n?h=t.ownerDocument.querySelectorAll(n):n.querySelector&&(h=[n]),this.previews=h,ut(h,(function(t){var n=document.createElement("img");kt(t,E,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(n.crossOrigin=i),n.src=a,n.alt=e,n.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(n)}))}},resetPreview:function(){ut(this.previews,(function(t){var i=yt(t,E);dt(t,{width:i.width,height:i.height}),t.innerHTML=i.html,function(t,i){if(et(t[i]))try{delete t[i]}catch(n){t[i]=void 0}else if(t.dataset)try{delete t.dataset[i]}catch(n){t.dataset[i]=void 0}else t.removeAttribute("data-".concat(gt(i)))}(t,E)}))},preview:function(){var t=this.imageData,i=this.canvasData,n=this.cropBoxData,a=n.width,e=n.height,s=t.width,h=t.height,r=n.left-i.left-t.left,o=n.top-i.top-t.top;this.cropped&&!this.disabled&&(dt(this.viewBoxImage,ft({width:s,height:h},Tt(ft({translateX:-r,translateY:-o},t)))),ut(this.previews,(function(i){var n=yt(i,E),c=n.width,u=n.height,f=c,v=u,p=1;a&&(v=e*(p=c/a)),e&&v>u&&(f=a*(p=u/e),v=u),dt(i,{width:f,height:v}),dt(i.getElementsByTagName("img")[0],ft({width:s*p,height:h*p},Tt(ft({translateX:-r*p,translateY:-o*p},t))))})))}},$t={bind:function(){var t=this.element,i=this.options,n=this.cropper;rt(i.cropstart)&&xt(t,H,i.cropstart),rt(i.cropmove)&&xt(t,W,i.cropmove),rt(i.cropend)&&xt(t,B,i.cropend),rt(i.crop)&&xt(t,Y,i.crop),rt(i.zoom)&&xt(t,Z,i.zoom),xt(n,$,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&xt(n,L,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&xt(n,P,this.onDblclick=this.dblclick.bind(this)),xt(t.ownerDocument,I,this.onCropMove=this.cropMove.bind(this)),xt(t.ownerDocument,U,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&xt(window,K,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,n=this.cropper;rt(i.cropstart)&&jt(t,H,i.cropstart),rt(i.cropmove)&&jt(t,W,i.cropmove),rt(i.cropend)&&jt(t,B,i.cropend),rt(i.crop)&&jt(t,Y,i.crop),rt(i.zoom)&&jt(t,Z,i.zoom),jt(n,$,this.onCropStart),i.zoomable&&i.zoomOnWheel&&jt(n,L,this.onWheel,{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&jt(n,P,this.onDblclick),jt(t.ownerDocument,I,this.onCropMove),jt(t.ownerDocument,U,this.onCropEnd),i.responsive&&jt(window,K,this.onResize)}},It={resize:function(){if(!this.disabled){var t,i,n=this.options,a=this.container,e=this.containerData,s=a.offsetWidth/e.width,h=a.offsetHeight/e.height,r=Math.abs(s-1)>Math.abs(h-1)?s:h;1!==r&&(n.restore&&(t=this.getCanvasData(),i=this.getCropBoxData()),this.render(),n.restore&&(this.setCanvasData(ut(t,(function(i,n){t[n]=i*r}))),this.setCropBoxData(ut(i,(function(t,n){i[n]=t*r})))))}},dblclick:function(){var t,i;this.disabled||this.options.dragMode===X||this.setDragMode((i=C,((t=this.dragBox).classList?t.classList.contains(i):t.className.indexOf(i)>-1)?S:T))},wheel:function(t){var i=this,n=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout((function(){i.wheeling=!1}),50),t.deltaY?a=t.deltaY>0?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=t.detail>0?1:-1),this.zoom(-a*n,t)))},cropStart:function(t){var i=t.buttons,n=t.button;if(!(this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(it(i)&&1!==i||it(n)&&0!==n||t.ctrlKey))){var a,e=this.options,s=this.pointers;t.changedTouches?ut(t.changedTouches,(function(t){s[t.identifier]=St(t)})):s[t.pointerId||0]=St(t),a=Object.keys(s).length>1&&e.zoomable&&e.zoomOnTouch?d:yt(t.target,R),V.test(a)&&!1!==Nt(this.element,H,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===p&&(this.cropping=!0,mt(this.dragBox,D)))}},cropMove:function(t){var i=this.action;if(!this.disabled&&i){var n=this.pointers;t.preventDefault(),!1!==Nt(this.element,W,{originalEvent:t,action:i})&&(t.changedTouches?ut(t.changedTouches,(function(t){ft(n[t.identifier]||{},St(t,!0))})):ft(n[t.pointerId||0]||{},St(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,n=this.pointers;t.changedTouches?ut(t.changedTouches,(function(t){delete n[t.identifier]})):delete n[t.pointerId||0],i&&(t.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,wt(this.dragBox,D,this.cropped&&this.options.modal)),Nt(this.element,B,{originalEvent:t,action:i}))}}},Ut={change:function(t){var n,a=this.canvasData,e=this.containerData,s=this.cropBoxData,h=this.pointers,r=this.action,o=this.options.aspectRatio,c=s.left,u=s.top,f=s.width,C=s.height,j=c+f,N=u+C,A=0,D=0,z=e.width,R=e.height,E=!0;!o&&t.shiftKey&&(o=f&&C?f/C:1),this.limited&&(D=s.minTop,z=(A=s.minLeft)+Math.min(e.width,a.width,a.left+a.width),R=D+Math.min(e.height,a.height,a.top+a.height));var T=h[Object.keys(h)[0]],S={x:T.endX-T.startX,y:T.endY-T.startY},X=function(t){switch(t){case m:j+S.x>z&&(S.x=z-j);break;case b:c+S.x<A&&(S.x=A-c);break;case M:u+S.y<D&&(S.y=D-u);break;case w:N+S.y>R&&(S.y=R-N)}};switch(r){case v:c+=S.x,u+=S.y;break;case m:if(S.x>=0&&(j>=z||o&&(u<=D||N>=R))){E=!1;break}X(m),(f+=S.x)<0&&(r=b,c-=f=-f),o&&(u+=(s.height-(C=f/o))/2);break;case M:if(S.y<=0&&(u<=D||o&&(c<=A||j>=z))){E=!1;break}X(M),u+=S.y,(C-=S.y)<0&&(r=w,u-=C=-C),o&&(c+=(s.width-(f=C*o))/2);break;case b:if(S.x<=0&&(c<=A||o&&(u<=D||N>=R))){E=!1;break}X(b),c+=S.x,(f-=S.x)<0&&(r=m,c-=f=-f),o&&(u+=(s.height-(C=f/o))/2);break;case w:if(S.y>=0&&(N>=R||o&&(c<=A||j>=z))){E=!1;break}X(w),(C+=S.y)<0&&(r=M,u-=C=-C),o&&(c+=(s.width-(f=C*o))/2);break;case g:if(o){if(S.y<=0&&(u<=D||j>=z)){E=!1;break}X(M),u+=S.y,f=(C-=S.y)*o}else X(M),X(m),S.x>=0?j<z?f+=S.x:S.y<=0&&u<=D&&(E=!1):f+=S.x,S.y<=0?u>D&&(C-=S.y,u+=S.y):(C-=S.y,u+=S.y);f<0&&C<0?(r=O,u-=C=-C,c-=f=-f):f<0?(r=y,c-=f=-f):C<0&&(r=k,u-=C=-C);break;case y:if(o){if(S.y<=0&&(u<=D||c<=A)){E=!1;break}X(M),u+=S.y,c+=s.width-(f=(C-=S.y)*o)}else X(M),X(b),S.x<=0?c>A?(f-=S.x,c+=S.x):S.y<=0&&u<=D&&(E=!1):(f-=S.x,c+=S.x),S.y<=0?u>D&&(C-=S.y,u+=S.y):(C-=S.y,u+=S.y);f<0&&C<0?(r=k,u-=C=-C,c-=f=-f):f<0?(r=g,c-=f=-f):C<0&&(r=O,u-=C=-C);break;case O:if(o){if(S.x<=0&&(c<=A||N>=R)){E=!1;break}X(b),c+=S.x,C=(f-=S.x)/o}else X(w),X(b),S.x<=0?c>A?(f-=S.x,c+=S.x):S.y>=0&&N>=R&&(E=!1):(f-=S.x,c+=S.x),S.y>=0?N<R&&(C+=S.y):C+=S.y;f<0&&C<0?(r=g,u-=C=-C,c-=f=-f):f<0?(r=k,c-=f=-f):C<0&&(r=y,u-=C=-C);break;case k:if(o){if(S.x>=0&&(j>=z||N>=R)){E=!1;break}X(m),C=(f+=S.x)/o}else X(w),X(m),S.x>=0?j<z?f+=S.x:S.y>=0&&N>=R&&(E=!1):f+=S.x,S.y>=0?N<R&&(C+=S.y):C+=S.y;f<0&&C<0?(r=y,u-=C=-C,c-=f=-f):f<0?(r=O,c-=f=-f):C<0&&(r=g,u-=C=-C);break;case l:this.move(S.x,S.y),E=!1;break;case d:this.zoom(function(t){var n=i({},t),a=0;return ut(t,(function(t,i){delete n[i],ut(n,(function(i){var n=Math.abs(t.startX-i.startX),e=Math.abs(t.startY-i.startY),s=Math.abs(t.endX-i.endX),h=Math.abs(t.endY-i.endY),r=Math.sqrt(n*n+e*e),o=(Math.sqrt(s*s+h*h)-r)/r;Math.abs(o)>Math.abs(a)&&(a=o)}))})),a}(h),t),E=!1;break;case p:if(!S.x||!S.y){E=!1;break}n=At(this.cropper),c=T.startX-n.left,u=T.startY-n.top,f=s.minWidth,C=s.minHeight,S.x>0?r=S.y>0?k:g:S.x<0&&(c-=f,r=S.y>0?O:y),S.y<0&&(u-=C),this.cropped||(bt(this.cropBox,x),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}E&&(s.width=f,s.height=C,s.left=c,s.top=u,this.action=r,this.renderCropBox()),ut(h,(function(t){t.startX=t.endX,t.startY=t.endY}))}},qt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&mt(this.dragBox,D),bt(this.cropBox,x),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=ft({},this.initialImageData),this.canvasData=ft({},this.initialCanvasData),this.cropBoxData=ft({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(ft(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),bt(this.dragBox,D),mt(this.cropBox,x)),this},replace:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,ut(this.previews,(function(i){i.getElementsByTagName("img")[0].src=t})))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,bt(this.cropper,j)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,mt(this.cropper,j)),this},destroy:function(){var t=this.element;return t[f]?(t[f]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.canvasData,a=n.left,e=n.top;return this.moveTo(at(t)?t:a+Number(t),at(i)?i:e+Number(i))},moveTo:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.canvasData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(it(t)&&(n.left=t,a=!0),it(i)&&(n.top=i,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(t,i){var n=this.canvasData;return t=Number(t),this.zoomTo(n.width*(t=t<0?1/(1-t):1+t)/n.naturalWidth,null,i)},zoomTo:function(t,i,n){var a=this.options,e=this.canvasData,s=e.width,h=e.height,r=e.naturalWidth,o=e.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&a.zoomable){var c=r*t,u=o*t;if(!1===Nt(this.element,Z,{ratio:t,oldRatio:s/r,originalEvent:n}))return this;if(n){var f=this.pointers,v=At(this.cropper),p=f&&Object.keys(f).length?function(t){var i=0,n=0,a=0;return ut(t,(function(t){i+=t.startX,n+=t.startY,a+=1})),{pageX:i/=a,pageY:n/=a}}(f):{pageX:n.pageX,pageY:n.pageY};e.left-=(p.pageX-v.left-e.left)/s*(c-s),e.top-=(p.pageY-v.top-e.top)/h*(u-h)}else ht(i)&&it(i.x)&&it(i.y)?(e.left-=(i.x-e.left)/s*(c-s),e.top-=(i.y-e.top)/h*(u-h)):(e.left-=(c-s)/2,e.top-=(u-h)/2);e.width=c,e.height=u,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return it(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,it(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(it(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,n=this.imageData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(it(t)&&(n.scaleX=t,a=!0),it(i)&&(n.scaleY=i,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var t,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this.options,a=this.imageData,e=this.canvasData,s=this.cropBoxData;if(this.ready&&this.cropped){var h=a.width/a.naturalWidth;if(ut(t={x:s.left-e.left,y:s.top-e.top,width:s.width,height:s.height},(function(i,n){t[n]=i/h})),i){var r=Math.round(t.y+t.height),o=Math.round(t.x+t.width);t.x=Math.round(t.x),t.y=Math.round(t.y),t.width=o-t.x,t.height=r-t.y}}else t={x:0,y:0,width:0,height:0};return n.rotatable&&(t.rotate=a.rotate||0),n.scalable&&(t.scaleX=a.scaleX||1,t.scaleY=a.scaleY||1),t},setData:function(t){var i=this.options,n=this.imageData,a=this.canvasData,e={};if(this.ready&&!this.disabled&&ht(t)){var s=!1;i.rotatable&&it(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,s=!0),i.scalable&&(it(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,s=!0),it(t.scaleY)&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,s=!0)),s&&this.renderCanvas(!0,!0);var h=n.width/n.naturalWidth;it(t.x)&&(e.left=t.x*h+a.left),it(t.y)&&(e.top=t.y*h+a.top),it(t.width)&&(e.width=t.width*h),it(t.height)&&(e.height=t.height*h),this.setCropBoxData(e)}return this},getContainerData:function(){return this.ready?ft({},this.containerData):{}},getImageData:function(){return this.sized?ft({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&ut(["left","top","width","height","naturalWidth","naturalHeight"],(function(n){i[n]=t[n]})),i},setCanvasData:function(t){var i=this.canvasData,n=i.aspectRatio;return this.ready&&!this.disabled&&ht(t)&&(it(t.left)&&(i.left=t.left),it(t.top)&&(i.top=t.top),it(t.width)?(i.width=t.width,i.height=t.width/n):it(t.height)&&(i.height=t.height,i.width=t.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,i=this.cropBoxData;return this.ready&&this.cropped&&(t={left:i.left,top:i.top,width:i.width,height:i.height}),t||{}},setCropBoxData:function(t){var i,n,a=this.cropBoxData,e=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&ht(t)&&(it(t.left)&&(a.left=t.left),it(t.top)&&(a.top=t.top),it(t.width)&&t.width!==a.width&&(i=!0,a.width=t.width),it(t.height)&&t.height!==a.height&&(n=!0,a.height=t.height),e&&(i?a.height=a.width/e:n&&(a.width=a.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,n=function(t,i,n,a){var e=i.aspectRatio,h=i.naturalWidth,r=i.naturalHeight,o=i.rotate,c=void 0===o?0:o,u=i.scaleX,f=void 0===u?1:u,v=i.scaleY,p=void 0===v?1:v,l=n.aspectRatio,d=n.naturalWidth,m=n.naturalHeight,b=a.fillColor,w=void 0===b?"transparent":b,M=a.imageSmoothingEnabled,g=void 0===M||M,y=a.imageSmoothingQuality,k=void 0===y?"low":y,O=a.maxWidth,C=void 0===O?1/0:O,j=a.maxHeight,x=void 0===j?1/0:j,N=a.minWidth,A=void 0===N?0:N,D=a.minHeight,z=void 0===D?0:D,R=document.createElement("canvas"),E=R.getContext("2d"),T=Xt({aspectRatio:l,width:C,height:x}),S=Xt({aspectRatio:l,width:A,height:z},"cover"),X=Math.min(T.width,Math.max(S.width,d)),Y=Math.min(T.height,Math.max(S.height,m)),B=Xt({aspectRatio:e,width:C,height:x}),W=Xt({aspectRatio:e,width:A,height:z},"cover"),H=Math.min(B.width,Math.max(W.width,h)),P=Math.min(B.height,Math.max(W.height,r)),$=[-H/2,-P/2,H,P];return R.width=pt(X),R.height=pt(Y),E.fillStyle=w,E.fillRect(0,0,X,Y),E.save(),E.translate(X/2,Y/2),E.rotate(c*Math.PI/180),E.scale(f,p),E.imageSmoothingEnabled=g,E.imageSmoothingQuality=k,E.drawImage.apply(E,[t].concat(s($.map((function(t){return Math.floor(pt(t))}))))),E.restore(),R}(this.image,this.imageData,i,t);if(!this.cropped)return n;var a=this.getData(t.rounded),e=a.x,h=a.y,r=a.width,o=a.height,c=n.width/Math.floor(i.naturalWidth);1!==c&&(e*=c,h*=c,r*=c,o*=c);var u=r/o,f=Xt({aspectRatio:u,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),v=Xt({aspectRatio:u,width:t.minWidth||0,height:t.minHeight||0},"cover"),p=Xt({aspectRatio:u,width:t.width||(1!==c?n.width:r),height:t.height||(1!==c?n.height:o)}),l=p.width,d=p.height;l=Math.min(f.width,Math.max(v.width,l)),d=Math.min(f.height,Math.max(v.height,d));var m=document.createElement("canvas"),b=m.getContext("2d");m.width=pt(l),m.height=pt(d),b.fillStyle=t.fillColor||"transparent",b.fillRect(0,0,l,d);var w=t.imageSmoothingEnabled,M=t.imageSmoothingQuality;b.imageSmoothingEnabled=void 0===w||w,M&&(b.imageSmoothingQuality=M);var g,y,k,O,C,j,x=n.width,N=n.height,A=e,D=h;A<=-r||A>x?(A=0,g=0,k=0,C=0):A<=0?(k=-A,A=0,C=g=Math.min(x,r+A)):A<=x&&(k=0,C=g=Math.min(r,x-A)),g<=0||D<=-o||D>N?(D=0,y=0,O=0,j=0):D<=0?(O=-D,D=0,j=y=Math.min(N,o+D)):D<=N&&(O=0,j=y=Math.min(o,N-D));var z=[A,D,g,y];if(C>0&&j>0){var R=l/r;z.push(k*R,O*R,C*R,j*R)}return b.drawImage.apply(b,[n].concat(s(z.map((function(t){return Math.floor(pt(t))}))))),m},setAspectRatio:function(t){var i=this.options;return this.disabled||at(t)||(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,n=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var e=t===T,s=i.movable&&t===S;i.dragMode=t=e||s?t:X,kt(n,R,t),wt(n,C,e),wt(n,z,s),i.cropBoxMovable||(kt(a,R,t),wt(a,C,e),wt(a,z,s))}return this}},Kt=o.Cropper,Lt=function(){function t(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),!i||!Q.test(i.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=i,this.options=ft({},_,ht(n)&&n),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return i=t,a=[{key:"noConflict",value:function(){return window.Cropper=Kt,t}},{key:"setDefaults",value:function(t){ft(_,ht(t)&&t)}}],(n=[{key:"init",value:function(){var t,i=this.element,n=i.tagName.toLowerCase();if(!i[f]){if(i[f]=this,"img"===n){if(this.isImg=!0,t=i.getAttribute("src")||"",this.originalUrl=t,!t)return;t=i.src}else"canvas"===n&&window.HTMLCanvasElement&&(t=i.toDataURL());this.load(t)}}},{key:"load",value:function(t){var i,n,a,e,s=this;if(t){this.url=t,this.imageData={};var h=this.element,r=this.options;if(r.rotatable||r.scalable||(r.checkOrientation=!1),r.checkOrientation&&window.ArrayBuffer)if(F.test(t))J.test(t)?this.read((i=t.replace(Bt,""),n=atob(i),a=new ArrayBuffer(n.length),ut(e=new Uint8Array(a),(function(t,i){e[i]=n.charCodeAt(i)})),a)):this.clone();else{var o=new XMLHttpRequest,c=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=c,o.onerror=c,o.ontimeout=c,o.onprogress=function(){o.getResponseHeader("content-type")!==G&&o.abort()},o.onload=function(){s.read(o.response)},o.onloadend=function(){s.reloading=!1,s.xhr=null},r.checkCrossOrigin&&Rt(t)&&h.crossOrigin&&(t=Et(t)),o.open("GET",t,!0),o.responseType="arraybuffer",o.withCredentials="use-credentials"===h.crossOrigin,o.send()}else this.clone()}}},{key:"read",value:function(t){var i=this.options,n=this.imageData,a=Wt(t),e=0,s=1,h=1;if(a>1){this.url=function(t,i){for(var n=[],a=new Uint8Array(t);a.length>0;)n.push(Yt.apply(null,ct(a.subarray(0,8192)))),a=a.subarray(8192);return"data:".concat(i,";base64,").concat(btoa(n.join("")))}(t,G);var r=function(t){var i=0,n=1,a=1;switch(t){case 2:n=-1;break;case 3:i=-180;break;case 4:a=-1;break;case 5:i=90,a=-1;break;case 6:i=90;break;case 7:i=90,n=-1;break;case 8:i=-90}return{rotate:i,scaleX:n,scaleY:a}}(a);e=r.rotate,s=r.scaleX,h=r.scaleY}i.rotatable&&(n.rotate=e),i.scalable&&(n.scaleX=s,n.scaleY=h),this.clone()}},{key:"clone",value:function(){var t=this.element,i=this.url,n=t.crossOrigin,a=i;this.options.checkCrossOrigin&&Rt(i)&&(n||(n="anonymous"),a=Et(i)),this.crossOrigin=n,this.crossOriginUrl=a;var e=document.createElement("img");n&&(e.crossOrigin=n),e.src=a||i,e.alt=t.alt||"The image to crop",this.image=e,e.onload=this.start.bind(this),e.onerror=this.stop.bind(this),mt(e,N),t.parentNode.insertBefore(e,t.nextSibling)}},{key:"start",value:function(){var t=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var n=o.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(o.navigator.userAgent),a=function(i,n){ft(t.imageData,{naturalWidth:i,naturalHeight:n,aspectRatio:i/n}),t.initialImageData=ft({},t.imageData),t.sizing=!1,t.sized=!0,t.build()};if(!i.naturalWidth||n){var e=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=e,e.onload=function(){a(e.width,e.height),n||s.removeChild(e)},e.src=i.src,n||(e.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(e))}else a(i.naturalWidth,i.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var t=this.element,i=this.options,n=this.image,a=t.parentNode,e=document.createElement("div");e.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>';var s=e.querySelector(".".concat(f,"-container")),h=s.querySelector(".".concat(f,"-canvas")),r=s.querySelector(".".concat(f,"-drag-box")),o=s.querySelector(".".concat(f,"-crop-box")),c=o.querySelector(".".concat(f,"-face"));this.container=a,this.cropper=s,this.canvas=h,this.dragBox=r,this.cropBox=o,this.viewBox=s.querySelector(".".concat(f,"-view-box")),this.face=c,h.appendChild(n),mt(t,x),a.insertBefore(s,t.nextSibling),bt(n,N),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,mt(o,x),i.guides||mt(o.getElementsByClassName("".concat(f,"-dashed")),x),i.center||mt(o.getElementsByClassName("".concat(f,"-center")),x),i.background&&mt(s,"".concat(f,"-bg")),i.highlight||mt(c,A),i.cropBoxMovable&&(mt(c,z),kt(c,R,v)),i.cropBoxResizable||(mt(o.getElementsByClassName("".concat(f,"-line")),x),mt(o.getElementsByClassName("".concat(f,"-point")),x)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),rt(i.ready)&&xt(t,q,i.ready,{once:!0}),Nt(t,q)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var t=this.cropper.parentNode;t&&t.removeChild(this.cropper),bt(this.element,x)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}])&&e(i.prototype,n),a&&e(i,a),Object.defineProperty(i,"prototype",{writable:!1}),i;var i,n,a}();return ft(Lt.prototype,Ht,Pt,$t,It,Ut,qt),Lt}()),n.exports),e=t(a);
 /*!
  * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs