@peculiar/fortify-webcomponents/components/peculiar-text-hider.js

Web-components for creating CSR or Certificate and viewing certificates list using Fortify

/*!
 * © Peculiar Ventures https://peculiarventures.com/ - BSD 3-Clause License
 */
import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
import { B as Button } from './button.js';
import { A as ArrowTopIcon, a as ArrowBottomIcon } from './arrow_top.js';

const textHiderCss = () => `.sc-peculiar-text-hider-h{display:-ms-flexbox;display:flex;width:100%;gap:calc(var(--pv-size-base) * 4)}[aria-expanded=true].sc-peculiar-text-hider-h .content.sc-peculiar-text-hider{white-space:initial}.content.sc-peculiar-text-hider{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action.sc-peculiar-text-hider{-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--pv-size-base) * -1)}`;

const TextHider = /*@__PURE__*/ proxyCustomElement(class TextHider extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.opened = false;
    }
    render() {
        return (h(Host, { key: 'e62e0ae5bad2145d9d0f8e47493d89f1c9bdd559', "aria-expanded": String(this.opened) }, h("div", { key: 'ee6a5b678e4ff568d017fde3168a37c818c241da', class: "content" }, h("slot", { key: 'b9d073a716fec21e5e9c1dadc66da3fef292d00b' })), h(Button, { key: '398b81d7ec84ccac8803f46dd4d78104a86b9be7', class: "action", startIcon: this.opened ? h(ArrowTopIcon, { color: "secondary" }) : h(ArrowBottomIcon, { color: "secondary" }), onClick: () => { this.opened = !this.opened; } })));
    }
    static get style() { return textHiderCss(); }
}, [262, "peculiar-text-hider", {
        "opened": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["peculiar-text-hider"];
    components.forEach(tagName => { switch (tagName) {
        case "peculiar-text-hider":
            if (!customElements.get(transformTag(tagName))) {
                customElements.define(transformTag(tagName), TextHider);
            }
            break;
    } });
}

const PeculiarTextHider = TextHider;
const defineCustomElement = defineCustomElement$1;

export { PeculiarTextHider, defineCustomElement };
//# sourceMappingURL=peculiar-text-hider.js.map

//# sourceMappingURL=peculiar-text-hider.js.map