https://sapelli-designer.netlify.app/static/js/28.d2a5ad33.chunk.js

1(this.webpackJsonpsapelli=this.webpackJsonpsapelli||[]).push([[28],{322:function(e,o,r){"use strict";r.r(o),r.d(o,"ion_searchbar",(function(){return h}));var t=r(4),a=r(56),i=r(13),n=r(35),s=r(383),c=r(384),h=function(){function e(e){var o=this;Object(a.l)(this,e),this.isCancelVisible=!1,this.shouldAlignLeft=!0,this.focused=!1,this.noAnimate=!0,this.animated=!1,this.autocomplete="off",this.autocorrect="off",this.cancelButtonIcon="md-arrow-back",this.cancelButtonText="Cancel",this.debounce=250,this.disabled=!1,this.inputmode="search",this.placeholder="Search",this.searchIcon="search",this.showCancelButton="never",this.spellcheck=!1,this.type="search",this.value="",this.onClearInput=function(e){o.ionClear.emit(),e&&(e.preventDefault(),e.stopPropagation()),setTimeout((function(){""!==o.getValue()&&(o.value="",o.ionInput.emit())}),64)},this.onCancelSearchbar=function(e){e&&(e.preventDefault(),e.stopPropagation()),o.ionCancel.emit(),o.onClearInput(),o.nativeInput&&o.nativeInput.blur()},this.onInput=function(e){var r=e.target;r&&(o.value=r.value),o.ionInput.emit(e)},this.onBlur=function(){o.focused=!1,o.ionBlur.emit(),o.positionElements()},this.onFocus=function(){o.focused=!0,o.ionFocus.emit(),o.positionElements()},this.ionInput=Object(a.d)(this,"ionInput",7),this.ionChange=Object(a.d)(this,"ionChange",7),this.ionCancel=Object(a.d)(this,"ionCancel",7),this.ionClear=Object(a.d)(this,"ionClear",7),this.ionBlur=Object(a.d)(this,"ionBlur",7),this.ionFocus=Object(a.d)(this,"ionFocus",7),this.ionStyle=Object(a.d)(this,"ionStyle",7)}return e.prototype.debounceChanged=function(){this.ionChange=Object(n.d)(this.ionChange,this.debounce)},e.prototype.valueChanged=function(){var e=this.nativeInput,o=this.getValue();e&&e.value!==o&&(e.value=o),this.ionChange.emit({value:o})},e.prototype.showCancelButtonChanged=function(){var e=this;requestAnimationFrame((function(){e.positionElements(),e.el.forceUpdate()}))},e.prototype.connectedCallback=function(){this.emitStyle()},e.prototype.componentDidLoad=function(){var e=this;"false"!==this.showCancelButton&&!1!==this.showCancelButton||console.warn('The boolean values of showCancelButton are deprecated. Please use "never" instead of "false".'),""!==this.showCancelButton&&"true"!==this.showCancelButton&&!0!==this.showCancelButton||console.warn('The boolean values of showCancelButton are deprecated. Please use "focus" instead of "true".'),this.positionElements(),this.debounceChanged(),setTimeout((function(){e.noAnimate=!1}),300)},e.prototype.emitStyle=function(){this.ionStyle.emit({searchbar:!0})},e.prototype.setFocus=function(){return Object(t.a)(this,void 0,void 0,(function(){return Object(t.c)(this,(function(e){return this.nativeInput&&this.nativeInput.focus(),[2]}))}

1))},e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)},e.prototype.positionElements=function(){var e=this.getValue(),o=this.shouldAlignLeft,r=Object(a.e)(this),t=!this.animated||""!==e.trim()||!!this.focused;this.shouldAlignLeft=t,"ios"===r&&(o!==t&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())},e.prototype.positionPlaceholder=function(){var e=this.nativeInput;if(e){var o="rtl"===document.dir,r=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)e.removeAttribute("style"),r.removeAttribute("style");else{var t=document,a=t.createElement("span");a.innerHTML=Object(c.a)(this.placeholder)||"",t.body.appendChild(a);var i=a.offsetWidth;a.remove();var n="calc(50% - "+i/2+"px)",s="calc(50% - "+(i/2+30)+"px)";o?(e.style.paddingRight=n,r.style.marginRight=s):(e.style.paddingLeft=n,r.style.marginLeft=s)}}},e.prototype.positionCancelButton=function(){var e="rtl"===document.dir,o=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),r=this.shouldShowCancelButton();if(o&&r!==this.isCancelVisible){var t=o.style;if(this.isCancelVisible=r,r)e?t.marginLeft="0":t.marginRight="0";else{var a=o.offsetWidth;a>0&&(e?t.marginLeft=-a+"px":t.marginRight=-a+"px")}}},e.prototype.getValue=function(){return this.value||""},e.prototype.hasValue=function(){return""!==this.getValue()},e.prototype.shouldShowCancelButton=function(){return!(l(this.showCancelButton)||b(this.showCancelButton)&&!this.focused)},e.prototype.render=function(){var e,o=this,r=this.animated&&i.b.getBoolean("animated",!0),t=Object(a.e)(this),n=this.clearIcon||("ios"===t?"ios-close-circle":"md-close"),c=this.searchIcon,h=!l(this.showCancelButton)&&Object(a.i)("button",{"aria-label":"cancel",type:"button",tabIndex:"ios"!==t||this.shouldShowCancelButton()?void 0:-1,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},Object(a.i)("div",null,"md"===t?Object(a.i)("ion-icon",{"aria-hidden":"true",mode:t,icon:this.cancelButtonIcon,lazy:!1}):this.cancelButtonText));return Object(a.i)(a.a,{role:"search","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},Object(s.a)(this.color)),(e={},e[t]=!0,e["searchbar-animated"]=r,e["searchbar-disabled"]=this.disabled,e["searchbar-no-animate"]=r&&this.noAnimate,e["searchbar-has-value"]=this.hasValue(),e["searchbar-left-aligned"]=this.shouldAlignLeft,e["searchbar-has-focus"]=this.focused,e["searchbar-should-show-cancel"]=this.shouldShowCancelButton(),e))},Object(a.i)("div",{class:"searchbar-input-container"},Object(a.i)("input",{"aria-label":"search text",disabled:this.disabled,ref:function(e){return o.nativeInput=e},class:"searchbar-input",inputMode:this.inputmode,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,placeholder:this.placeholder,type:this.type,value:this.getValue(),autoComplete:this.autocomplete,autoCorrect:this.autocorrect,spellCheck:this.spellcheck}),"md"===t&&h,Object(a.i)("ion-icon",{mode:t,icon:c,lazy:!1,class:"searchbar-search-icon"}),Object(a.i)("button",{"aria-label":"reset",type:"button","no-blur":!0,class:"searchbar-clear-button",onMouseDown:this.onClearInput,onTouchStart:this.onClearInput},Object(a.i)("ion-icon",{"aria-hidden":"true",mode:t,icon:n,lazy:!1,class:"searchbar-clear-icon"}))),"ios"===t&&h)},Object.defineProperty(e.prototype,"el",{get:function(){return Object(a.f)(this)},enumerable:!0,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family,inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, .ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);

1font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-clear, .searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios > div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-has-value.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:.4;pointer-events:none}.sc-ion-searchbar-ios-h{--clear-button-color:var(--ion-color-step-600,#666);--cancel-button-color:var(--ion-color-primary,#3880ff);--color:var(--ion-text-color,#000);--icon-color:var(--ion-color-step-600,#666);--background:rgba(var(--ion-text-color-rgb,0,0,0),0.07);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;height:60px;contain:strict}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.sc-ion-searchbar-ios-h{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}.searchbar-input-container.sc-ion-searchbar-ios{height:36px;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:5px;top:0;position:absolute;width:22px;height:100%;contain:strict}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px)}}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, [dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, [dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;border-radius:10px;height:100%;font-size:17px;font-weight:400;contain:strict}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-input.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:28px;padding-inline-start:28px;-webkit-padding-end:28px;padding-inline-end:28px}}.searchbar-clear-button.sc-ion-searchbar-ios{right:0;top:0;background-position:50%;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, [dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, [dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:18px;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:8px;padding-right:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:16px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:0}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:30px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:unset;-webkit-padding-start:30px;padding-inline-start:30px}}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios, .searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-transition:all .3s ease;transition:all .3s ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:-100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;pointer-events:none}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:unset;-webkit-margin-end:-100%;margin-inline-end:-100%}}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios, .searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}

1@media (any-hover:hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h, ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color), ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb),.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:.5}"},enumerable:!0,configurable:!0}),e}(),l=function(e){return"never"===e||"false"===e||!1===e},b=function(e){return"focus"===e||"true"===e||!0===e||""===e}},383:function(e,o,r){"use strict";r.d(o,"a",(function(){return i})),r.d(o,"b",(function(){return n})),r.d(o,"c",(function(){return a})),r.d(o,"d",(function(){return c}));var t=r(4),a=function(e,o){return null!==o.closest(e)},i=function(e){var o;return"string"===typeof e&&e.length>0?((o={"ion-color":!0})["ion-color-"+e]=!0,o):void 0},n=function(e){var o={};return function(e){return void 0!==e?(Array.isArray(e)?e:e.split(" ")).filter((function(e){return null!=e})).map((function(e){return e.trim()})).filter((function(e){return""!==e})):[]}(e).forEach((function(e){return o[e]=!0})),o},s=/^[a-z][a-z0-9+\-.]*:/,c=function(e,o,r){return Object(t.a)(void 0,void 0,void 0,(function(){var a;return Object(t.c)(this,(function(t){return null!=e&&"#"!==e[0]&&!s.test(e)&&(a=document.querySelector("ion-router"))?(null!=o&&o.preventDefault(),[2,a.push(e,r)]):[2,!1]}))}))}},384:function(e,o,r){"use strict";r.d(o,"a",(function(){return t}));var t=function(e){try{if("string"!==typeof e||""===e)return e;var o=document.createDocumentFragment(),r=document.createElement("div");o.appendChild(r),r.innerHTML=e,s.forEach((function(e){for(var r=o.querySelectorAll(e),t=r.length-1;t>=0;t--){var n=r[t];n.parentNode?n.parentNode.removeChild(n):o.removeChild(n);for(var s=i(n),c=0;c<s.length;c++)a(s[c])}}));for(var t=i(o),n=0;n<t.length;n++)a(t[n]);var c=document.createElement("div");c.appendChild(o);var h=c.querySelector("div");return null!==h?h.innerHTML:c.innerHTML}catch(l){return console.error(l),""}},a=function e(o){if(!o.nodeType||1===o.nodeType){for(var r=o.attributes.length-1;r>=0;r--){var t=o.attributes.item(r),a=t.name;if(n.includes(a.toLowerCase())){var s=t.value;null!=s&&s.toLowerCase().includes("javascript:")&&o.removeAttribute(a)}else o.removeAttribute(a)}var c=i(o);for(r=0;r<c.length;r++)e(c[r])}},i=function(e){return null!=e.children?e.children:e.childNodes},n=["class","id","href","src","name","slot"],s=["script","style","iframe","meta","link","object","embed"]}}]);
2//# sourceMappingURL=28.d2a5ad33.chunk.js.map