@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 } 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: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 PeculiarTextHiderStyle0 = textHiderCss;

const TextHider = /*@__PURE__*/ proxyCustomElement(class TextHider extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.opened = false;
    }
    render() {
        return (h(Host, { key: '8e4789c87df5e4b37a5fdce7b9489e1f26d52fd9', "aria-expanded": String(this.opened) }, h("div", { key: 'd98c5a205b320e9590953cf1e66ef7087413c24c', class: "content" }, h("slot", { key: 'c20480b3144c9b05a719d3bd33a9569a937f176d' })), h(Button, { key: 'a1913fb7cb9a79437e3c84553d38a7245824211a', class: "action", onClick: () => { this.opened = !this.opened; }, startIcon: this.opened ? h(ArrowTopIcon, { color: "secondary" }) : h(ArrowBottomIcon, { color: "secondary" }) })));
    }
    static get style() { return PeculiarTextHiderStyle0; }
}, [6, "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(tagName)) {
                customElements.define(tagName, TextHider);
            }
            break;
    } });
}

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

export { PeculiarTextHider, defineCustomElement };

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