UNPKG

@rocketspark/domain-checker

Version:
13 lines 7.99 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([[147],{9147:function(e,t,n){n.r(t),n.d(t,{rs_side_drawer:function(){return a}});var i=n(6919),o=n(9041);const a=class{constructor(e){(0,i.r)(this,e),this.item=(0,i.c)(this,"item",7),this.itemClosed=(0,i.c)(this,"itemClosed",7),this.moreContentClosed=(0,i.c)(this,"moreContentClosed",7),this.sideDrawerClose=(0,i.c)(this,"sideDrawerClose",7),this.items="",this.isDirty=!1,this.contentLevelOpen=0,this.itemOpen=!1,this.itemClickedHandler=e=>{this.contentLevelOpen=1,this.itemOpen=!0,this.itemOpenHandle=e.target.dataset.item,this.openItemHeading=e.target.dataset.heading,this.item.emit({item:this.itemOpenHandle})},this.closeItem=()=>{this.moreContentOpen()?this.moreContentClosed.emit({moreContent:this.moreContentHeading}):(this.contentLevelOpen=0,this.itemOpen=!1,this.itemClosed.emit({item:this.itemOpenHandle}))},this.getItemsObject=()=>{let e={};return this.itemsArray.forEach((t=>{e[a.taskHandle(t)]=t})),e},this.moreContentOpen=()=>this.contentLevelOpen>1}closeMoreContentHandler(){this.contentLevelOpen--,this.moreContentClosed.emit({moreContent:this.moreContentHeading})}closeContentHandler(){this.closeItem()}async scrollDrawerTo(e,t=0){1===this.contentLevelOpen?await this.level1Component.scrollTo(e,t):2===this.contentLevelOpen?await this.level2Component.scrollTo(e,t):3===this.contentLevelOpen&&await this.level3Component.scrollTo(e,t)}async openItem(e=""){const t=this.getItemsObject();0!==Object.keys(t).length&&t.hasOwnProperty(e)&&(this.contentLevelOpen=1,this.itemOpen=!0,this.itemOpenHandle=e,this.openItemHeading=t[e],this.item.emit({item:this.itemOpenHandle}))}static taskHandle(e){return e.replaceAll("&","").replaceAll(" "," ").replaceAll(" ","-").toLowerCase()}get itemsArray(){return this.items.split(",")}render(){var e,t;return(0,i.h)(i.H,{key:"c17b960396cecf42b77b31ae1bd0784f7a12f652"},(0,i.h)("div",{key:"1bea8f8fe2e5f5248184325401702e4a4829380e",class:{"side-drawer":!0,"side-drawer--open":this.itemOpen}},(0,i.h)("div",{key:"391ca28edf6d16f28301191b31486378b013c737",class:{"open-item-header":!0,"open-item-header--open":this.itemOpen&&1===this.contentLevelOpen},onClick:this.closeItem},(0,i.h)("rs-icon",{key:"7f2c3e97089993f05416232c1a3738d4ff11da83",class:"open-item-header__back",name:"chevron-left",color:"secondary",size:13}),(0,i.h)("rs-column-header",{key:"3a4cbeca0893dcd130dd1d82426fe52c1bd52912",class:"open-item-header__title",color:"secondary"},this.subHeading)),(0,i.h)("div",{key:"e0f067ab9480c2a86d3dfbe5c9d99220b6ac072b",class:{"item-outer":!0,"item-outer--open":this.itemOpen}},(0,i.h)("div",{key:"a84ff3dfe7031188bd2337695410b1b7f5fa94f8"},(0,i.h)("rs-side-drawer-header",{key:"6ceb9182cee3d17ccc834590b68374e244af1638","is-dirty":this.isDirty,loading:this.loading},(0,i.h)("span",{key:"e189e2dde35c025c778fb3c9d12227edbe7ac7f8",slot:"heading"},this.heading),(0,i.h)("span",{key:"7f886bfa54649ca38126e062272b3f3a9f95a6e4",slot:"sub-heading"},this.subHeading)),(0,i.h)("rs-icon",{key:"18054d87f4bff43c3732700c00f0701080278ab8",name:"x",color:"grey",class:{close:!0,"close--hidden":this.isDirty},onClick:this.sideDrawerClose.emit})),(0,i.h)("div",{key:"1ee55652c63624cc07a6018ef4ba54ec1583d081",class:{"item-container":!0,"item-container--no-gap-support":!(0,o.f)()}},this.items.split(",").map((e=>(0,i.h)("rs-side-drawer-item",{onClick:this.itemClickedHandler,"data-item":a.taskHandle(e),"data-heading":e.trim(),heading:e.trim()}))))),(0,i.h)("rs-side-drawer-item-content",{key:"f3dc7efeda242093562dc47547333df4f251dc21",ref:e=>this.level1Component=e,"content-level":1,heading:this.openItemHeading,"more-content-open":this.moreContentOpen(),"open-level":this.contentLevelOpen,"item-open":this.itemOpen},(0,i.h)("slot",{key:"058fe66fb01e14057cb1544f3b0ac3dcd9b73f2e",name:"main-content"})),(0,i.h)("rs-side-drawer-item-content",{key:"2d9ef38344a1811a87f82c84f14bfc03695e5bca",ref:e=>this.level2Component=e,"content-level":2,heading:null!==(e=this.moreContentHeading)&&void 0!==e?e:this.openItemHeading,"sub-heading":"More Settings","open-level":this.contentLevelOpen,"item-open":this.itemOpen},(0,i.h)("slot",{key:"2512ad6f0f75c70aa97d3beed0171d0c34c0be52",name:"content-level-2"})),(0,i.h)("rs-side-drawer-item-content",{key:"38b80b60558bd26aeaa10f1c5f2ae050dc29bdea",ref:e=>this.level3Component=e,"content-level":3,heading:null!==(t=this.moreContentHeading)&&void 0!==t?t:this.openItemHeading,"sub-heading":"More Settings","open-level":this.contentLevelOpen,"item-open":this.itemOpen},(0,i.h)("slot",{key:"071245d88772044a6bba860bb25aadd2284e39d4",name:"content-level-3"}))))}};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;height:100%;width:310px;box-shadow:0 2px 10px 0 rgba(0, 0, 0, .5);position:fixed}.side-drawer{height:100%}.side-drawer--open{background-color:var(--rs-color-light)}.item-outer{background-color:var(--rs-color-white);transition:opacity 0.15s cubic-bezier(0, 0.55, 0.45, 1) 100ms;height:100%;position:absolute;top:0}.item-outer--open{pointer-events:none;opacity:0;transition:opacity 0.15s cubic-bezier(0, 0.55, 0.45, 1) 200ms}.item-container{padding:8px;height:100%;background:var(--rs-color-light);border-radius:16px 16px 0 0;gap:8px;display:flex;flex-direction:column}.item-container--no-gap-support>*{--fgp-margin-top:calc(var(--fgp-gap-row));--fgp-margin-left:calc(var(--fgp-gap-column));margin-top:var(--fgp-margin-top) !important;margin-left:var(--fgp-margin-left) !important}.item-container--no-gap-support{--fgp-gap-row:8px;--fgp-gap-column:8px;--fgp-gap:8px;--has-fgp:initial;--fgp-margin-top:calc(var(--fgp-gap-row, 0px) * -1);--fgp-margin-left:calc(var(--fgp-gap-column, 0px) * -1);display:flex;margin-top:var(--fgp-margin-top, 0) !important;margin-left:var(--fgp-margin-left, 0) !important}.open-item-header{position:relative;justify-content:center;align-items:center;display:flex;padding:15px 0;opacity:0;transition:opacity 0.15s cubic-bezier(0, 0.55, 0.45, 1);pointer-events:none}.open-item-header--open{pointer-events:auto;opacity:1;cursor:pointer;transition:opacity 0.15s cubic-bezier(0, 0.55, 0.45, 1) 200ms}.open-item-header__back{position:absolute;left:18px;width:48px;height:48px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.open-item-header__title::first-letter{text-transform:uppercase}"},9041:function(e,t,n){n.d(t,{S:function(){return s},a:function(){return r},f:function(){return i},o:function(){return a}});const i=()=>{const e=document.createElement("div");e.style.display="flex",e.style.flexDirection="column",e.style.rowGap="1px",e.appendChild(document.createElement("div")),e.appendChild(document.createElement("div")),document.body.appendChild(e);const t=1===e.scrollHeight;return e.parentNode.removeChild(e),t};function o(e,t,n,i,o={}){let a=t;Array.isArray(t)?a=Array.from(t):Array.isArray(t)||(a=[t]);let r=n;return Array.isArray(n)||(r=[n]),a.forEach((t=>{r.forEach((n=>{t[e](n,i,Object.assign({capture:!1},o))}))})),[t,n,i,o]}const a=o.bind(null,"addEventListener"),r=o.bind(null,"removeEventListener"),s=e=>{if(!e||"[object Function]"!==Object.prototype.toString.call(e))return;let t;window.addEventListener("scroll",(function(){window.clearTimeout(t),t=setTimeout((function(){e()}),66)}),!1)}}}]); //# sourceMappingURL=147.index.js.map