@paperless/core 0.1.0-alpha.394 → 0.1.0-alpha.395

package/dist/{build/p-53dca131.entry.js.map → paperless/p-655cc4d4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","name","variant","role","ref","el","_load","popover","clickHandler","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","_hide","mouseEnterHandler","mouseLeaveHandler","show","setAttribute","_popper","setOptions","options","Object","assign","modifiers","enabled","update","isOpen","emit","removeAttribute","createPopper","_el","strategy","setTimeout","placement","offset","padding"],"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 z-tooltip hidden rounded bg-white py-2 px-3 text-xs font-medium drop-shadow-4;\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 whitespace-nowrap bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply inline-block;\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-popper-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-popper-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-popper-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-popper-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\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: PositioningStrategy = '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 _popper: any;\n    private _popover: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\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                        ref={(el) => this._load(el)}\n                    >\n                        {this.popover ? this.popover : <slot name=\"popover\" />}\n                        <div class=\"arrow\" data-popper-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        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\n            ],\n        }));\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.variant === 'error' ? 'top-end' : this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: this.variant === 'error' ? [8, 14] : [0, 8],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        padding: 4,\n                    },\n                },\n            ],\n        });\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAsB,sle,MCiBfC,EAAO,M,wDAyCRC,KAAAC,QAAU,M,aArC6B,Q,aAKxB,K,eAKQ,M,cAKS,W,UAKhB,M,sBAKY,I,CAgBpCC,wBACIF,KAAKG,a,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,QAAMG,KAAK,YACXH,EAAA,OAAKE,MAAM,qBACPF,EAAA,OACIE,MAAO,mBAAmBP,KAAKS,UAC/BC,KAAK,UACLC,IAAMC,GAAOZ,KAAKa,MAAMD,IAEvBZ,KAAKc,QAAUd,KAAKc,QAAUT,EAAA,QAAMG,KAAK,YAC1CH,EAAA,OAAKE,MAAM,QAAO,6B,CAQ5BQ,eACN,GAAIf,KAAKS,UAAY,QAAS,CAC1B,M,CAGJ,GAAIT,KAAKgB,SAASC,aAAa,aAAc,CACzC,M,CAGJjB,KAAKkB,O,CAICC,uBACN,GAAInB,KAAKS,UAAY,UAAYT,KAAKoB,iBAAkB,CACpD,M,CAGJ,IAAKpB,KAAKgB,SAASC,aAAa,aAAc,CAC1C,M,CAGJjB,KAAKqB,O,CAKCC,oBACN,GAAItB,KAAKS,UAAY,QAAS,CAC1B,M,CAGJT,KAAKkB,O,CAKCK,oBACN,GAAIvB,KAAKwB,MAAQxB,KAAKS,UAAY,QAAS,CACvC,M,CAGJT,KAAKqB,O,CAGDH,QACJ,IAAKlB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASS,aAAa,YAAa,IAGxCzB,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,WAK3ChC,KAAK0B,QAAQO,SACbjC,KAAKkC,OAAOC,KAAK,K,CAGbd,QACJ,IAAKrB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASoB,gBAAgB,aAG9BpC,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,YAG3ChC,KAAKkC,OAAOC,KAAK,M,CAGbtB,MAAMC,GACVd,KAAKgB,SAAWF,EAChB,GAAIA,EAAS,CACTd,KAAK0B,QAAUW,EAAarC,KAAKsC,IAAKxB,EAAS,CAC3CyB,SAAUvC,KAAKuC,WAGnBvC,KAAKG,cACLH,KAAKC,QAAU,KAEf,GAAID,KAAKwB,KAAM,CACXgB,YAAW,IAAMxC,KAAKkB,SAAS,I,GAKnCf,cACJ,IAAKH,KAAK0B,QAAS,CACf,M,CAGJ1B,KAAK0B,QAAQC,WAAW,CACpBc,UAAWzC,KAAKS,UAAY,QAAU,UAAYT,KAAKyC,UACvDV,UAAW,CACP,CACIvB,KAAM,SACNoB,QAAS,CACLc,OAAQ1C,KAAKS,UAAY,QAAU,CAAC,EAAG,IAAM,CAAC,EAAG,KAGzD,CACID,KAAM,QACNoB,QAAS,CACLe,QAAS,M"}
+{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","name","variant","role","ref","el","_load","popover","clickHandler","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","_hide","mouseEnterHandler","mouseLeaveHandler","show","setAttribute","_popper","setOptions","options","Object","assign","modifiers","enabled","update","isOpen","emit","removeAttribute","createPopper","_el","strategy","setTimeout","placement","offset","padding"],"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 z-tooltip hidden rounded bg-white py-2 px-3 text-xs font-medium drop-shadow-4;\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 whitespace-nowrap bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply inline-block;\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-popper-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-popper-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-popper-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-popper-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\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: PositioningStrategy = '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 _popper: any;\n    private _popover: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\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                        ref={(el) => this._load(el)}\n                    >\n                        {this.popover ? this.popover : <slot name=\"popover\" />}\n                        <div class=\"arrow\" data-popper-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        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\n            ],\n        }));\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.variant === 'error' ? 'top-end' : this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: this.variant === 'error' ? [8, 14] : [0, 8],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        padding: 4,\n                    },\n                },\n            ],\n        });\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAsB,4je,MCiBfC,EAAO,M,wDAyCRC,KAAAC,QAAU,M,aArC6B,Q,aAKxB,K,eAKQ,M,cAKS,W,UAKhB,M,sBAKY,I,CAgBpCC,wBACIF,KAAKG,a,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,QAAMG,KAAK,YACXH,EAAA,OAAKE,MAAM,qBACPF,EAAA,OACIE,MAAO,mBAAmBP,KAAKS,UAC/BC,KAAK,UACLC,IAAMC,GAAOZ,KAAKa,MAAMD,IAEvBZ,KAAKc,QAAUd,KAAKc,QAAUT,EAAA,QAAMG,KAAK,YAC1CH,EAAA,OAAKE,MAAM,QAAO,6B,CAQ5BQ,eACN,GAAIf,KAAKS,UAAY,QAAS,CAC1B,M,CAGJ,GAAIT,KAAKgB,SAASC,aAAa,aAAc,CACzC,M,CAGJjB,KAAKkB,O,CAICC,uBACN,GAAInB,KAAKS,UAAY,UAAYT,KAAKoB,iBAAkB,CACpD,M,CAGJ,IAAKpB,KAAKgB,SAASC,aAAa,aAAc,CAC1C,M,CAGJjB,KAAKqB,O,CAKCC,oBACN,GAAItB,KAAKS,UAAY,QAAS,CAC1B,M,CAGJT,KAAKkB,O,CAKCK,oBACN,GAAIvB,KAAKwB,MAAQxB,KAAKS,UAAY,QAAS,CACvC,M,CAGJT,KAAKqB,O,CAGDH,QACJ,IAAKlB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASS,aAAa,YAAa,IAGxCzB,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,WAK3ChC,KAAK0B,QAAQO,SACbjC,KAAKkC,OAAOC,KAAK,K,CAGbd,QACJ,IAAKrB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASoB,gBAAgB,aAG9BpC,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,YAG3ChC,KAAKkC,OAAOC,KAAK,M,CAGbtB,MAAMC,GACVd,KAAKgB,SAAWF,EAChB,GAAIA,EAAS,CACTd,KAAK0B,QAAUW,EAAarC,KAAKsC,IAAKxB,EAAS,CAC3CyB,SAAUvC,KAAKuC,WAGnBvC,KAAKG,cACLH,KAAKC,QAAU,KAEf,GAAID,KAAKwB,KAAM,CACXgB,YAAW,IAAMxC,KAAKkB,SAAS,I,GAKnCf,cACJ,IAAKH,KAAK0B,QAAS,CACf,M,CAGJ1B,KAAK0B,QAAQC,WAAW,CACpBc,UAAWzC,KAAKS,UAAY,QAAU,UAAYT,KAAKyC,UACvDV,UAAW,CACP,CACIvB,KAAM,SACNoB,QAAS,CACLc,OAAQ1C,KAAKS,UAAY,QAAU,CAAC,EAAG,IAAM,CAAC,EAAG,KAGzD,CACID,KAAM,QACNoB,QAAS,CACLe,QAAS,M"}