@paperless/core 0.1.0-alpha.437 → 0.1.0-alpha.438

package/dist/paperless/p-f34ed23f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","popover","clickHandler","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","_hide","mouseEnterHandler","mouseLeaveHandler","show","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left"],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n    @apply flex cursor-pointer;\n\n    .popover-container {\n        @apply relative h-0 w-0;\n        .popover {\n            @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n            width: max-content;\n            max-width: 14.5rem;\n\n            &.variant-hover,\n            &.variant-error {\n                @apply bg-storm py-1 text-white;\n            }\n\n            &.variant-error {\n                @apply bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply opacity-100;\n            }\n\n            .arrow,\n            .arrow::before {\n                background: inherit;\n                @apply absolute h-2 w-2;\n            }\n\n            .arrow {\n                visibility: hidden;\n\n                &::before {\n                    @apply visible rotate-45 transform;\n                    content: '';\n                }\n            }\n\n            &[data-strategy='fixed'] {\n                @apply fixed;\n            }\n\n            &[data-strategy='absolute'] {\n                @apply absolute;\n            }\n\n            &[data-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import {\n    arrow,\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() popover: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popover: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-popover\">\n                <slot name=\"content\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        data-placement={this.placement}\n                        data-strategy={this.strategy}\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.popover ? this.popover : <slot name=\"popover\" />}\n                        <div class=\"arrow\"></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover') {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover') {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover') {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._popover, () =>\n            this._update()\n        );\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Update its position\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _update() {\n        if (!this._popover) {\n            return;\n        }\n\n        const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n        if (!arrowEl) {\n            return;\n        }\n\n        computePosition(this._el, this._popover, {\n            placement: this.variant === 'error' ? 'top-end' : this.placement,\n            strategy: this.strategy,\n\n            middleware: [\n                offset(this.variant === 'error' ? 14 : 8),\n                flip(),\n                shift(),\n                arrow({ element: arrowEl, padding: 8 }),\n            ],\n        }).then(({ x, y, placement, middlewareData }) => {\n            this._popover.dataset.placement = placement;\n            Object.assign(this._popover.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n\n            if (middlewareData.arrow) {\n                const { x, y } = middlewareData.arrow;\n\n                Object.assign(arrowEl.style, {\n                    left:\n                        this.variant === 'error'\n                            ? 'calc(100% - 1rem)'\n                            : x != null\n                            ? `${x}px`\n                            : '',\n                    top: y != null ? `${y}px` : '',\n                });\n            }\n        });\n    }\n}\n"],"mappings":"uIAAA,MAAMA,EAAsB,oyf,MC0BfC,EAAO,M,wDAyCRC,KAAAC,QAAU,M,aArC6B,Q,aAKxB,K,eAKQ,M,cAKF,W,UAKL,M,sBAKY,I,CAgBpCC,wBACIF,KAAKG,S,CAGTC,uBACI,GAAIJ,KAAKK,SAAU,CACfL,KAAKK,WACLL,KAAKK,SAAW,I,EAIxBC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,QAAMG,KAAK,YACXH,EAAA,OAAKE,MAAM,qBACPF,EAAA,OACIE,MAAO,mBAAmBT,KAAKW,UAC/BC,KAAK,UAAS,iBACEZ,KAAKa,UAAS,gBACfb,KAAKc,SACpBC,IAAMC,GAAOhB,KAAKiB,MAAMD,IAEvBhB,KAAKkB,QAAUlB,KAAKkB,QAAUX,EAAA,QAAMG,KAAK,YAC1CH,EAAA,OAAKE,MAAM,Y,CAQrBU,eACN,GAAInB,KAAKW,UAAY,QAAS,CAC1B,M,CAGJ,GAAIX,KAAKoB,SAASC,aAAa,aAAc,CACzC,M,CAGJrB,KAAKsB,O,CAICC,uBACN,GAAIvB,KAAKW,UAAY,UAAYX,KAAKwB,iBAAkB,CACpD,M,CAGJ,IAAKxB,KAAKoB,SAASC,aAAa,aAAc,CAC1C,M,CAGJrB,KAAKyB,O,CAKCC,oBACN,GAAI1B,KAAKW,UAAY,QAAS,CAC1B,M,CAGJX,KAAKsB,O,CAKCK,oBACN,GAAI3B,KAAK4B,MAAQ5B,KAAKW,UAAY,QAAS,CACvC,M,CAGJX,KAAKyB,O,CAGDH,QACJ,IAAKtB,KAAKC,QAAS,CACf,M,CAGJD,KAAKK,SAAWwB,EAAW7B,KAAK8B,IAAK9B,KAAKoB,UAAU,IAChDpB,KAAKG,YAGTH,KAAKoB,SAASW,aAAa,YAAa,IAGxC/B,KAAKgC,OAAOC,KAAK,K,CAGbR,QACJ,IAAKzB,KAAKC,QAAS,CACf,M,CAGJ,GAAID,KAAKK,SAAU,CACfL,KAAKK,WACLL,KAAKK,SAAW,I,CAIpBL,KAAKoB,SAASc,gBAAgB,aAC9BlC,KAAKgC,OAAOC,KAAK,M,CAGbhB,MAAMC,GACVlB,KAAKoB,SAAWF,EAChB,GAAIA,EAAS,CACTlB,KAAKG,UACLH,KAAKC,QAAU,KAEf,GAAID,KAAK4B,KAAM,CACXO,YAAW,IAAMnC,KAAKsB,SAAS,I,GAKnCnB,UACJ,IAAKH,KAAKoB,SAAU,CAChB,M,CAGJ,MAAMgB,EAAUpC,KAAKoB,SAASiB,cAAc,UAC5C,IAAKD,EAAS,CACV,M,CAGJE,EAAgBtC,KAAK8B,IAAK9B,KAAKoB,SAAU,CACrCP,UAAWb,KAAKW,UAAY,QAAU,UAAYX,KAAKa,UACvDC,SAAUd,KAAKc,SAEfyB,WAAY,CACRC,EAAOxC,KAAKW,UAAY,QAAU,GAAK,GACvC8B,IACAC,IACAC,EAAM,CAAEC,QAASR,EAASS,QAAS,OAExCC,MAAK,EAAGC,IAAGC,IAAGnC,YAAWoC,qBACxBjD,KAAKoB,SAAS8B,QAAQrC,UAAYA,EAClCsC,OAAOC,OAAOpD,KAAKoB,SAASiC,MAAO,CAC/BC,IAAK,GAAGN,MACRO,KAAM,GAAGR,QAGb,GAAIE,EAAeN,MAAO,CACtB,MAAMI,EAAEA,EAACC,EAAEA,GAAMC,EAAeN,MAEhCQ,OAAOC,OAAOhB,EAAQiB,MAAO,CACzBE,KACIvD,KAAKW,UAAY,QACX,oBACAoC,GAAK,KACL,GAAGA,MACH,GACVO,IAAKN,GAAK,KAAO,GAAGA,MAAQ,I"}