@paperless/core 1.17.4 → 1.18.0

package/dist/collection/components/molecules/cropper/cropper.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropper.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/cropper/cropper.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,CAAC,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,WAAW,CAAC;AAQnB,MAAM,OAAO,OAAO;;IA2BR,cAAS,GAAG,CAAC,CAAC;IACd,cAAS,GAAG,CAAC,CAAC;mBAxBiC,MAAM;;sBAUnB,QAAQ;mBAoBhC,KAAK;yBAGC,CAAC;;EAGzB,QAAQ;IACJ,IAAI,IAAI,CAAC,sBAAsB,EAAE;MAC7B,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KAC7C;IAED,IAAI,CAAC,sBAAsB,GAAG,UAAU,CAAC,GAAG,EAAE;MAC1C,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;MAC7B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,GAAG,CAAC,CAAC;EACZ,CAAC;EAED,gBAAgB;IACZ,UAAU,CAAC,GAAG,EAAE;MACZ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC,EAAE,GAAG,CAAC,CAAC;EACZ,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,WAAW;MAClB,IAAI,CAAC,OAAO,IAAI,CACb,sBACI,KAAK,EAAC,iFAAiF,EACvF,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;QAEhC,qBACI,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAC,SAAS,EACb,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CACT,IAAI,CAAC,YAAY,CAAC,GAAmB,CAAC,EAE1C,QAAQ,QACR,WAAW,EAAC,WAAW,GACzB;QACF,qBACI,KAAK,EAAE,IAAI,CAAC;YACR,eAAe,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;WACtC,CAAC,iBACU,0BAA0B,EACtC,MAAM,SACR;QACF,6CACqB,KAAK,kBACT,GAAG,EAChB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CACT,CAAC,IAAI,CAAC,aAAa,GAAG,GAAuB,CAAC,GAEpD;QAEF,sBAAgB,MAAM,EAAC,MAAM,EAAC,KAAK,SAAkB,CACxC,CACpB;MAED,WAAK,KAAK,EAAC,mFAAmF;QAC1F,cAAQ,OAAO,EAAC,OAAO,GAAG;QAC1B,aACI,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CACZ,IAAI,CAAC,QAAQ,CAAE,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAExD,IAAI,EAAC,KAAK,GACZ;QACF,cAAQ,OAAO,EAAC,MAAM,GAAG,CACvB,CACH,CACV,CAAC;EACN,CAAC;EAEO,YAAY,CAAC,GAAiB;IAClC,IAAI,IAAI,CAAC,SAAS,EAAE;MAChB,OAAO;KACV;IAED,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CACtD,CAAC;EACN,CAAC;EAEO,gBAAgB,CAAC,KAAK;IAC1B,IAAI,KAAa,CAAC;IAClB,IAAI,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,EAAE;MAC1C,sBAAsB;MACtB,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC;KACrC;IAED,IAAI,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,EAAE;MAC3C,qBAAqB;MACrB,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC;KACpC;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IAE/C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IACrD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;IAE7B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,IAAI,CAAC,SAAS,EAAE,CAAC;EACrB,CAAC;EAEO,SAAS;IACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxB,IAAI,CAAC,SAAS,EAAE,CAAC;EACrB,CAAC;EAEO,SAAS,CACb,KAAa,EACb,YAAqB,IAAI,EACzB,kBAA2B,IAAI;IAE/B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IACjD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;MACzB,KAAK;MACL,CAAC;MACD,CAAC;MACD,KAAK;MACL,SAAS,CAAC,CAAC,CAAC;MACZ,SAAS,CAAC,CAAC,CAAC;KACf,CAAC,CAAC;IAEH,IAAI,SAAS,EAAE;MACX,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;KAC5B;IAED,IAAI,eAAe,EAAE;MACjB,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;EACL,CAAC;EAEO,gBAAgB;IACpB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAE7B,IAAI,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;MAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;MAC5C,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;MACvB,OAAO;KACV;IAED,IAAI,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;MAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;MAC5C,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;MACzB,OAAO;KACV;IAED,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;MAC5B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;MACvB,OAAO;KACV;IAED,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;MAC5B,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;MACzB,OAAO;KACV;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACnD,MAAM,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IAE7C,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;IACpD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;EACpC,CAAC;EAEO,QAAQ,CAAC,KAAK;IAClB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IAEnD,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IAEzC,IAAI,KAAK,KAAK,OAAO,EAAE;MACnB,OAAO;KACV;IAED,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAE3B,IAAI,CAAC,SAAS,EAAE,CAAC;EACrB,CAAC;EAEO,SAAS;IACb,IAAI,IAAI,CAAC,wBAAwB,EAAE;MAC/B,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;KAC/C;IAED,IAAI,CAAC,wBAAwB,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;MAClD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;MACpD,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,OAAO;OACV;MAED,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;MAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,GAAG,CAAC,CAAC;EACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Event,\n    EventEmitter,\n    Host,\n    Listen,\n    Prop,\n    State,\n    h,\n} from '@stencil/core';\nimport { clsx } from 'clsx';\nimport 'cropperjs';\nimport { CropperImage, CropperSelection } from 'cropperjs';\n\n@Component({\n    tag: 'p-cropper',\n    styleUrl: 'cropper.component.scss',\n    shadow: true,\n})\nexport class Cropper {\n    /**\n     * Variant of the image that's being cropped\n     */\n    @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n    /**\n     * The image to crop (url or base64)\n     */\n    @Prop() value: any;\n\n    /**\n     * The return type of the onchange\n     */\n    @Prop() returnType: 'canvas' | 'base64' = 'base64';\n\n    /**\n     * Event when the value changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    valueChange: EventEmitter<any>;\n\n    private _imageRef: CropperImage;\n    private _selectionRef: CropperSelection;\n\n    private _maxScale = 0;\n    private _minScale = 0;\n\n    private _resizeDebounceTimeout: NodeJS.Timer;\n    private _toCanvasDebounceTimeout: NodeJS.Timer;\n\n    @State()\n    private _loaded = false;\n\n    @State()\n    private _currentScale = 0;\n\n    @Listen('resize', { target: 'window' })\n    onResize() {\n        if (this._resizeDebounceTimeout) {\n            clearTimeout(this._resizeDebounceTimeout);\n        }\n\n        this._resizeDebounceTimeout = setTimeout(() => {\n            this._selectionRef.$center();\n            this._imageRef.$center();\n        }, 200);\n    }\n\n    componentDidLoad() {\n        setTimeout(() => {\n            this._loaded = true;\n        }, 200);\n    }\n\n    render() {\n        return (\n            <Host class=\"p-cropper\">\n                {this._loaded && (\n                    <cropper-canvas\n                        class=\"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white\"\n                        onAction={() => this._onAction()}\n                    >\n                        <cropper-image\n                            src={this.value}\n                            alt=\"Picture\"\n                            ref={(ref) =>\n                                this._setImageRef(ref as CropperImage)\n                            }\n                            scalable\n                            crossorigin=\"anonymous\"\n                        />\n                        <cropper-shade\n                            class={clsx({\n                                'rounded-round': this.variant === 'user',\n                                rounded: this.variant === 'company',\n                            })}\n                            theme-color=\"rgba(255, 255, 255, 0.5)\"\n                            hidden\n                        />\n                        <cropper-selection\n                            initial-coverage=\"0.7\"\n                            aspect-ratio=\"1\"\n                            ref={(ref) =>\n                                (this._selectionRef = ref as CropperSelection)\n                            }\n                        />\n\n                        <cropper-handle action=\"move\" plain></cropper-handle>\n                    </cropper-canvas>\n                )}\n\n                <div class=\"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1\">\n                    <p-icon variant=\"minus\" />\n                    <input\n                        class=\"p-input w-full\"\n                        type=\"range\"\n                        min=\"0\"\n                        max=\"100\"\n                        value={this._currentScale}\n                        onInput={(ev) =>\n                            this._onInput((ev.target as HTMLInputElement).value)\n                        }\n                        step=\"0.5\"\n                    />\n                    <p-icon variant=\"plus\" />\n                </div>\n            </Host>\n        );\n    }\n\n    private _setImageRef(ref: CropperImage) {\n        if (this._imageRef) {\n            return;\n        }\n\n        this._imageRef = ref;\n        this._imageRef.$ready((image) =>\n            setTimeout(() => this._setInitialState(image), 200)\n        );\n    }\n\n    private _setInitialState(image) {\n        let scale: number;\n        if (image.naturalWidth > image.naturalHeight) {\n            // set scale by height\n            scale = 200 / image.naturalHeight;\n        }\n\n        if (image.naturalHeight >= image.naturalWidth) {\n            // set scale by width\n            scale = 200 / image.naturalWidth;\n        }\n\n        const current = this._imageRef.$getTransform();\n\n        this._minScale = scale;\n        this._maxScale = current[0];\n\n        this._selectionRef.$resize('nw-resize', 200, 200, 1);\n        this._selectionRef.$center();\n\n        this._setScale(scale);\n        this._toCanvas();\n    }\n\n    private _onAction() {\n        this._setCurrentScale();\n        this._toCanvas();\n    }\n\n    private _setScale(\n        scale: number,\n        setCenter: boolean = true,\n        setCurrentScale: boolean = true\n    ) {\n        const transform = this._imageRef.$getTransform();\n        this._imageRef.$setTransform([\n            scale,\n            0,\n            0,\n            scale,\n            transform[4],\n            transform[5],\n        ]);\n\n        if (setCenter) {\n            this._imageRef.$center();\n        }\n\n        if (setCurrentScale) {\n            this._setCurrentScale();\n        }\n    }\n\n    private _setCurrentScale() {\n        const transform = this._imageRef.$getTransform();\n        const current = transform[0];\n\n        if (current < this._minScale) {\n            this._setScale(this._minScale, true, false);\n            this._currentScale = 0;\n            return;\n        }\n\n        if (current > this._maxScale) {\n            this._setScale(this._maxScale, true, false);\n            this._currentScale = 100;\n            return;\n        }\n\n        if (current === this._minScale) {\n            this._currentScale = 0;\n            return;\n        }\n\n        if (current === this._maxScale) {\n            this._currentScale = 100;\n            return;\n        }\n\n        const minMaxDiff = this._maxScale - this._minScale;\n        const currentDiff = current - this._minScale;\n\n        const percentage = (currentDiff / minMaxDiff) * 100;\n        this._currentScale = percentage;\n    }\n\n    private _onInput(value) {\n        const transform = this._imageRef.$getTransform();\n        const current = transform[0];\n        const minMaxDiff = this._maxScale - this._minScale;\n\n        const toSet = minMaxDiff * (value / 100);\n\n        if (toSet === current) {\n            return;\n        }\n\n        this._setScale(toSet + this._minScale, false, false);\n        this._currentScale = value;\n\n        this._toCanvas();\n    }\n\n    private _toCanvas() {\n        if (this._toCanvasDebounceTimeout) {\n            clearTimeout(this._toCanvasDebounceTimeout);\n        }\n\n        this._toCanvasDebounceTimeout = setTimeout(async () => {\n            const canvas = await this._selectionRef.$toCanvas();\n            if (this.returnType === 'canvas') {\n                this.valueChange.emit(canvas);\n                return;\n            }\n\n            const data = canvas.toDataURL('image/png');\n            this.valueChange.emit(data);\n        }, 200);\n    }\n}\n"]}
+{"version":3,"file":"cropper.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/cropper/cropper.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { clsx } from 'clsx';\nimport 'cropperjs';\nimport { CropperImage, CropperSelection } from 'cropperjs';\n\n@Component({\n\ttag: 'p-cropper',\n\tstyleUrl: 'cropper.component.scss',\n\tshadow: true,\n})\nexport class Cropper {\n\t/**\n\t * Variant of the image that's being cropped\n\t */\n\t@Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n\t/**\n\t * The image to crop (url or base64)\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The return type of the onchange\n\t */\n\t@Prop() returnType: 'canvas' | 'base64' = 'base64';\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\tprivate _imageRef: CropperImage;\n\tprivate _selectionRef: CropperSelection;\n\n\tprivate _maxScale = 0;\n\tprivate _minScale = 0;\n\n\tprivate _resizeDebounceTimeout: NodeJS.Timer;\n\tprivate _toCanvasDebounceTimeout: NodeJS.Timer;\n\n\t@State()\n\tprivate _loaded = false;\n\n\t@State()\n\tprivate _currentScale = 0;\n\n\t@Listen('resize', { target: 'window' })\n\tonResize() {\n\t\tif (this._resizeDebounceTimeout) {\n\t\t\tclearTimeout(this._resizeDebounceTimeout);\n\t\t}\n\n\t\tthis._resizeDebounceTimeout = setTimeout(() => {\n\t\t\tthis._selectionRef.$center();\n\t\t\tthis._imageRef.$center();\n\t\t}, 200);\n\t}\n\n\tcomponentDidLoad() {\n\t\tsetTimeout(() => {\n\t\t\tthis._loaded = true;\n\t\t}, 200);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-cropper\">\n\t\t\t\t{this._loaded && (\n\t\t\t\t\t<cropper-canvas\n\t\t\t\t\t\tclass=\"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white\"\n\t\t\t\t\t\tonAction={() => this._onAction()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<cropper-image\n\t\t\t\t\t\t\tsrc={this.value}\n\t\t\t\t\t\t\talt=\"Picture\"\n\t\t\t\t\t\t\tref={(ref) =>\n\t\t\t\t\t\t\t\tthis._setImageRef(ref as CropperImage)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tscalable\n\t\t\t\t\t\t\tcrossorigin=\"anonymous\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<cropper-shade\n\t\t\t\t\t\t\tclass={clsx({\n\t\t\t\t\t\t\t\t'rounded-round': this.variant === 'user',\n\t\t\t\t\t\t\t\trounded: this.variant === 'company',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttheme-color=\"rgba(255, 255, 255, 0.5)\"\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<cropper-selection\n\t\t\t\t\t\t\tinitial-coverage=\"0.7\"\n\t\t\t\t\t\t\taspect-ratio=\"1\"\n\t\t\t\t\t\t\tref={(ref) =>\n\t\t\t\t\t\t\t\t(this._selectionRef = ref as CropperSelection)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<cropper-handle action=\"move\" plain></cropper-handle>\n\t\t\t\t\t</cropper-canvas>\n\t\t\t\t)}\n\n\t\t\t\t<div class=\"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1\">\n\t\t\t\t\t<p-icon variant=\"minus\" />\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"p-input w-full\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\tmin=\"0\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t\tvalue={this._currentScale}\n\t\t\t\t\t\tonInput={(ev) =>\n\t\t\t\t\t\t\tthis._onInput((ev.target as HTMLInputElement).value)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep=\"0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t<p-icon variant=\"plus\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setImageRef(ref: CropperImage) {\n\t\tif (this._imageRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._imageRef = ref;\n\t\tthis._imageRef.$ready((image) =>\n\t\t\tsetTimeout(() => this._setInitialState(image), 200)\n\t\t);\n\t}\n\n\tprivate _setInitialState(image) {\n\t\tlet scale: number;\n\t\tif (image.naturalWidth > image.naturalHeight) {\n\t\t\t// set scale by height\n\t\t\tscale = 200 / image.naturalHeight;\n\t\t}\n\n\t\tif (image.naturalHeight >= image.naturalWidth) {\n\t\t\t// set scale by width\n\t\t\tscale = 200 / image.naturalWidth;\n\t\t}\n\n\t\tconst current = this._imageRef.$getTransform();\n\n\t\tthis._minScale = scale;\n\t\tthis._maxScale = current[0];\n\n\t\tthis._selectionRef.$resize('nw-resize', 200, 200, 1);\n\t\tthis._selectionRef.$center();\n\n\t\tthis._setScale(scale);\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _onAction() {\n\t\tthis._setCurrentScale();\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _setScale(\n\t\tscale: number,\n\t\tsetCenter: boolean = true,\n\t\tsetCurrentScale: boolean = true\n\t) {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tthis._imageRef.$setTransform([\n\t\t\tscale,\n\t\t\t0,\n\t\t\t0,\n\t\t\tscale,\n\t\t\ttransform[4],\n\t\t\ttransform[5],\n\t\t]);\n\n\t\tif (setCenter) {\n\t\t\tthis._imageRef.$center();\n\t\t}\n\n\t\tif (setCurrentScale) {\n\t\t\tthis._setCurrentScale();\n\t\t}\n\t}\n\n\tprivate _setCurrentScale() {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tconst current = transform[0];\n\n\t\tif (current < this._minScale) {\n\t\t\tthis._setScale(this._minScale, true, false);\n\t\t\tthis._currentScale = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current > this._maxScale) {\n\t\t\tthis._setScale(this._maxScale, true, false);\n\t\t\tthis._currentScale = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current === this._minScale) {\n\t\t\tthis._currentScale = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current === this._maxScale) {\n\t\t\tthis._currentScale = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tconst minMaxDiff = this._maxScale - this._minScale;\n\t\tconst currentDiff = current - this._minScale;\n\n\t\tconst percentage = (currentDiff / minMaxDiff) * 100;\n\t\tthis._currentScale = percentage;\n\t}\n\n\tprivate _onInput(value) {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tconst current = transform[0];\n\t\tconst minMaxDiff = this._maxScale - this._minScale;\n\n\t\tconst toSet = minMaxDiff * (value / 100);\n\n\t\tif (toSet === current) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._setScale(toSet + this._minScale, false, false);\n\t\tthis._currentScale = value;\n\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _toCanvas() {\n\t\tif (this._toCanvasDebounceTimeout) {\n\t\t\tclearTimeout(this._toCanvasDebounceTimeout);\n\t\t}\n\n\t\tthis._toCanvasDebounceTimeout = setTimeout(async () => {\n\t\t\tconst canvas = await this._selectionRef.$toCanvas();\n\t\t\tif (this.returnType === 'canvas') {\n\t\t\t\tthis.valueChange.emit(canvas);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst data = canvas.toDataURL('image/png');\n\t\t\tthis.valueChange.emit(data);\n\t\t}, 200);\n\t}\n}\n"]}

