@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 2.34 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{p as i,H as t,d as s,h as e,c as h}from"./p-9caf8482.js";import{s as d}from"./p-9c1b2f31.js";const n="cbp-hide[hide]{display:none !important}cbp-hide.cbp-visually-hidden,cbp-hide[visually-hide]{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;margin:-1px;padding:0;position:absolute;width:1px;white-space:nowrap}";const o=n;const l=i(class i extends t{constructor(){super();this.__registerHost();this.hideToggle=s(this,"hideToggle",7);this.hidden=false;this.display="inline";this.hide=undefined;this.visuallyHide=undefined;this.hideAt=undefined;this.visuallyHideAt=undefined;this.sx={}}doHideAt(i){if(i.matches){this.host.style.setProperty("display","none");this.hidden=true}else{this.host.style.setProperty("display",this.display);this.hidden=false}this.hideToggle.emit({host:this.host,hidden:this.hidden,mq:i})}doVisuallyHideAt(i){if(i.matches){this.host.classList.add("cbp-visually-hidden");this.hidden=true}else{this.host.classList.remove("cbp-visually-hidden");this.hidden=false}this.hideToggle.emit({host:this.host,hidden:this.hidden,mq:i})}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}d(this.host,Object.assign({display:this.display},this.sx))}componentDidLoad(){if(this.hideAt){const i=window===null||window===void 0?void 0:window.matchMedia(`(${this.hideAt})`);if(i){i.addEventListener("change",(i=>this.doHideAt(i)));this.doHideAt(i)}}if(this.visuallyHideAt){const i=window===null||window===void 0?void 0:window.matchMedia(`(${this.visuallyHideAt})`);if(i){i.addEventListener("change",(i=>this.doVisuallyHideAt(i)));this.doVisuallyHideAt(i)}}}render(){return e(h,{key:"379c3529fc6824bea7ce493d5ef7e23c5e740a81"},e("slot",{key:"67b7465feca65ba76a89b29a900b9f2f06bf0d43"}))}get host(){return this}static get style(){return o}},[4,"cbp-hide",{display:[1],hide:[516],visuallyHide:[516,"visually-hide"],hideAt:[1,"hide-at"],visuallyHideAt:[1,"visually-hide-at"],sx:[8]}]);function a(){if(typeof customElements==="undefined"){return}const i=["cbp-hide"];i.forEach((i=>{switch(i){case"cbp-hide":if(!customElements.get(i)){customElements.define(i,l)}break}}))}const c=l;const p=a;export{c as CbpHide,p as defineCustomElement};
//# sourceMappingURL=cbp-hide.js.map