@paperless/core 0.1.0-alpha.98 → 1.0.1

package/dist/components/p-content-slider.js.map

@@ -0,0 +1 @@
+{"file":"p-content-slider.js","mappings":"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","names":[],"sources":["./src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","./src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col overflow-hidden;\n\n    @apply p-16 -m-16;\n\n    .slider {\n        @apply overflow-visible relative box-content;\n\n        &.draggable {\n            @apply cursor-grab desktop-xs:cursor-auto;\n\n            &.dragging {\n                @apply cursor-grabbing desktop-xs:cursor-auto;\n\n                .inner-slider {\n                    @apply transition-none;\n                }\n            }\n        }\n\n        .inner-slider {\n            @apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n            @apply will-change-transform transform-gpu translate-x-0;\n\n            @apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n            @apply transition-all;\n            transition-duration: 0.5s;\n\n            > ::slotted(*) {\n                @apply w-full;\n                @apply flex-shrink-0 z-10;\n\n                @screen tablet {\n                    width: calc(50% - 0.5rem);\n                }\n\n                @screen desktop-xs {\n                    @apply w-0 flex-1;\n                }\n\n                position: relative;\n            }\n        }\n    }\n\n    .indicator {\n        @apply flex justify-center items-center desktop-xs:hidden;\n\n        .item {\n            @apply mt-3 pt-1 px-1;\n        }\n    }\n}\n","import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-content-slider',\n    styleUrl: 'content-slider.component.scss',\n    shadow: true,\n})\nexport class ContentSlider {\n    /**\n     * Wether to hide the indicator on mobile\n     */\n    @Prop() hideMobileIndicator: boolean = false;\n\n    /**\n     * Wether to disable dragging the content\n     */\n    @Prop() disableDrag: boolean = false;\n\n    /**\n     * Wether to disable auto centering the content\n     */\n    @Prop() disableAutoCenter: boolean = false;\n\n    /**\n     * Wether to disable clicking the indicator scrolls content\n     */\n    @Prop() disableIndicatorClick: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _visibleIndex: number;\n    @State() private _outerHeight = 0;\n    @State() private _totalWidth = 0;\n    private _sliderRef: HTMLElement;\n    private _innerSliderRef: HTMLElement;\n    private _items: HTMLElement[] = [];\n    private _innerSliderResizeObserver: ResizeObserver;\n\n    // mouse movement stuff\n    private _startX: number;\n    private _startMouseX: number;\n    private _lastMouseX: number;\n    private _lastIndex: number;\n    private _shouldCheckLocation = false;\n    @State() private _dragging = false;\n\n    componentWillRender() {\n        const items = this._el.querySelectorAll(':scope > *');\n        this._items = Array.from(items) as HTMLElement[];\n    }\n\n    componentDidLoad() {\n        this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        this._calculateWidth();\n        this._calculateIndicator();\n    }\n\n    disconnectedCallback() {\n        if (this._innerSliderResizeObserver) {\n            this._innerSliderResizeObserver.disconnect();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-content-slider\">\n                <div\n                    class={`slider ${!this.disableDrag && 'draggable'} ${\n                        this._dragging && 'dragging'\n                    }`}\n                    style={{\n                        height: `${this._outerHeight}px`,\n                    }}\n                    ref={(el) => (this._sliderRef = el)}\n                    onMouseDown={(e) => this._mouseDownHandler(e)}\n                    onTouchStart={(e) => this._mouseDownHandler(e)}\n                    onMouseMove={(e) => this._mouseMoveHandler(e)}\n                    onTouchMove={(e) => this._mouseMoveHandler(e)}\n                >\n                    <div\n                        class=\"inner-slider\"\n                        ref={(ref) => this._setInnerSliderReft(ref)}\n                        onTransitionEnd={() => this._transitionEndHandler()}\n                    >\n                        <slot />\n                    </div>\n                </div>\n                <div\n                    class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n                >\n                    {this._items.map((_, i) => (\n                        <div\n                            onClick={() => this._scrollTo(i, true)}\n                            class={`item ${\n                                !this.disableIndicatorClick && 'cursor-pointer'\n                            }`}\n                        >\n                            <p-slider-indicator\n                                active={i === this._visibleIndex}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </Host>\n        );\n    }\n\n    private _mouseDownHandler(e) {\n        if (this.disableDrag || this._dragging) {\n            return;\n        }\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        if (innerSliderStyle.flexWrap === 'wrap') {\n            return;\n        }\n\n        this._startMouseX = e.x;\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        if (e.type === 'touchstart') {\n            this._startMouseX = e.touches?.[0].clientX;\n        }\n\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n        this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n        this._lastIndex = this._visibleIndex;\n        this._dragging = true;\n    }\n\n    private _mouseMoveHandler(e) {\n        if (!e || !this._dragging || this.disableDrag) {\n            return;\n        }\n\n        e.preventDefault();\n\n        this._shouldCheckLocation = true;\n\n        if (\n            this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n        ) {\n            this._innerSliderRef.style.pointerEvents = 'none';\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        let x = e.clientX - sliderRect.left;\n        this._lastMouseX = e.x;\n        if (e.type === 'touchmove') {\n            x = e.touches?.[0].clientX - sliderRect.left;\n            this._lastMouseX = e.touches?.[0].clientX;\n        }\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `${x - this._startX}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _transitionEndHandler() {\n        this._calculateIndicator();\n    }\n\n    @Listen('mouseup', { target: 'window' })\n    @Listen('touchend', { target: 'window' })\n    mouseUpHandler() {\n        this._dragging = false;\n        this._innerSliderRef.style.removeProperty('pointer-events');\n\n        this._checkLocation();\n    }\n\n    @Listen('resize', { target: 'window' })\n    resizeHandler() {\n        if (this._innerSliderRef) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n            this._calculateWidth();\n            this._calculateIndicator();\n        }\n    }\n\n    private _setInnerSliderReft(ref) {\n        this._innerSliderRef = ref;\n        this._innerSliderResizeObserver = new ResizeObserver(() =>\n            this._calculateHeight()\n        );\n        this._innerSliderResizeObserver.observe(this._innerSliderRef);\n    }\n\n    private _scrollTo(i: number, manual = false) {\n        if (this.disableIndicatorClick && manual) {\n            return;\n        }\n\n        const el = this._items[i];\n\n        if (i === 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n            return;\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const elRect = el.getBoundingClientRect();\n\n        const offsetLeft = elRect.x - innerSliderRect.x;\n\n        const centerOffset =\n            offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `-${centerOffset}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _checkBoundary() {\n        let outer = this._sliderRef.getBoundingClientRect();\n\n        const left = parseInt(\n            this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n        );\n        if (left > 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        }\n\n        const maxLeft = (this._totalWidth - outer.width) * -1;\n        if (left < maxLeft) {\n            this._innerSliderRef.style.setProperty(\n                '--tw-translate-x',\n                `${maxLeft}px`\n            );\n        }\n    }\n\n    private _calculateIndicator() {\n        for (let i = 0; i < this._items.length; i++) {\n            const item = this._items[i];\n            const visible = this._isVisible(item);\n\n            if (visible) {\n                this._visibleIndex = i;\n            }\n\n            if (i === 0 && visible) {\n                break;\n            }\n        }\n    }\n\n    private _checkLocation() {\n        if (!this._shouldCheckLocation) {\n            return;\n        }\n\n        let scrollToIndex = null;\n        if (this._lastIndex !== this._visibleIndex) {\n            scrollToIndex = this._visibleIndex;\n        }\n\n        if (this._lastIndex === this._visibleIndex) {\n            if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n                scrollToIndex = this._lastIndex - 1;\n            }\n\n            if (\n                this._lastMouseX < this._startMouseX &&\n                this._lastIndex !== this._items?.length - 1\n            ) {\n                scrollToIndex = this._lastIndex + 1;\n            }\n        }\n\n        if (scrollToIndex !== null) {\n            this._shouldCheckLocation = false;\n            setTimeout(() => this._scrollTo(scrollToIndex), 100);\n        }\n    }\n\n    private _isVisible(el: HTMLElement) {\n        if (!this._el || !el) {\n            return false;\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return (\n            (elRect.left >= sliderRect.left &&\n                elRect.right <= sliderRect.right) ||\n            (this._isMobile(el) &&\n                elRect.left + elRect.width / 2 >= sliderRect.left &&\n                elRect.left + elRect.width / 2 <= sliderRect.right)\n        );\n    }\n\n    private _calculateWidth() {\n        let totalWidth = 0;\n\n        for (let item of this._items) {\n            const rect = item.getBoundingClientRect();\n            totalWidth += rect.width;\n        }\n\n        const sliderStyle = getComputedStyle(this._sliderRef);\n        const padding = parseInt(sliderStyle.padding) * 2;\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n        totalWidth += padding + gap;\n\n        this._totalWidth = totalWidth;\n    }\n\n    private _calculateHeight() {\n        const outerHeight = this._items.at(0).getBoundingClientRect().height;\n        if (outerHeight != this._outerHeight) {\n            this._outerHeight = outerHeight;\n        }\n    }\n\n    private _isMobile(el?: HTMLElement) {\n        if (!el) {\n            el = this._items.at(0);\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return sliderRect.width - elRect.width < 10;\n    }\n}\n"],"version":3}

package/dist/components/p-counter.js

@@ -4,3 +4,5 @@ const PCounter = Counter;
 const defineCustomElement = defineCustomElement$1;
 
 export { PCounter, defineCustomElement };
+
+//# sourceMappingURL=p-counter.js.map

package/dist/components/p-counter.js.map

@@ -0,0 +1 @@
+{"file":"p-counter.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-datepicker.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PDatepicker extends Components.PDatepicker, HTMLElement {}
+export const PDatepicker: {
+  prototype: PDatepicker;
+  new (): PDatepicker;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;