@rocketspark/domain-checker/build/147.index.js

Embeddable Domain Checker for Rocketspark

/*!
 * 
 *   @rocketspark/domain-checker v0.0.34
 *   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,i){i.r(t),i.d(t,{rs_side_drawer:function(){return s}});var n=i(7915),o=i(4700);const s=class{constructor(e){(0,n.r)(this,e),this.item=(0,n.c)(this,"item",7),this.itemClosed=(0,n.c)(this,"itemClosed",7),this.moreContentClosed=(0,n.c)(this,"moreContentClosed",7),this.sideDrawerClose=(0,n.c)(this,"sideDrawerClose",7),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[s.taskHandle(t)]=t})),e},this.moreContentOpen=()=>this.contentLevelOpen>1,this.loading=void 0,this.heading=void 0,this.subHeading=void 0,this.items="",this.isDirty=!1,this.moreContentHeading=void 0,this.contentLevelOpen=0,this.itemsArray=void 0,this.openItemHeading=void 0,this.itemOpen=!1,this.itemOpenHandle=void 0}closeMoreContentHandler(){this.contentLevelOpen--,this.moreContentClosed.emit({moreContent:this.moreContentHeading})}closeContentHandler(){this.closeItem()}componentWillLoad(){this.itemsArray=this.items.split(",").map((e=>e.trim()))}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()}render(){var e,t;return(0,n.h)(n.H,null,(0,n.h)("div",{class:{"side-drawer":!0,"side-drawer--open":this.itemOpen}},(0,n.h)("div",{class:{"open-item-header":!0,"open-item-header--open":this.itemOpen&&1===this.contentLevelOpen},onClick:this.closeItem},(0,n.h)("rs-icon",{class:"open-item-header__back",name:"chevron-left",color:"secondary",size:13}),(0,n.h)("rs-column-header",{class:"open-item-header__title",color:"secondary"},this.subHeading)),(0,n.h)("div",{class:{"item-outer":!0,"item-outer--open":this.itemOpen}},(0,n.h)("div",null,(0,n.h)("rs-side-drawer-header",{"is-dirty":this.isDirty,loading:this.loading},(0,n.h)("span",{slot:"heading"},this.heading),(0,n.h)("span",{slot:"sub-heading"},this.subHeading)),(0,n.h)("rs-icon",{name:"x",color:"grey",class:{close:!0,"close--hidden":this.isDirty},onClick:this.sideDrawerClose.emit})),(0,n.h)("div",{class:{"item-container":!0,"item-container--no-gap-support":!(0,o.f)()}},this.itemsArray.map((e=>(0,n.h)("rs-side-drawer-item",{onClick:this.itemClickedHandler,"data-item":s.taskHandle(e),"data-heading":e,heading:e}))))),(0,n.h)("rs-side-drawer-item-content",{"content-level":1,heading:this.openItemHeading,"more-content-open":this.moreContentOpen(),"open-level":this.contentLevelOpen,"item-open":this.itemOpen},(0,n.h)("slot",{name:"main-content"})),(0,n.h)("rs-side-drawer-item-content",{"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,n.h)("slot",{name:"content-level-2"})),(0,n.h)("rs-side-drawer-item-content",{"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,n.h)("slot",{name:"content-level-3"}))))}};s.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}"},4700:function(e,t,i){i.d(t,{S:function(){return a},a:function(){return r},f:function(){return n},o:function(){return s}});const n=()=>{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,i,n,o={}){let s=t;Array.isArray(t)?s=Array.from(t):Array.isArray(t)||(s=[t]);let r=i;return Array.isArray(i)||(r=[i]),s.forEach((t=>{r.forEach((i=>{t[e](i,n,Object.assign({capture:!1},o))}))})),[t,i,n,o]}const s=o.bind(null,"addEventListener"),r=o.bind(null,"removeEventListener"),a=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