@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

package/dist/cjs/xpl-application-shell.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"xpl-application-shell.entry.cjs.js","mappings":";;;;;;MAKa,mBAAmB;;;sBAUE,KAAK;uBAIJ,IAAI;oBAKR,SAAS;;mBAUR,IAAI;;EA5BxB,gBAAgB;IACpB,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;MAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;GACJ;EA2BD,gBAAgB;IACZ,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;GAChC;EAGD,cAAc,CAAC,KAAK;IAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;GAChC;EAGD,cAAc;IACV,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,OAAO;MACR,IAAI,CAAC,kBAAkB,KAAK,SAAS;UAC/B,IAAI,CAAC,kBAAkB;UACvB,IAAI,CAAC,OAAO,CAAC;GAC1B;EAED,MAAM;IACF,IAAI,uBAAuB,GAAG,uBAAuB,CAAC;IACtD,IAAI,IAAI,CAAC,WAAW;MAChB,uBAAuB,IAAI,sCAAsC,CAAC;IAEtE,IAAI,UAAU,GAAG,4BAA4B,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC,OAAO;QACpB,gCAAgC,IAAI,CAAC,QAAQ,QAAQ;QACrD,gCAAgC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAEtD,QACIA,QAACC,UAAI,IAAC,KAAK,EAAE,uBAAuB,IAChCD,iBAAK,KAAK,EAAE,UAAU,IAClBA,kBAAM,IAAI,EAAC,KAAK,GAAQ,CACtB,EACNA,iBAAK,KAAK,EAAC,+BAA+B,IACtCA,kBAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,EACNA,iBAAK,KAAK,EAAC,gCAAgC,IACvCA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACNA,iBAAK,KAAK,EAAC,gCAAgC,IACvCA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACNA,0BACI,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,KAAK,EAAE;QACH,uCAAuC,EAAE,IAAI,CAAC,OAAO;OACxD,EACD,QAAQ,SACI,CACb,EACT;GACL;;;;;","names":["h","Host"],"sources":["./src/components/components/xpl-application-shell/xpl-application-shell.tsx"],"sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-application-shell',\n})\nexport class XplApplicationShell {\n    private closeNavOnMobile() {\n        if (window.innerWidth <= 640) {\n            this.navOpen = false;\n        }\n    }\n\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar\n     */\n    @Prop() withSubnav: boolean = false;\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a utility bar\n     */\n    @Prop() withUtility: boolean = true;\n\n    /**\n     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.\n     */\n    @Prop() navWidth: string = 'default';\n\n    /**\n     * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n     */\n    @Prop() isNavOpenAtStartup: boolean;\n\n    /**\n     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.\n     */\n    @State() navOpen: boolean = true;\n\n    @Listen('navOpen')\n    navToggleHandler() {\n        this.navOpen = !this.navOpen;\n    }\n\n    @Listen('navWidth')\n    navWithHandler(event) {\n        this.navWidth = event.detail;\n    }\n\n    @Listen('resize', { target: 'window' })\n    onWindowResize() {\n        this.closeNavOnMobile();\n    }\n\n    connectedCallback() {\n        this.closeNavOnMobile();\n    }\n\n    componentWillLoad() {\n        this.navOpen =\n            this.isNavOpenAtStartup !== undefined\n                ? this.isNavOpenAtStartup\n                : this.navOpen;\n    }\n\n    render() {\n        let applicationShellClasses = 'xpl-application-shell';\n        if (this.withUtility)\n            applicationShellClasses += ' xpl-application-shell--with_utility';\n\n        let navClasses = 'xpl-application-shell__nav';\n        navClasses += this.navOpen\n            ? ` xpl-application-shell__nav--${this.navWidth}--open`\n            : ` xpl-application-shell__nav--${this.navWidth}`;\n\n        return (\n            <Host class={applicationShellClasses}>\n                <div class={navClasses}>\n                    <slot name=\"nav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__subnav\">\n                    <slot name=\"subnav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__utility\">\n                    <slot name=\"utility\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__content\">\n                    <slot name=\"content\"></slot>\n                </div>\n                <xpl-backdrop\n                    onClick={() => this.navToggleHandler()}\n                    class={{\n                        'xpl-application-shell__backdrop--open': this.navOpen,\n                    }}\n                    relative\n                ></xpl-backdrop>\n            </Host>\n        );\n    }\n}\n"],"version":3}