package/dist/collection/components/molecules/cropper/test/cropper.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropper.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/cropper/test/cropper.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-cropper', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-cropper></p-cropper>');\n        const element = await page.find('p-cropper');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-cropper></p-cropper>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-cropper');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"cropper.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/cropper/test/cropper.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-cropper', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-cropper></p-cropper>');\n\t\tconst element = await page.find('p-cropper');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-cropper></p-cropper>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-cropper');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/cropper/test/cropper.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/cropper/test/cropper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Cropper } from '../cropper.component';\n\ndescribe('p-cropper', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Cropper],\n            html: '<p-cropper></p-cropper>',\n        });\n        expect(root).toEqualHtml(`\n      <p-cropper class=\"p-cropper\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-cropper>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"cropper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/cropper/test/cropper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAC/B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Cropper } from '../cropper.component';\n\ndescribe('p-cropper', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Cropper],\n\t\t\thtml: '<p-cropper></p-cropper>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-cropper class=\"p-cropper\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-cropper>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/datepicker/datepicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/datepicker/datepicker.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport {\n    format,\n    isAfter,\n    isBefore,\n    isSameDay,\n    isValid,\n    parse,\n    startOfDay,\n} from 'date-fns';\nimport { childOf } from '../../../utils';\n\n@Component({\n    tag: 'p-datepicker',\n    styleUrl: 'datepicker.component.scss',\n    shadow: false,\n})\nexport class Datepicker {\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: Date | string | null | undefined;\n\n    /**\n     * Wethter to automatically preselect today\n     */\n    @Prop() preselectToday: boolean = false;\n\n    /**\n     * Disabled dates\n     */\n    @Prop() disabledDates?: Array<Date | string> | string;\n\n    /**\n     * Min date\n     */\n    @Prop() minDate?: Date | string;\n\n    /**\n     * Max date\n     */\n    @Prop() maxDate?: Date | string;\n\n    /**\n     * Wether to disable the weekends\n     */\n    @Prop() disableWeekends: boolean = false;\n\n    /**\n     * The mode of the datepicker\n     */\n    @Prop() mode: 'year' | 'month' | 'day' = 'day';\n\n    /**\n     * Event when the value changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    valueChange: EventEmitter<any>;\n\n    /**\n     * The display & parse format to use\n     */\n    @Prop() format: string = 'dd-MM-yyyy';\n\n    /**\n     * The size of the input group used by the datepicker\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the datepicker\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the datepicker\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the datepicker\n     */\n    @Prop() helper: string;\n\n    /**\n     * Wether the field is required\n     */\n    @Prop({ reflect: true }) required: boolean;\n\n    /**\n     * The helper of the input group used by the datepicker\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the datepicker\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _value: Date;\n    @State() private _minDate: Date;\n    @State() private _maxDate: Date;\n    @State() private _disabledDates: Date[] = [];\n\n    private _onInputTimeout: NodeJS.Timeout;\n\n    private _defaultFormats = {\n        year: 'yyyy',\n        month: 'LLLL, yyyy',\n        day: 'dd-MM-yyyy',\n    };\n\n    @Watch('value')\n    protected parseValue(value: string | Date) {\n        if (!value && this.preselectToday) {\n            value = new Date();\n        }\n\n        if (typeof value === 'string') {\n            value = new Date(value);\n        }\n\n        this._setValue(value);\n    }\n\n    @Watch('minDate')\n    protected parseMinDate(minDate: string | Date) {\n        if (typeof minDate === 'string') {\n            minDate = new Date(minDate);\n        }\n\n        if (!isValid(minDate)) {\n            return;\n        }\n\n        this._minDate = minDate;\n\n        if (isBefore(this._value, this._minDate)) {\n            this._setValue(null);\n        }\n    }\n\n    @Watch('maxDate')\n    protected parseMaxDate(maxDate: string | Date) {\n        if (typeof maxDate === 'string') {\n            maxDate = new Date(maxDate);\n        }\n\n        if (!isValid(maxDate)) {\n            return;\n        }\n\n        this._maxDate = maxDate;\n\n        if (isAfter(this._value, this._maxDate)) {\n            this._setValue(null);\n        }\n    }\n\n    @Watch('disabledDates')\n    protected parseDisabledDates(disabledDates: Array<string | Date> | string) {\n        if (typeof disabledDates === 'string') {\n            disabledDates = JSON.parse(disabledDates);\n        }\n\n        if (!disabledDates || !Array.isArray(disabledDates)) {\n            return;\n        }\n\n        // normalize all to date\n        this._disabledDates = disabledDates\n            .map((date) => {\n                if (typeof date === 'string') {\n                    return new Date(date);\n                }\n\n                return date;\n            })\n            .filter((date) => isValid(date));\n\n        if (this._isDisabledDay(this._value)) {\n            this._setValue(null);\n        }\n    }\n\n    componentWillLoad() {\n        if (this.disabledDates) {\n            this.parseDisabledDates(this.disabledDates);\n        }\n\n        if (this.minDate) {\n            this.parseMinDate(this.minDate);\n        }\n\n        if (this.maxDate) {\n            this.parseMaxDate(this.maxDate);\n        }\n\n        if (\n            this.mode !== 'day' &&\n            this.format === this._defaultFormats['day']\n        ) {\n            this.format = this._defaultFormats[this.mode];\n        }\n\n        this.parseValue(this.value);\n    }\n\n    render() {\n        return (\n            <Host class=\"p-datepicker\">\n                <p-dropdown\n                    disableTriggerClick={true}\n                    applyMaxWidth={false}\n                    applyFullWidth={false}\n                    insideClick={true}\n                    show={this._showDropdown}\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon=\"calendar\"\n                        iconPosition=\"start\"\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        required={this.required}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this.placeholder}\n                            value={this._getFormattedDate()}\n                            class=\"p-input cursor-pointer\"\n                            onFocus={() => this._onFocus()}\n                            onBlur={(ev) => this._onBlur(ev)}\n                            onInput={(ev) => this._onInput(ev)}\n                        />\n                    </p-input-group>\n                    <div slot=\"items\">\n                        <p-calendar\n                            variant=\"embedded\"\n                            value={this._value}\n                            onValueChange={({ detail }) =>\n                                (this.value = detail)\n                            }\n                            preselectToday={this.preselectToday}\n                            disabledDates={this.disabledDates}\n                            minDate={this.minDate}\n                            maxDate={this.maxDate}\n                            disableWeekends={this.disableWeekends}\n                            mode={this.mode}\n                        />\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n    }\n\n    private _onFocus() {\n        this._showDropdown = true;\n    }\n\n    private _onBlur(ev) {\n        if (ev.target.value === null) {\n            return;\n        }\n\n        const value = parse(ev.target.value, this.format, new Date());\n\n        if (!isValid(value) || this._isDisabledDay(value)) {\n            ev.target.value = this._getFormattedDate();\n            return;\n        }\n    }\n\n    private _onInput(ev) {\n        if (this._onInputTimeout) {\n            clearTimeout(this._onInputTimeout);\n            this._onInputTimeout = null;\n        }\n\n        this._onInputTimeout = setTimeout(() => {\n            const value = parse(ev.target.value, this.format, new Date());\n            if (!isValid(value)) {\n                return;\n            }\n\n            this._setValue(value, false);\n        }, 250);\n    }\n\n    private _setValue(value: Date | null, hideDropdown = true) {\n        if (value === null) {\n            this._value = null;\n            this.valueChange.emit(null);\n            return;\n        }\n\n        if (!isValid(value)) {\n            return;\n        }\n\n        if (this._isDisabledDay(value)) {\n            return;\n        }\n\n        value = startOfDay(value);\n        const isSameValue = isSameDay(value, this._value);\n\n        if (isSameValue) {\n            return;\n        }\n\n        if (hideDropdown) {\n            this._showDropdown = false;\n        }\n\n        this._value = value;\n        this.valueChange.emit(value);\n    }\n\n    private _isDisabledDay(day: Date) {\n        return (\n            (isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||\n            (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||\n            this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0\n        );\n    }\n\n    private _getFormattedDate() {\n        if (!this._value) {\n            return '';\n        }\n\n        return format(this._value, this.format);\n    }\n}\n"]}
+{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/datepicker/datepicker.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport {\n\tformat,\n\tisAfter,\n\tisBefore,\n\tisSameDay,\n\tisValid,\n\tparse,\n\tstartOfDay,\n} from 'date-fns';\nimport { childOf } from '../../../utils';\n\n@Component({\n\ttag: 'p-datepicker',\n\tstyleUrl: 'datepicker.component.scss',\n\tshadow: false,\n})\nexport class Datepicker {\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: Date | string | null | undefined;\n\n\t/**\n\t * Wethter to automatically preselect today\n\t */\n\t@Prop() preselectToday: boolean = false;\n\n\t/**\n\t * Disabled dates\n\t */\n\t@Prop() disabledDates?: Array<Date | string> | string;\n\n\t/**\n\t * Min date\n\t */\n\t@Prop() minDate?: Date | string;\n\n\t/**\n\t * Max date\n\t */\n\t@Prop() maxDate?: Date | string;\n\n\t/**\n\t * Wether to disable the weekends\n\t */\n\t@Prop() disableWeekends: boolean = false;\n\n\t/**\n\t * The mode of the datepicker\n\t */\n\t@Prop() mode: 'year' | 'month' | 'day' = 'day';\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * The display & parse format to use\n\t */\n\t@Prop() format: string = 'dd-MM-yyyy';\n\n\t/**\n\t * The size of the input group used by the datepicker\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The prefix of the input group used by the datepicker\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the datepicker\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the datepicker\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group used by the datepicker\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the datepicker\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _value: Date;\n\t@State() private _minDate: Date;\n\t@State() private _maxDate: Date;\n\t@State() private _disabledDates: Date[] = [];\n\n\tprivate _onInputTimeout: NodeJS.Timeout;\n\n\tprivate _defaultFormats = {\n\t\tyear: 'yyyy',\n\t\tmonth: 'LLLL, yyyy',\n\t\tday: 'dd-MM-yyyy',\n\t};\n\n\t@Watch('value')\n\tprotected parseValue(value: string | Date) {\n\t\tif (!value && this.preselectToday) {\n\t\t\tvalue = new Date();\n\t\t}\n\n\t\tif (typeof value === 'string') {\n\t\t\tvalue = new Date(value);\n\t\t}\n\n\t\tthis._setValue(value);\n\t}\n\n\t@Watch('minDate')\n\tprotected parseMinDate(minDate: string | Date) {\n\t\tif (typeof minDate === 'string') {\n\t\t\tminDate = new Date(minDate);\n\t\t}\n\n\t\tif (!isValid(minDate)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._minDate = minDate;\n\n\t\tif (isBefore(this._value, this._minDate)) {\n\t\t\tthis._setValue(null);\n\t\t}\n\t}\n\n\t@Watch('maxDate')\n\tprotected parseMaxDate(maxDate: string | Date) {\n\t\tif (typeof maxDate === 'string') {\n\t\t\tmaxDate = new Date(maxDate);\n\t\t}\n\n\t\tif (!isValid(maxDate)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._maxDate = maxDate;\n\n\t\tif (isAfter(this._value, this._maxDate)) {\n\t\t\tthis._setValue(null);\n\t\t}\n\t}\n\n\t@Watch('disabledDates')\n\tprotected parseDisabledDates(disabledDates: Array<string | Date> | string) {\n\t\tif (typeof disabledDates === 'string') {\n\t\t\tdisabledDates = JSON.parse(disabledDates);\n\t\t}\n\n\t\tif (!disabledDates || !Array.isArray(disabledDates)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// normalize all to date\n\t\tthis._disabledDates = disabledDates\n\t\t\t.map((date) => {\n\t\t\t\tif (typeof date === 'string') {\n\t\t\t\t\treturn new Date(date);\n\t\t\t\t}\n\n\t\t\t\treturn date;\n\t\t\t})\n\t\t\t.filter((date) => isValid(date));\n\n\t\tif (this._isDisabledDay(this._value)) {\n\t\t\tthis._setValue(null);\n\t\t}\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (this.disabledDates) {\n\t\t\tthis.parseDisabledDates(this.disabledDates);\n\t\t}\n\n\t\tif (this.minDate) {\n\t\t\tthis.parseMinDate(this.minDate);\n\t\t}\n\n\t\tif (this.maxDate) {\n\t\t\tthis.parseMaxDate(this.maxDate);\n\t\t}\n\n\t\tif (\n\t\t\tthis.mode !== 'day' &&\n\t\t\tthis.format === this._defaultFormats['day']\n\t\t) {\n\t\t\tthis.format = this._defaultFormats[this.mode];\n\t\t}\n\n\t\tthis.parseValue(this.value);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-datepicker\">\n\t\t\t\t<p-dropdown\n\t\t\t\t\tdisableTriggerClick={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tapplyFullWidth={false}\n\t\t\t\t\tinsideClick={true}\n\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t>\n\t\t\t\t\t<p-input-group\n\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\ticon=\"calendar\"\n\t\t\t\t\t\ticonPosition=\"start\"\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\t\tlabel={this.label}\n\t\t\t\t\t\thelper={this.helper}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tfocused={this._showDropdown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tslot=\"input\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tvalue={this._getFormattedDate()}\n\t\t\t\t\t\t\tclass=\"p-input cursor-pointer\"\n\t\t\t\t\t\t\tonFocus={() => this._onFocus()}\n\t\t\t\t\t\t\tonBlur={(ev) => this._onBlur(ev)}\n\t\t\t\t\t\t\tonInput={(ev) => this._onInput(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</p-input-group>\n\t\t\t\t\t<div slot=\"items\">\n\t\t\t\t\t\t<p-calendar\n\t\t\t\t\t\t\tvariant=\"embedded\"\n\t\t\t\t\t\t\tvalue={this._value}\n\t\t\t\t\t\t\tonValueChange={({ detail }) =>\n\t\t\t\t\t\t\t\t(this.value = detail)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpreselectToday={this.preselectToday}\n\t\t\t\t\t\t\tdisabledDates={this.disabledDates}\n\t\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\t\tdisableWeekends={this.disableWeekends}\n\t\t\t\t\t\t\tmode={this.mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._showDropdown || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onFocus() {\n\t\tthis._showDropdown = true;\n\t}\n\n\tprivate _onBlur(ev) {\n\t\tif (ev.target.value === null) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = parse(ev.target.value, this.format, new Date());\n\n\t\tif (!isValid(value) || this._isDisabledDay(value)) {\n\t\t\tev.target.value = this._getFormattedDate();\n\t\t\treturn;\n\t\t}\n\t}\n\n\tprivate _onInput(ev) {\n\t\tif (this._onInputTimeout) {\n\t\t\tclearTimeout(this._onInputTimeout);\n\t\t\tthis._onInputTimeout = null;\n\t\t}\n\n\t\tthis._onInputTimeout = setTimeout(() => {\n\t\t\tconst value = parse(ev.target.value, this.format, new Date());\n\t\t\tif (!isValid(value)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._setValue(value, false);\n\t\t}, 250);\n\t}\n\n\tprivate _setValue(value: Date | null, hideDropdown = true) {\n\t\tif (value === null) {\n\t\t\tthis._value = null;\n\t\t\tthis.valueChange.emit(null);\n\t\t\treturn;\n\t\t}\n\n\t\tif (!isValid(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._isDisabledDay(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tvalue = startOfDay(value);\n\t\tconst isSameValue = isSameDay(value, this._value);\n\n\t\tif (isSameValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (hideDropdown) {\n\t\t\tthis._showDropdown = false;\n\t\t}\n\n\t\tthis._value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _isDisabledDay(day: Date) {\n\t\treturn (\n\t\t\t(isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||\n\t\t\t(isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||\n\t\t\tthis._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0\n\t\t);\n\t}\n\n\tprivate _getFormattedDate() {\n\t\tif (!this._value) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn format(this._value, this.format);\n\t}\n}\n"]}

package/dist/collection/components/molecules/datepicker/test/datepicker.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/datepicker/test/datepicker.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-datepicker', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-datepicker></p-datepicker>');\n        const element = await page.find('p-datepicker');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-datepicker></p-datepicker>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-datepicker');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"datepicker.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/datepicker/test/datepicker.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-datepicker', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-datepicker></p-datepicker>');\n\t\tconst element = await page.find('p-datepicker');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-datepicker></p-datepicker>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-datepicker');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/datepicker/test/datepicker.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/datepicker/test/datepicker.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,+BAA+B;KACxC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Datepicker } from '../datepicker.component';\n\ndescribe('p-datepicker', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Datepicker],\n            html: '<p-datepicker></p-datepicker>',\n        });\n        expect(root).toEqualHtml(`\n      <p-datepicker class=\"p-datepicker\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-datepicker>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"datepicker.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/datepicker/test/datepicker.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,+BAA+B;KACrC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Datepicker } from '../datepicker.component';\n\ndescribe('p-datepicker', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Datepicker],\n\t\t\thtml: '<p-datepicker></p-datepicker>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-datepicker class=\"p-datepicker\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-datepicker>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/dropdown/dropdown.component.js

