@paraboly/pwc-sliding-panel/dist/cjs/pwc-sliding-panel-toggle.cjs.entry.js

A panel that slides open from the sides of the page when you click a handle.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-ae965e22.js');

const PwcSlidingPanelToggle = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.toggled = core.createEvent(this, "toggled", 7);
    }
    clickListener(event) {
        if (event.target === this.root) {
            this.toggled.emit();
        }
    }
    render() {
        return core.h("slot", null);
    }
    get root() { return core.getElement(this); }
    static get style() { return "pwc-sliding-panel-toggle {\n  width: var(--pwc-sliding-panel___toggle-width);\n  height: var(--pwc-sliding-panel___toggle-height);\n  position: absolute;\n  top: 0;\n  display: block;\n  background: white;\n  border: 1px black solid;\n  cursor: pointer;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n/** left **/\npwc-sliding-panel[anchor=left] > pwc-sliding-panel-toggle {\n  right: calc(var(--pwc-sliding-panel___toggle-width) * -1);\n}\n\n/** right **/\npwc-sliding-panel[anchor=right] > pwc-sliding-panel-toggle {\n  left: calc(var(--pwc-sliding-panel___toggle-width) * -1);\n}"; }
};

exports.pwc_sliding_panel_toggle = PwcSlidingPanelToggle;