UNPKG

@rocketspark/domain-checker

Version:
13 lines 12.9 kB
/*! * * @rocketspark/domain-checker v1.0.12 * git+https://github.com/rocketspark/domain-checker.git * * Copyright (c) Lee Reichardt and project contributors. * * This source code is licensed under the no license license found in the * LICENSE file in the root directory of this source tree. * */ "use strict";(self.webpackChunkDomainChecker=self.webpackChunkDomainChecker||[]).push([[567],{1567:function(e,t,i){i.r(t),i.d(t,{rs_column_header:function(){return s},rs_side_drawer_header:function(){return n},rs_side_drawer_item:function(){return r},rs_side_drawer_item_content:function(){return a}});var o=i(6919);const s=class{constructor(e){(0,o.r)(this,e),this.color="secondary"}render(){return(0,o.h)(o.H,{key:"457626cb50b745059b6d86e59d3782b1cbce72c9",style:{color:void 0!==this.color?`var(--rs-color-${this.color})`:""}},(0,o.h)("slot",{key:"027fa8850e75ace37456ea6626e90d3810236170"}))}};s.style=":host{display:block;font-family:soleil, sans-serif;font-weight:600;font-style:normal;line-height:1.4em;font-size:13px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";const n=class{constructor(e){(0,o.r)(this,e),this.rsCancel=(0,o.c)(this,"rsCancel",7),this.rsSave=(0,o.c)(this,"rsSave",7),this.disabled=!1,this.panelOpen=!1,this.isDirty=!1,this.save=()=>{this.disabled||this.rsSave.emit()},this.cancel=()=>{this.disabled||this.rsCancel.emit()}}render(){return(0,o.h)(o.H,{key:"f0086d4b7c4e88a79b26216fdfe80b257961cb86"},(0,o.h)("rs-item",{key:"73372adc3c3b41308f57c41baa07a80c009439a4",class:"heading-container",flex:!0,"flex-direction":"column","justify-content":"center"},(0,o.h)("rs-header",{key:"35bf326a1813a8e37d2db31a1b9c990ba40ca2b1",heading:"4"},(0,o.h)("slot",{key:"b2c722bfb02f4b45ab13a8ac143b5272b327b132",name:"heading"})),(0,o.h)("rs-subtitle",{key:"358940451a55d7dd482b71b7201ca006ae130f2f",subtitle:"2",color:"grey",class:"subtitle"},(0,o.h)("slot",{key:"71e29858979c482e9db82244bf4a2a0968430435",name:"sub-heading"}))),(0,o.h)("div",{key:"7157ae8bb1d0c1490b717befef0e0fc2fe07dca6",class:{"button-container":!0,"button-container--hidden":!this.isDirty}},(0,o.h)("rs-button",{key:"9c6d7f2bc9d28ac0d954ddf10cf1155b2fc82fab",loading:this.loading,class:"save",size:"small",color:"primary",onClick:this.save,disabled:this.disabled},"Save changes"),(0,o.h)("rs-button",{key:"a0d91f5da85e37126cda17f99a9c644223ac10ef",class:"cancel",size:"small",color:"grey-light",onClick:this.cancel,disabled:this.disabled},"Cancel")))}};n.style=":host{display:inline-flex;flex-direction:column;width:260px;margin:25px;box-sizing:border-box}.heading-container{margin-bottom:30px;margin-top:25px}.subtitle{margin-top:5px;text-transform:uppercase}.button-container{display:flex;height:36px;transition:height 0.15s ease-out;overflow:hidden}.button-container--hidden{height:0}.save{flex-grow:1}.cancel{margin-left:10px}";const r=class{constructor(e){(0,o.r)(this,e),this.icon="chevron-right"}render(){return(0,o.h)(o.H,{key:"3b73ecfc59332112a2767c3ae28342d3788375b9"},(0,o.h)("div",{key:"76215f7fe3ea7be3a049cbaca50a34b8d6435158",class:"container"},(0,o.h)("div",{key:"039a91271df67f55ec1045581c0ed1dc172e6ff4",class:"header"},(0,o.h)("rs-content",{key:"b33c16c9e33dd572020af4302b0068a846118a5e",body:1,color:"secondary"},this.heading),(0,o.h)("rs-icon",{key:"844076af1128200195502d04bfeea3cb4429b63e",name:this.icon,color:"grey"}))))}};function c(){const e=window.requestAnimationFrame||window.setImmediate||function(e){return setTimeout(e,0)};function t(e){Object.defineProperty(e,"data-simple-scrollbar",{value:new o(e),configurable:!0})}function i(e){Object.prototype.hasOwnProperty.call(e,"data-simple-scrollbar")&&(e["data-simple-scrollbar"].unBind(),delete e["data-simple-scrollbar"])}function o(t){for(this.target=t,this.content=t.firstElementChild,this.direction=window.getComputedStyle(this.target).direction,this.bar='<div class="ss-scroll">',this.mB=this.moveBar.bind(this),this.wrapper=document.createElement("div"),this.wrapper.setAttribute("class","ss-wrapper"),this.el=document.createElement("div"),this.el.setAttribute("class","ss-content"),"rtl"===this.direction&&this.el.classList.add("rtl"),this.wrapper.appendChild(this.el);this.target.firstChild;)this.el.appendChild(this.target.firstChild);this.target.appendChild(this.wrapper),this.target.insertAdjacentHTML("beforeend",this.bar),this.bar=this.target.lastChild,function(t,i){let o;function s(t){const s=t.pageY-o;o=t.pageY,e((function(){i.el.scrollTop+=s/i.scrollRatio}))}function n(){t.classList.remove("ss-grabbed"),document.body.classList.remove("ss-grabbed"),document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",n)}t.addEventListener("mousedown",(function(e){return o=e.pageY,t.classList.add("ss-grabbed"),document.body.classList.add("ss-grabbed"),document.addEventListener("mousemove",s),document.addEventListener("mouseup",n),!1}))}(this.bar,this),this.moveBar(),window.addEventListener("resize",this.mB),this.el.addEventListener("scroll",this.mB),this.el.addEventListener("mouseenter",this.mB),this.target.classList.add("ss-container");const i=window.getComputedStyle(t);"0px"===i.height&&"0px"!==i["max-height"]&&(t.style.height=i["max-height"]);const o=new ResizeObserver(this.mB);null==o||o.observe(this.el.querySelector(".content-container__inner")),this.unBind=function(){window.removeEventListener("resize",this.mB),this.el.removeEventListener("scroll",this.mB),this.el.removeEventListener("mouseenter",this.mB),this.target.classList.remove("ss-container"),this.target.insertBefore(this.content,this.wrapper),this.target.removeChild(this.wrapper),this.target.removeChild(this.bar),this.bar=null,null==o||o.disconnect()}}function s(e,t=!1,i=!1){const o=new CustomEvent("customScroll",{detail:{topScrollable:t,bottomScrollable:i}});null==e||e.dispatchEvent(o)}function n(){const e=document.querySelectorAll("*[ss-container]");for(let i=0;i<e.length;i++)t(e[i])}return o.prototype={moveBar:function(){const t=this.el.scrollHeight,i=this.el.clientHeight,o=this;this.scrollRatio=i/t;const n="rtl"===o.direction?o.target.clientWidth-o.bar.clientWidth+18:-1*(o.target.clientWidth-o.bar.clientWidth);e((function(){o.scrollRatio>=1?o.bar.classList.add("ss-hidden"):(o.bar.classList.remove("ss-hidden"),o.bar.style.cssText="height:"+Math.max(100*o.scrollRatio,10)+"%; top:"+o.el.scrollTop/t*100+"%;right:"+n+"px;");if(0===o.el.scrollTop&&o.scrollRatio<1)s(o.target,!1,!0);else{const e=o.el.scrollTop>0,t=o.el.scrollHeight-o.el.scrollTop>i;s(o.target,e,t)}}))},scrollTo:function(e,t=0){let i;if(i="top"===e?0:"bottom"===e?this.el.scrollHeight-this.el.clientHeight:e,t<=0)return this.el.scrollTop=i,void this.moveBar();const o=this.el.scrollTop,s=i-o,n=performance.now(),r=e=>{const i=e-n,c=Math.min(i/t,1);this.el.scrollTop=o+s*c,this.moveBar(),c<1&&requestAnimationFrame(r)};requestAnimationFrame(r)}},document.addEventListener("DOMContentLoaded",n),o.initEl=t,o.initAll=n,o.unbindEl=i,o.unbindAll=function(){const e=document.querySelectorAll(".ss-container");for(let t=0;t<e.length;t++)i(e[t])},o}r.style=":host{display:block}.header{display:flex;align-items:center;justify-content:space-between}.container{background:var(--rs-color-white);box-shadow:0 1px 4px rgba(var(--rs-color-grey-light-rgb), 0.5);border-radius:10px;padding:16px 20px;cursor:pointer}";const a=class{constructor(e){(0,o.r)(this,e),this.closeMoreContent=(0,o.c)(this,"closeMoreContent",7),this.closeContent=(0,o.c)(this,"closeContent",7),this.itemOpen=!1,this.moreContentOpen=!1,this.contentLevel=1,this.openLevel=1,this.topScrollable=!1,this.bottomScrollable=!1,this.close=()=>{this.contentLevel>1?this.closeMoreContent.emit({level:this.contentLevel}):this.closeContent.emit()},this.isBackgroundLevel=()=>this.openLevel>this.contentLevel,this.isOpen=()=>this.openLevel>=this.contentLevel}watchItemOpen(e){e?(c().initEl(this.contentScroller),this.contentScroller.addEventListener("customScroll",(e=>{this.topScrollable=e.detail.topScrollable,this.bottomScrollable=e.detail.bottomScrollable}))):c().unbindEl(this.contentScroller)}async scrollTo(e,t=0){this.contentScroller["data-simple-scrollbar"].scrollTo(e,t)}render(){return(0,o.h)(o.H,{key:"ac32db96cc9d16cf77dc7b2031a660c8b9ba75e1",class:{"item-content--open":this.itemOpen}},(0,o.h)("div",{key:"2c0d563e69b75e28b9c188f8128d26dd705ccab1",class:{"item-content":!0,"item-content--open":this.isOpen(),"item-content--level-2":this.contentLevel>1,"item-content--is-background":this.isBackgroundLevel(),"item-content--scrollable":this.topScrollable||this.bottomScrollable,"item-content--top-scrollable":this.topScrollable,"item-content--bottom-scrollable":this.bottomScrollable}},(0,o.h)("div",{key:"57588836143f82536f2ce9107bd4d7235c5301fd",class:{container:!0,"container--background-level":this.isBackgroundLevel()}},this.contentLevel>1?(0,o.h)("rs-icon",{name:"x",color:"grey",class:"close",onClick:this.closeMoreContent.emit}):"",(0,o.h)("div",{key:"4056fd9d18c13b749aae2521f1b4cce5289bceaa",class:"header-container"},(0,o.h)("rs-header",{key:"8d8c36e16312f644ea694a7619f3605d90c5c5d9",heading:"4"},this.heading),(0,o.h)("rs-subtitle",{key:"529ddc3d7782e2b0ea411c4b651179926ba723d2",subtitle:"2",color:"grey",class:"subtitle"},this.subHeading)),(0,o.h)("div",{key:"088bd502c1201b9a8b2d4a32ec5e5a73e65cd829",class:"content-container",ref:e=>this.contentScroller=e},(0,o.h)("div",{key:"3f825be15f4abcef09238f982d19b640a465afb9",class:"content-container__inner",style:{"padding-bottom":"20px"}},(0,o.h)("slot",{key:"e5e854c65f9f3dc917ec15502a40465e1c198f5a"})))),(0,o.h)("div",{key:"ebb97ae6dcf1a381b445bc5f8f1a7ed54469739c",class:"close-container"},(0,o.h)("rs-button",{key:"c9783f263953cac8a726e71325410bc2310ed4b2",onClick:this.close,class:"close-item",color:"primary",expand:"block"},this.contentLevel>1?"Back":"Close"))))}static get watchers(){return{itemOpen:["watchItemOpen"]}}};a.style=".close{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--rs-color-grey-light);border-radius:32px;justify-content:center;align-items:center;font-size:16px;cursor:pointer;display:flex;position:absolute;top:16px;right:16px;transition:box-shadow 0.15s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.15s ease-out;opacity:1;z-index:1}.close--hidden{opacity:0;pointer-events:none}.close:hover{box-shadow:inset 0 0 0 1px var(--rs-color-grey)}:host{display:block}.item-content{height:100%;position:absolute;width:100%;top:50%;opacity:0;transition:opacity 150ms cubic-bezier(0, 0.55, 0.45, 1) 200ms, top 500ms cubic-bezier(0, 0.55, 0.45, 1);pointer-events:none;display:flex;flex-direction:column}.item-content--open{top:48px;opacity:100%;pointer-events:auto}.item-content--level-2{top:25%;transition:opacity 150ms cubic-bezier(0, 0.55, 0.45, 1), top 500ms cubic-bezier(0, 0.55, 0.45, 1)}.item-content--open.item-content--level-2{top:25px}.item-content--open.item-content--is-background.item-content--level-2{top:48px}.subtitle{margin-top:5px;text-transform:uppercase}.container{height:100%;background-color:var(--rs-color-white);border-radius:15px 15px 0 0;box-shadow:0 5px 15px rgb(70 74 83 / 25%);box-sizing:border-box;padding-top:40px;text-align:center;transform-origin:50% 0;transition:top 500ms cubic-bezier(0, 0.55, 0.45, 1), transform 500ms cubic-bezier(0, 0.55, 0.45, 1);min-height:0}.container--background-level{top:48px;transform:scale(0.8) translateY(-45px)}.content-container{box-sizing:border-box;padding:24px;text-align:left;height:100%}::slotted(* div){display:flex;flex-direction:column;gap:30px}.item-content--scrollable .content-container__inner{padding-top:24px;margin-bottom:24px}.item-content--scrollable .content-container{margin-top:-24px}.header-container{padding-top:40px;padding-bottom:24px;margin-top:-40px;border-radius:15px 15px 0 0;transition:box-shadow 0.4s cubic-bezier(0, 0.55, 0.45, 1)}.item-content--top-scrollable .header-container{box-shadow:0 1px 15px rgb(70 74 83 / 25%)}.close-container{z-index:2;min-height:0;padding:32px 24px;background:var(--rs-color-white);flex-basis:106px;transition:box-shadow 0.4s cubic-bezier(0, 0.55, 0.45, 1)}.item-content--bottom-scrollable .close-container{box-shadow:0 1px 15px rgb(70 74 83 / 25%)}.item-content--open.item-content--level-2 .close-container{flex-basis:78px}.ss-container{height:99%}.ss-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}.ss-content{height:100%;width:calc(100% + 18px);padding:0 18px 0 0;position:relative;overflow-x:auto;overflow-y:scroll;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;}.ss-content::-webkit-scrollbar{display:none}.ss-content.rtl{width:calc(100% + 18px);right:auto}.ss-scroll{position:relative;background:rgb(0 0 0 / 10%);width:9px;border-radius:4px;top:0;z-index:2;cursor:pointer;opacity:0;transition:opacity 0.25s linear;margin-left:-30px}.ss-hidden{display:none}.ss-container:hover .ss-scroll,.ss-container:active .ss-scroll{opacity:100%}.ss-grabbed{user-select:none}"}}]); //# sourceMappingURL=567.index.js.map