@@ -13,6 +13,7 @@ export class Dropdown {
     this.scrollable = false;
     this.insideClick = false;
     this.disableTriggerClick = false;
+    this.applyChevron = true;
     this.chevronPosition = 'end';
     this.chevronDirection = undefined;
   }
@@ -29,6 +30,9 @@ export class Dropdown {
     return (h(Host, { class: "p-dropdown" }, h("div", { class: "trigger", ref: (ref) => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), h("p-dropdown-menu-container", { role: "popover", maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, ref: (el) => this._load(el), "data-placement": this.placement, "data-strategy": this.strategy, onClick: () => this._containerClickHandler(), scrollable: this.scrollable }, h("slot", { name: "items" }))));
   }
   _checkButton({ target }) {
+    if (!this.applyChevron) {
+      return;
+    }
     const slot = target;
     const children = slot.assignedElements();
     for (let child of children) {
@@ -315,6 +319,24 @@ export class Dropdown {
         "reflect": false,
         "defaultValue": "false"
       },
+      "applyChevron": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to apply chevron automatically"
+        },
+        "attribute": "apply-chevron",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "chevronPosition": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/molecules/dropdown/dropdown.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown/dropdown.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\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    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.component.scss',\n    shadow: true,\n})\nexport class Dropdown {\n    /**\n     * The content of the dropdown menu\n     */\n    @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the dropdown menu\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to automatically calculate the width of the menu based on the trigger\n     */\n    @Prop() calculateWidth: boolean = false;\n\n    /**\n     * Wether to apply the max width\n     */\n    @Prop() applyMaxWidth: boolean = true;\n\n    /**\n     * Wether to apply the full width\n     */\n    @Prop() applyFullWidth: boolean = true;\n\n    /**\n     * Wether the dropdown container should be scrollable when the threshold is met.\n     */\n    @Prop() scrollable: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() insideClick: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() disableTriggerClick: boolean = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Chevron direction\n     */\n    @Prop() chevronDirection: 'up' | 'down';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _trigger: HTMLElement;\n    private _menu: 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-dropdown\">\n                <div\n                    class=\"trigger\"\n                    ref={(ref) => (this._trigger = ref)}\n                    onClick={() => this._triggerClickHandler()}\n                >\n                    <slot\n                        onSlotchange={(ev) => this._checkButton(ev)}\n                        name=\"trigger\"\n                    />\n                </div>\n                <p-dropdown-menu-container\n                    role=\"popover\"\n                    maxWidth={!this.calculateWidth && this.applyMaxWidth}\n                    fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n                    ref={(el) => this._load(el)}\n                    data-placement={this.placement}\n                    data-strategy={this.strategy}\n                    onClick={() => this._containerClickHandler()}\n                    scrollable={this.scrollable}\n                >\n                    <slot name=\"items\" />\n                </p-dropdown-menu-container>\n            </Host>\n        );\n    }\n\n    private _checkButton({ target }: Event) {\n        const slot = target as HTMLSlotElement;\n        const children = slot.assignedElements();\n\n        for (let child of children) {\n            if (child.nodeName === 'P-BUTTON') {\n                (child as any).chevronPosition = this.chevronPosition;\n                (child as any).chevron = this.chevronDirection\n                    ? this.chevronDirection\n                    : this.placement.indexOf('top') >= 0\n                    ? 'up'\n                    : 'down';\n            }\n        }\n    }\n\n    @Watch('show')\n    protected onShowChange(show) {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (!show) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (\n            !this._menu.hasAttribute('data-show') ||\n            childOf(target, this._el)\n        ) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _containerClickHandler() {\n        if (this.insideClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n        }\n    }\n\n    private _triggerClickHandler() {\n        if (this.disableTriggerClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    private _load(popover: HTMLElement) {\n        this._menu = 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 _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        if (this.calculateWidth) {\n            this._menu.style.width = `${this._trigger.clientWidth}px`;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n        this._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _update() {\n        if (!this._menu) {\n            return;\n        }\n\n        computePosition(this._el, this._menu, {\n            placement: this.placement,\n            strategy: this.strategy,\n            middleware: [offset(8), flip(), shift()],\n        }).then(({ x, y, placement }) => {\n            this._menu.dataset.placement = placement;\n            Object.assign(this._menu.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n        });\n    }\n}\n"]}
+{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown/dropdown.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.scss',\n\tshadow: true,\n})\nexport class Dropdown {\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\tprivate _loaded = false;\n\tprivate _trigger: HTMLElement;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-dropdown\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\tref={(ref) => (this._trigger = ref)}\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tonSlotchange={(ev) => this._checkButton(ev)}\n\t\t\t\t\t\tname=\"trigger\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\trole=\"popover\"\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tref={(el) => this._load(el)}\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"items\" />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButton({ target }: Event) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst slot = target as HTMLSlotElement;\n\t\tconst children = slot.assignedElements();\n\n\t\tfor (let child of children) {\n\t\t\tif (child.nodeName === 'P-BUTTON') {\n\t\t\t\t(child as any).chevronPosition = this.chevronPosition;\n\t\t\t\t(child as any).chevron = this.chevronDirection\n\t\t\t\t\t? this.chevronDirection\n\t\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t\t\t? 'up'\n\t\t\t\t\t\t: 'down';\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (\n\t\t\t!this._menu.hasAttribute('data-show') ||\n\t\t\tchildOf(target, this._el)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._menu.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(8), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"]}

package/dist/collection/components/molecules/dropdown/test/dropdown.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdown/test/dropdown.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-dropdown', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-dropdown></p-dropdown>');\n        const element = await page.find('p-dropdown');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-dropdown></p-dropdown>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-dropdown');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"dropdown.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdown/test/dropdown.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-dropdown', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-dropdown></p-dropdown>');\n\t\tconst element = await page.find('p-dropdown');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-dropdown></p-dropdown>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-dropdown');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/dropdown/test/dropdown.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdown/test/dropdown.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,2BAA2B;KACpC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Dropdown } from '../dropdown.component';\n\ndescribe('p-dropdown', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Dropdown],\n            html: '<p-dropdown></p-dropdown>',\n        });\n        expect(root).toEqualHtml(`\n      <p-dropdown class=\"p-dropdown\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-dropdown>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"dropdown.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdown/test/dropdown.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,2BAA2B;KACjC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Dropdown } from '../dropdown.component';\n\ndescribe('p-dropdown', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Dropdown],\n\t\t\thtml: '<p-dropdown></p-dropdown>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-dropdown class=\"p-dropdown\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-dropdown>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/input-error/input-error.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-error.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/input-error/input-error.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhE,MAAM,OAAO,UAAU;;;4BASQ,KAAK;wBAEA,KAAK;;EAErC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe;MACvB,iBACI,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC;QAEjD,cACI,KAAK,EAAE,GACH,IAAI,CAAC,YAAY;YACb,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,qBACV,sBAAsB,EACtB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,GACvB,CACM,CACT,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-input-error',\n    shadow: true,\n})\nexport class InputError {\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Wether to force show the tooltip\n     */\n    @Prop() forceShowTooltip = false;\n\n    @State() private _showTooltip = false;\n\n    render() {\n        return (\n            <Host class=\"p-input-error\">\n                <p-tooltip\n                    variant=\"error\"\n                    content={this.error}\n                    show={this.forceShowTooltip}\n                    onIsOpen={(ev) => (this._showTooltip = ev.detail)}\n                >\n                    <p-icon\n                        class={`${\n                            this._showTooltip\n                                ? 'text-negative'\n                                : 'text-negative-light'\n                        } hover:text-negative`}\n                        slot=\"trigger\"\n                        variant=\"explanation\"\n                    />\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"input-error.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/input-error/input-error.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhE,MAAM,OAAO,UAAU;;;4BASK,KAAK;wBAEA,KAAK;;EAErC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe;MAC1B,iBACC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC;QAEjD,cACC,KAAK,EAAE,GACN,IAAI,CAAC,YAAY;YAChB,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,qBACJ,sBAAsB,EACtB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,GACpB,CACS,CACN,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n\ttag: 'p-input-error',\n\tshadow: true,\n})\nexport class InputError {\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Wether to force show the tooltip\n\t */\n\t@Prop() forceShowTooltip = false;\n\n\t@State() private _showTooltip = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-input-error\">\n\t\t\t\t<p-tooltip\n\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={this.forceShowTooltip}\n\t\t\t\t\tonIsOpen={(ev) => (this._showTooltip = ev.detail)}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\tthis._showTooltip\n\t\t\t\t\t\t\t\t? 'text-negative'\n\t\t\t\t\t\t\t\t: 'text-negative-light'\n\t\t\t\t\t\t} hover:text-negative`}\n\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\tvariant=\"explanation\"\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/input-error/test/input-error.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-error.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-error/test/input-error.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-input-error', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-input-error></p-input-error>');\n    const element = await page.find('p-input-error');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the content', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-input-error></p-input-error>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-input-error');\n    expect(element.textContent).toEqual(``);\n\n    // component.setProperty('name', 'World');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, World!`);\n\n    // component.setProperty('name', 'Bob');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n    // component.setProperty('name', 'Earl');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Earl!`);\n  });\n});\n"]}
+{"version":3,"file":"input-error.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-error/test/input-error.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-input-error', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-input-error></p-input-error>');\n\t\tconst element = await page.find('p-input-error');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-input-error></p-input-error>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-input-error');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/input-error/test/input-error.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-error.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-error/test/input-error.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iCAAiC;KACxC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InputError } from '../input-error.component';\n\ndescribe('p-input-error', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [InputError],\n      html: '<p-input-error></p-input-error>',\n    });\n    expect(root).toEqualHtml(`\n      <p-input-error class=\"p-input-error\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-input-error>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"input-error.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-error/test/input-error.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iCAAiC;KACvC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InputError } from '../input-error.component';\n\ndescribe('p-input-error', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [InputError],\n\t\t\thtml: '<p-input-error></p-input-error>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-input-error class=\"p-input-error\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-input-error>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/input-group/input-group.component.js

@@ -40,10 +40,10 @@ export class InputGroup {
     this._forceShowTooltip = false;
   }
   /*
-   With this, we shall hack the system in ways no one would ever have thought.
-   
-   <div class="pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none"></div>
-   */
+     With this, we shall hack the system in ways no one would ever have thought.
+     
+     <div class="pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none"></div>
+     */
   _setInputClasses() {
     const input = this._el.querySelector(':scope > [slot="input"]');
     if (!input) {

package/dist/collection/components/molecules/input-group/input-group.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/input-group/input-group.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-input-group',\n    styleUrl: './input-group.component.scss',\n    shadow: true,\n})\nexport class InputGroup {\n    /**\n     * The size of the input group\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The suffix of the input group\n     */\n    @Prop() suffix: string;\n\n    /**\n     * Icon of the input group\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The label of the input group\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop() helper: string;\n\n    /**\n     * Wether the field is required\n     */\n    @Prop({ reflect: true }) required: boolean;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Wether the input group is focused\n     */\n    @Prop({ reflect: true }) focused: boolean = false;\n\n    /**\n     * The method to use when focusing the input\n     */\n    @Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _forceShowTooltip = false;\n\n    private _whitelistedTags = ['input', 'textarea'];\n\n    componentWillRender() {\n        this._setInputClasses();\n    }\n\n    render() {\n        const {\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n            errorVariant,\n        } = this._getSlotInfo();\n\n        return (\n            <Host\n                class={`p-input-group ${this.error?.length && 'error'} ${\n                    this.disabled && 'disabled'\n                } ${this.focused && 'focused'} size-${this.size}`}\n            >\n                <div class=\"flex items-end justify-between\">\n                    {label && (\n                        <div\n                            class=\"input-label\"\n                            onClick={() => this._focusInput()}\n                        >\n                            {label}\n                            {this.required && (\n                                <span class=\"ml-1 text-negative\">*</span>\n                            )}\n                        </div>\n                    )}\n\n                    {(helper || hasHeaderSlot) && (\n                        <div class=\"input-header\">\n                            {hasHeaderSlot && <slot name=\"header\" />}\n                            {helper && (\n                                <p-helper\n                                    class={`flex ${\n                                        hasHeaderSlot ? 'ml-2' : ''\n                                    }`}\n                                    placement=\"top-end\"\n                                >\n                                    {helper}\n                                </p-helper>\n                            )}\n                        </div>\n                    )}\n                </div>\n                <p-tooltip\n                    class=\"w-full\"\n                    variant=\"error-element\"\n                    content={this.error}\n                    show={\n                        errorAndErrorIsNotBoolean &&\n                        errorVariant === 'element' &&\n                        this._forceShowTooltip\n                    }\n                    enableUserInput={false}\n                >\n                    <div class=\"content\" slot=\"trigger\">\n                        {(prefix ||\n                            (this.icon && this.iconPosition === 'start')) && (\n                            <div\n                                class={`prefix size-${this.size}`}\n                                onClick={() => this._focusInput()}\n                            >\n                                {this.icon && this.iconPosition === 'start' ? (\n                                    <p-icon\n                                        class=\"flex\"\n                                        variant={this.icon}\n                                        rotate={this.iconRotate}\n                                        flip={this.iconFlip}\n                                    />\n                                ) : (\n                                    prefix\n                                )}\n                            </div>\n                        )}\n                        {(suffix ||\n                            (errorAndErrorIsNotBoolean &&\n                                errorVariant === 'icon') ||\n                            (this.icon && this.iconPosition === 'end')) && (\n                            <div\n                                class={`suffix size-${this.size}`}\n                                onClick={() => this._focusInput()}\n                            >\n                                {errorAndErrorIsNotBoolean &&\n                                errorVariant === 'icon' ? (\n                                    <p-input-error\n                                        error={this.error}\n                                        forceShowTooltip={\n                                            this._forceShowTooltip\n                                        }\n                                    />\n                                ) : this.icon && this.iconPosition === 'end' ? (\n                                    <p-icon\n                                        class=\"flex\"\n                                        variant={this.icon}\n                                        rotate={this.iconRotate}\n                                        flip={this.iconFlip}\n                                    />\n                                ) : (\n                                    suffix\n                                )}\n                            </div>\n                        )}\n\n                        <slot name=\"input\" />\n                    </div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n\n    @Listen('focusin')\n    handleFocusIn() {\n        this._forceShowTooltip = true;\n    }\n\n    @Listen('focusout')\n    handleFocusOut() {\n        this._forceShowTooltip = false;\n    }\n    /* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \n     <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n     */\n    private _setInputClasses() {\n        const input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n        if (!input) {\n            return;\n        }\n\n        const tagName = input.tagName.toLowerCase();\n        if (this._whitelistedTags.indexOf(tagName) === -1) {\n            return;\n        }\n\n        if (!input.classList.contains('p-input')) {\n            input.classList.add('p-input');\n        }\n\n        const { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n            this._getSlotInfo();\n\n        if (\n            suffix ||\n            (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n            (this.icon && this.iconPosition === 'end')\n        ) {\n            input.classList.add(\n                'border-r-0',\n                'rounded-tr-none',\n                'rounded-br-none',\n                'pr-0'\n            );\n        } else {\n            input.classList.remove(\n                'border-r-0',\n                'rounded-tr-none',\n                'rounded-br-none',\n                'pr-0'\n            );\n        }\n\n        if (prefix || (this.icon && this.iconPosition === 'start')) {\n            input.classList.add(\n                'border-l-0',\n                'rounded-tl-none',\n                'rounded-bl-none',\n                'pl-0'\n            );\n        } else {\n            input.classList.remove(\n                'border-l-0',\n                'rounded-tl-none',\n                'rounded-bl-none',\n                'pl-0'\n            );\n        }\n\n        if (this.size === 'small' && !input.classList.contains('size-small')) {\n            input.classList.add('size-small');\n        }\n\n        if (this.size !== 'small' && input.classList.contains('size-small')) {\n            input.classList.remove('size-small');\n        }\n    }\n\n    private _getSlotInfo() {\n        const hasHelperSlot = !!this._el.querySelector(\n            ':scope > [slot=\"helper\"]'\n        );\n        const hasLabelSlot = !!this._el.querySelector(\n            ':scope > [slot=\"label\"]'\n        );\n        const hasPrefixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"prefix\"]'\n        );\n        const hasSuffixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"suffix\"]'\n        );\n        const hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n\n        const helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n        const label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n        const prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n        const suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n        const errorAndErrorIsNotBoolean =\n            this.error &&\n            typeof this.error === 'string' &&\n            this.error !== 'true';\n\n        return {\n            hasHelperSlot,\n            hasLabelSlot,\n            hasPrefixSlot,\n            hasSuffixSlot,\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n            errorVariant: this._el.offsetWidth <= 72 ? 'element' : 'icon',\n        };\n    }\n\n    private _focusInput() {\n        const input = this._el.querySelector(':scope > [slot=\"input\"]');\n        (input as HTMLElement)[this.focusMethod]();\n    }\n}\n"]}
+{"version":3,"file":"input-group.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/input-group/input-group.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-input-group',\n\tstyleUrl: './input-group.component.scss',\n\tshadow: true,\n})\nexport class InputGroup {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _forceShowTooltip = false;\n\n\tprivate _whitelistedTags = ['input', 'textarea'];\n\n\tcomponentWillRender() {\n\t\tthis._setInputClasses();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-input-group ${this.error?.length && 'error'} ${\n\t\t\t\t\tthis.disabled && 'disabled'\n\t\t\t\t} ${this.focused && 'focused'} size-${this.size}`}\n\t\t\t>\n\t\t\t\t<div class=\"flex items-end justify-between\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"input-label\"\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t{this.required && (\n\t\t\t\t\t\t\t\t<span class=\"ml-1 text-negative\">*</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t<div class=\"input-header\">\n\t\t\t\t\t\t\t{hasHeaderSlot && <slot name=\"header\" />}\n\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\tclass={`flex ${\n\t\t\t\t\t\t\t\t\t\thasHeaderSlot ? 'ml-2' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tplacement=\"top-end\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\tvariant=\"error-element\"\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={\n\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\terrorVariant === 'element' &&\n\t\t\t\t\t\tthis._forceShowTooltip\n\t\t\t\t\t}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t>\n\t\t\t\t\t<div class=\"content\" slot=\"trigger\">\n\t\t\t\t\t\t{(prefix ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`prefix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass=\"flex\"\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(suffix ||\n\t\t\t\t\t\t\t(errorAndErrorIsNotBoolean &&\n\t\t\t\t\t\t\t\terrorVariant === 'icon') ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`suffix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{errorAndErrorIsNotBoolean &&\n\t\t\t\t\t\t\t\terrorVariant === 'icon' ? (\n\t\t\t\t\t\t\t\t\t<p-input-error\n\t\t\t\t\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t\t\t\t\t\tthis._forceShowTooltip\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass=\"flex\"\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot name=\"input\" />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tthis._forceShowTooltip = true;\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tthis._forceShowTooltip = false;\n\t}\n\t/* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \n     <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n     */\n\tprivate _setInputClasses() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n\t\tif (!input) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tagName = input.tagName.toLowerCase();\n\t\tif (this._whitelistedTags.indexOf(tagName) === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!input.classList.contains('p-input')) {\n\t\t\tinput.classList.add('p-input');\n\t\t}\n\n\t\tconst { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n\t\t\tthis._getSlotInfo();\n\n\t\tif (\n\t\t\tsuffix ||\n\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t(this.icon && this.iconPosition === 'end')\n\t\t) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t}\n\n\t\tif (prefix || (this.icon && this.iconPosition === 'start')) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t}\n\n\t\tif (this.size === 'small' && !input.classList.contains('size-small')) {\n\t\t\tinput.classList.add('size-small');\n\t\t}\n\n\t\tif (this.size !== 'small' && input.classList.contains('size-small')) {\n\t\t\tinput.classList.remove('size-small');\n\t\t}\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"helper\"]'\n\t\t);\n\t\tconst hasLabelSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"label\"]'\n\t\t);\n\t\tconst hasPrefixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"prefix\"]'\n\t\t);\n\t\tconst hasSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"suffix\"]'\n\t\t);\n\t\tconst hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\n\t\tconst helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n\t\tconst prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error &&\n\t\t\ttypeof this.error === 'string' &&\n\t\t\tthis.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant: this._el.offsetWidth <= 72 ? 'element' : 'icon',\n\t\t};\n\t}\n\n\tprivate _focusInput() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n}\n"]}

package/dist/collection/components/molecules/input-group/test/input-group.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-group/test/input-group.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-input-group', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-input-group></p-input-group>');\n        const element = await page.find('p-input-group');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-input-group></p-input-group>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-input-group');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"input-group.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-group/test/input-group.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IACzD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-input-group', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-input-group></p-input-group>');\n\t\tconst element = await page.find('p-input-group');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-input-group></p-input-group>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-input-group');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/input-group/test/input-group.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-group/test/input-group.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iCAAiC;KAC1C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InputGroup } from '../input-group.component';\n\ndescribe('p-input-group', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [InputGroup],\n            html: '<p-input-group></p-input-group>',\n        });\n        expect(root).toEqualHtml(`\n      <p-input-group class=\"p-input-group\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-input-group>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"input-group.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/input-group/test/input-group.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iCAAiC;KACvC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InputGroup } from '../input-group.component';\n\ndescribe('p-input-group', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [InputGroup],\n\t\t\thtml: '<p-input-group></p-input-group>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-input-group class=\"p-input-group\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-input-group>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/navigation-item/navigation-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-item/navigation-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,cAAc;;kBAIG,KAAK;;;;;;EAsB/B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE;MACvD,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;QAClC,IAAI,CAAC,IAAI,IAAI,cAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI;QAC5C,YAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa;UACtC,eAAQ,CACL;QACN,IAAI,CAAC,OAAO,IAAI,CACb,iBAAW,OAAO,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAa,CAC3D,CACD,CACD,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-navigation-item',\n    styleUrl: 'navigation-item.component.scss',\n    shadow: true,\n})\nexport class NavigationItem {\n    /**\n     * Wether the navigation item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() counter: number | string;\n\n    /**\n     * The href of the navigation item\n     */\n    @Prop() href: string;\n\n    /**\n     * The target of the navigation item\n     */\n    @Prop() target: string;\n\n    render() {\n        return (\n            <Host class={`p-navigation-item ${this.active && 'active'}`}>\n                <a href={this.href} target={this.target}>\n                    {this.icon && <p-icon variant={this.icon} />}\n                    <span class={this.counter && 'has-counter'}>\n                        <slot />\n                    </span>\n                    {this.counter && (\n                        <p-counter variant=\"negative\">{this.counter}</p-counter>\n                    )}\n                </a>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"navigation-item.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-item/navigation-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,cAAc;;kBAIA,KAAK;;;;;;EAsB/B,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE;MAC1D,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;QACrC,IAAI,CAAC,IAAI,IAAI,cAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI;QAC5C,YAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa;UACzC,eAAQ,CACF;QACN,IAAI,CAAC,OAAO,IAAI,CAChB,iBAAW,OAAO,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAa,CACxD,CACE,CACE,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: 'navigation-item.component.scss',\n\tshadow: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-navigation-item ${this.active && 'active'}`}>\n\t\t\t\t<a href={this.href} target={this.target}>\n\t\t\t\t\t{this.icon && <p-icon variant={this.icon} />}\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t\t{this.counter && (\n\t\t\t\t\t\t<p-counter variant=\"negative\">{this.counter}</p-counter>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/navigation-item/test/navigation-item.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-item/test/navigation-item.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6CAA6C,CAAC,CAAC;IACrE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE5C,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-navigation-item', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-navigation-item></p-navigation-item>');\n        const element = await page.find('p-navigation-item');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-navigation-item>Test</p-navigation-item>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-divider');\n        expect(element.textContent).toEqual(`test`);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"navigation-item.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-item/test/navigation-item.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6CAA6C,CAAC,CAAC;IACrE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE5C,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-navigation-item', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navigation-item></p-navigation-item>');\n\t\tconst element = await page.find('p-navigation-item');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navigation-item>Test</p-navigation-item>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-divider');\n\t\texpect(element.textContent).toEqual(`test`);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/navigation-item/test/navigation-item.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-item/test/navigation-item.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,6CAA6C;KACtD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NavigationItem } from '../navigation-item.component';\n\ndescribe('p-navigation-item', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [NavigationItem],\n            html: '<p-navigation-item>Test</p-navigation-item>',\n        });\n        expect(root).toEqualHtml(`\n      <p-navigation-item class=\"p-navigation-item\">\n        <mock:shadow-root>\n          Test\n        </mock:shadow-root>\n      </p-navigation-item>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"navigation-item.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-item/test/navigation-item.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,6CAA6C;KACnD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAMtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NavigationItem } from '../navigation-item.component';\n\ndescribe('p-navigation-item', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [NavigationItem],\n\t\t\thtml: '<p-navigation-item>Test</p-navigation-item>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-navigation-item class=\"p-navigation-item\">\n        <mock:shadow-root>\n          Test\n        </mock:shadow-root>\n      </p-navigation-item>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/page-size-select/page-size-select.component.js

@@ -1,5 +1,5 @@
-import { h, Host } from "@stencil/core";
-import { formatTranslation, getLocaleComponentStrings } from "../../../utils/localization";
+import { h, Host, } from "@stencil/core";
+import { formatTranslation, getLocaleComponentStrings, } from "../../../utils/localization";
 import { defaultSize, defaultSizeOptions } from "./constants";
 export class PageSizeSelect {
   constructor() {

package/dist/collection/components/molecules/page-size-select/page-size-select.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-size-select.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/page-size-select/page-size-select.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,iBAAiB,EACjB,yBAAyB,EAC5B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAQ9D,MAAM,OAAO,cAAc;;IACf,2BAAsB,GAAiB,CAAC,IAAI,EAAE,EAAE,CACpD,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,yBAAoB,GAAiB,CAAC,IAAI,EAAE,EAAE,CAClD,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;gBAIG,WAAW;uBAKlC,kBAAkB;2BAYP,OAAO;sBAKT,OAAO;0BAKT,IAAI,CAAC,sBAAsB;wBAK7B,IAAI,CAAC,oBAAoB;kBAUpC,KAAK;oBAKE,EAAE;;EAEnC,iBAAiB;IACb,IAAI,CAAC,WAAW,EAAE,CAAC;EACvB,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE;MACxD,kBACI,SAAS,EAAC,WAAW,EACrB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,gBAAgB,EAAC,MAAM;QAEvB,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,UAAU,IAEpB,IAAI,CAAC,cAAc;UAChB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;UAChC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CACrC;QACX,YAAM,IAAI,EAAC,OAAO,IACb,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,4BACI,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,IAAI,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAEtC,IAAI,CAAC,YAAY;UACd,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;UAC3B,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CACpB,CAC1B,CAAC,CACC,CACE,CACV,CACV,CAAC;EACN,CAAC;EAGO,KAAK,CAAC,WAAW;IACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EAC9D,CAAC;EAEO,WAAW,CAAC,CAAU;IAC1B,IAAI,CAAC,CAAC,EAAE;MACJ,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACd,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State\n} from '@stencil/core';\nimport {\n    formatTranslation,\n    getLocaleComponentStrings\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n    tag: 'p-page-size-select',\n    shadow: true,\n})\nexport class PageSizeSelect {\n    private _defaultButtonTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    private _defaultItemTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n    /**\n     * The available sizes\n     */\n    @Prop() sizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the size changes\n     */\n    @Event({\n        bubbles: false\n    }) sizeChange: EventEmitter<number>;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The size of the button\n     */\n    @Prop() buttonSize: 'small' | 'medium' = 'small';\n\n    /**\n     * The template for the data view\n     */\n    @Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n    /**\n     * The template for the data view\n     */\n    @Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hidden: boolean = false;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    componentWillLoad() {\n        this._setLocales();\n    }\n\n    render() {\n        return (\n            <Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n                <p-dropdown\n                    placement=\"top-start\"\n                    chevronPosition={this.chevronPosition}\n                    chevronDirection=\"down\"\n                >\n                    <p-button\n                        variant=\"secondary\"\n                        slot=\"trigger\"\n                        size={this.buttonSize}\n                    >\n                        {this.buttonTemplate\n                            ? this.buttonTemplate(this.size)\n                            : this._defaultButtonTemplate(this.size)}\n                    </p-button>\n                    <slot slot=\"items\">\n                        {this.sizeOptions.map((option) => (\n                            <p-dropdown-menu-item\n                                active={option === this.size}\n                                onClick={() => this._changeSize(option)}\n                            >\n                                {this.itemTemplate\n                                    ? this.itemTemplate(option)\n                                    : this._defaultItemTemplate(option)}\n                            </p-dropdown-menu-item>\n                        ))}\n                    </slot>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    private _changeSize(s?: number) {\n        if (!s) {\n            return;\n        }\n\n        this.size = s;\n        this.sizeChange.emit(this.size);\n    }\n}\n"]}
+{"version":3,"file":"page-size-select.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/page-size-select/page-size-select.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EACN,iBAAiB,EACjB,yBAAyB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAQ9D,MAAM,OAAO,cAAc;;IAClB,2BAAsB,GAAiB,CAAC,IAAI,EAAE,EAAE,CACvD,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,yBAAoB,GAAiB,CAAC,IAAI,EAAE,EAAE,CACrD,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;gBAIM,WAAW;uBAKlC,kBAAkB;2BAaP,OAAO;sBAKT,OAAO;0BAKT,IAAI,CAAC,sBAAsB;wBAK7B,IAAI,CAAC,oBAAoB;kBAUpC,KAAK;oBAKE,EAAE;;EAEnC,iBAAiB;IAChB,IAAI,CAAC,WAAW,EAAE,CAAC;EACpB,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE;MAC3D,kBACC,SAAS,EAAC,WAAW,EACrB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,gBAAgB,EAAC,MAAM;QAEvB,gBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,UAAU,IAEpB,IAAI,CAAC,cAAc;UACnB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;UAChC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC/B;QACX,YAAM,IAAI,EAAC,OAAO,IAChB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjC,4BACC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,IAAI,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAEtC,IAAI,CAAC,YAAY;UACjB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;UAC3B,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CACd,CACvB,CAAC,CACI,CACK,CACP,CACP,CAAC;EACH,CAAC;EAGO,KAAK,CAAC,WAAW;IACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EAC3D,CAAC;EAEO,WAAW,CAAC,CAAU;IAC7B,IAAI,CAAC,CAAC,EAAE;MACP,OAAO;KACP;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACd,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACjC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n\ttag: 'p-page-size-select',\n\tshadow: true,\n})\nexport class PageSizeSelect {\n\tprivate _defaultButtonTemplate: templateFunc = (size) =>\n\t\tformatTranslation(this._locales.item, { size });\n\tprivate _defaultItemTemplate: templateFunc = (size) =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() buttonSize: 'small' | 'medium' = 'small';\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tplacement=\"top-start\"\n\t\t\t\t\tchevronPosition={this.chevronPosition}\n\t\t\t\t\tchevronDirection=\"down\"\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\tsize={this.buttonSize}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.buttonTemplate\n\t\t\t\t\t\t\t? this.buttonTemplate(this.size)\n\t\t\t\t\t\t\t: this._defaultButtonTemplate(this.size)}\n\t\t\t\t\t</p-button>\n\t\t\t\t\t<slot slot=\"items\">\n\t\t\t\t\t\t{this.sizeOptions.map((option) => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"]}