@sme.up/ketchup 11.0.0-SNAPSHOT-20260114090748 → 11.0.0-SNAPSHOT-20260120152125

package/dist/collection/assets/pdf.js

@@ -1,15 +0,0 @@
-const comp = document.getElementById('pdf');
-
-comp.addEventListener('kup-pdf-ready', (e) => {
-    console.log('Pdf ready', e);
-});
-
-const props = {
-    pdfPath: '../../assets/kup-pdf-sample.pdf',
-};
-
-if (props) {
-    for (const key in props) {
-        comp[key] = props[key];
-    }
-}

package/dist/collection/components/kup-pdf/kup-pdf-declarations.js

@@ -1,8 +0,0 @@
-/**
- * Props of the kup-pdf component.
- * Used to export every prop in an object.
- */
-export var KupPdfProps;
-(function (KupPdfProps) {
-    KupPdfProps["pdfPath"] = "This is the path to the PDF file.";
-})(KupPdfProps || (KupPdfProps = {}));

package/dist/collection/components/kup-pdf/kup-pdf.css

@@ -1,169 +0,0 @@
-.kup-body-compact-01 {
-  font-family: var(--kup-font-family);
-  font-size: var(--kup-body-compact-01-font-size, 14px);
-  line-height: 18px;
-  font-weight: 400;
-  letter-spacing: 0.16px;
-}
-
-.kup-body-01 {
-  font-family: var(--kup-font-family);
-  font-size: var(--kup-body-01-font-size, 14px);
-  line-height: 20px;
-  font-weight: 400;
-  letter-spacing: 0.16px;
-}
-
-.kup-code-01 {
-  font-family: var(--kup-font-family-monospace);
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-}
-
-.kup-label-01 {
-  font-family: var(--kup-font-family);
-  font-size: var(--kup-label-01-font-size, 12px);
-  line-height: 16px;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-}
-
-.kup-caption-02 {
-  font-family: var(--kup-font-family);
-  font-size: 12px;
-  line-height: 15px;
-  font-weight: 500;
-  letter-spacing: 1px;
-}
-
-.kup-caption-01 {
-  font-family: var(--kup-font-family);
-  font-size: 10px;
-  line-height: 13px;
-  font-weight: 400;
-  letter-spacing: 1px;
-}
-
-.kup-small-label-01 {
-  font-family: var(--kup-font-family);
-  font-size: 6px;
-  line-height: 9px;
-  font-weight: 400;
-  letter-spacing: 1px;
-}
-
-.kup-heading-compact-01 {
-  font-family: var(--kup-font-family);
-  font-size: var(--kup-heading-compact-01-font-size, 14px);
-  line-height: 18px;
-  font-weight: 600;
-  letter-spacing: 0.16px;
-}
-
-.kup-heading-01 {
-  font-family: var(--kup-font-family);
-  font-size: var(--kup-heading-01-font-size, 14px);
-  line-height: 20px;
-  font-weight: 600;
-  letter-spacing: 0.16px;
-}
-
-.kup-heading-02 {
-  font-family: var(--kup-font-family);
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 500;
-  letter-spacing: 0;
-}
-
-.kup-heading-03 {
-  font-family: var(--kup-font-family);
-  font-size: 20px;
-  line-height: 28px;
-  font-weight: 400;
-  letter-spacing: 0;
-}
-
-.kup-heading-04 {
-  font-family: var(--kup-font-family);
-  font-size: 28px;
-  line-height: 36px;
-  font-weight: 400;
-  letter-spacing: 0;
-}
-
-.kup-heading-05 {
-  font-family: var(--kup-font-family);
-  font-size: 32px;
-  line-height: 40px;
-  font-weight: 300;
-  letter-spacing: 0;
-}
-
-.kup-heading-06 {
-  font-family: var(--kup-font-family);
-  font-size: 42px;
-  line-height: 50px;
-  font-weight: 300;
-  letter-spacing: 0;
-}
-
-.kup-heading-07 {
-  font-family: var(--kup-font-family);
-  font-size: 54px;
-  line-height: 64px;
-  font-weight: 300;
-  letter-spacing: 0;
-}
-
-.kup-heading-08 {
-  font-family: var(--kup-font-family);
-  font-size: 54px;
-  line-height: 64px;
-  font-weight: 600;
-  letter-spacing: 0;
-}
-
-/**
-* @prop --kup-pdf-height: Sets a custom height for the component.
-* @prop --kup-pdf-width: Sets a custom width for the component.
-*/
-:host {
-  --kup_pdf_height: var(--kup-pdf-height, 100%);
-  --kup_pdf_width: var(--kup-pdf-width, 100%);
-  height: var(--kup_pdf_height);
-  width: var(--kup_pdf_width);
-  display: block;
-}
-
-#kup-component {
-  height: var(--kup_pdf_height);
-  width: var(--kup_pdf_width);
-  overflow: auto;
-}
-
-#kup-component::-webkit-scrollbar {
-  width: 1.1rem;
-  height: 1.1rem;
-}
-
-#kup-component::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-#kup-component::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  background: rgba(0, 0, 0, 0.2);
-  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
-  border-radius: 10px;
-  background-clip: padding-box;
-}
-
-#kup-component::-webkit-scrollbar-thumb:hover {
-  border: 4px solid transparent;
-  background: rgba(0, 0, 0, 0.3);
-  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
-  background-clip: padding-box;
-}

package/dist/collection/components/kup-pdf/kup-pdf.js

@@ -1,283 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _KupPdf_kupManager;
-import { forceUpdate, h, Host, } from "@stencil/core";
-import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
-import { componentWrapperId } from "../../variables/GenericVariables";
-import { getProps, setProps } from "../../utils/utils";
-import { KupPdfProps } from "./kup-pdf-declarations";
-import * as pdfjsLib from "pdfjs-dist";
-import * as pdfjsWorker from "pdfjs-dist/build/pdf.worker.js";
-export class KupPdf {
-    constructor() {
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
-        _KupPdf_kupManager.set(this, kupManagerInstance());
-        this.pdfPath = undefined;
-        this.sendCredentials = undefined;
-    }
-    /*-------------------------------------------------*/
-    /*                  W a t c h e r s                */
-    /*-------------------------------------------------*/
-    onPdfPathChange() {
-        this.wrapperRef.innerHTML = '';
-        this.renderPdf();
-    }
-    /*-------------------------------------------------*/
-    /*           P u b l i c   M e t h o d s           */
-    /*-------------------------------------------------*/
-    /**
-     * Used to retrieve component's props values.
-     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-     */
-    async getProps(descriptions) {
-        return getProps(this, KupPdfProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        setProps(this, KupPdfProps, props);
-    }
-    /*-------------------------------------------------*/
-    /*          L i f e c y c l e   H o o k s          */
-    /*-------------------------------------------------*/
-    componentWillLoad() {
-        __classPrivateFieldGet(this, _KupPdf_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.register(this);
-    }
-    componentDidLoad() {
-        this.kupReady.emit({
-            comp: this,
-            id: this.rootElement.id,
-        });
-        pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;
-        this.renderPdf().then(() => {
-            __classPrivateFieldGet(this, _KupPdf_kupManager, "f").debug.logLoad(this, true);
-        });
-    }
-    componentWillRender() {
-        __classPrivateFieldGet(this, _KupPdf_kupManager, "f").debug.logRender(this, false);
-    }
-    componentDidRender() {
-        __classPrivateFieldGet(this, _KupPdf_kupManager, "f").debug.logRender(this, true);
-    }
-    async renderPdf() {
-        try {
-            const loadingPdfTask = pdfjsLib.getDocument({
-                url: this.pdfPath,
-                withCredentials: this.sendCredentials,
-            });
-            const pdf = await loadingPdfTask.promise;
-            const pdfContainer = this.wrapperRef;
-            for (let page = 1; page <= pdf.numPages; page++) {
-                const canvas = document.createElement('canvas');
-                pdfContainer.appendChild(canvas);
-                pdf.getPage(page).then(function (page) {
-                    const requiredScale = 2; // initial scale is set to 2 so the pdf outputs clear, keeping on 1 causes the pdf to be blurry
-                    const viewport = page.getViewport({ scale: requiredScale });
-                    // set canvas height/width to upscale the pdf
-                    canvas.height = requiredScale * viewport.height;
-                    canvas.width = requiredScale * viewport.width;
-                    canvas.style.width = '100%';
-                    page.render({
-                        canvasContext: canvas.getContext('2d'),
-                        viewport: viewport,
-                        transform: [requiredScale, 0, 0, requiredScale, 0, 0],
-                    });
-                });
-            }
-        }
-        catch (error) { }
-    }
-    render() {
-        return (h(Host, { key: '820aee214400dc43c373a270f70e43c609390a6c' }, h("div", { key: 'f71a13853b9bef608ea84e7e270f0d6db3bc03dc', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
-    }
-    disconnectedCallback() {
-        __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);
-    }
-    static get is() { return "kup-pdf"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["kup-pdf.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["kup-pdf.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "pdfPath": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "null"
-                        }],
-                    "text": "Path of the pdf document"
-                },
-                "attribute": "pdf-path",
-                "reflect": false
-            },
-            "sendCredentials": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "true"
-                        }],
-                    "text": "Credentials sending along with request"
-                },
-                "attribute": "send-credentials",
-                "reflect": false
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "kupReady",
-                "name": "kup-pdf-ready",
-                "bubbles": true,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Triggered when the component is ready."
-                },
-                "complexType": {
-                    "original": "KupEventPayload",
-                    "resolved": "KupEventPayload",
-                    "references": {
-                        "KupEventPayload": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::KupEventPayload"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "getProps": {
-                "complexType": {
-                    "signature": "(descriptions?: boolean) => Promise<GenericObject>",
-                    "parameters": [{
-                            "name": "descriptions",
-                            "type": "boolean",
-                            "docs": "- When provided and true, the result will be the list of props with their description."
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "GenericObject": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::GenericObject"
-                        }
-                    },
-                    "return": "Promise<GenericObject>"
-                },
-                "docs": {
-                    "text": "Used to retrieve component's props values.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                        }, {
-                            "name": "returns",
-                            "text": "List of props as object, each key will be a prop."
-                        }]
-                }
-            },
-            "refresh": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "This method is used to trigger a new render of the component.",
-                    "tags": []
-                }
-            },
-            "setProps": {
-                "complexType": {
-                    "signature": "(props: GenericObject) => Promise<void>",
-                    "parameters": [{
-                            "name": "props",
-                            "type": "GenericObject",
-                            "docs": "- Object containing props that will be set to the component."
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "GenericObject": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::GenericObject"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Sets the props to the component.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "props - Object containing props that will be set to the component."
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "rootElement"; }
-    static get watchers() {
-        return [{
-                "propName": "pdfPath",
-                "methodName": "onPdfPathChange"
-            }];
-    }
-}
-_KupPdf_kupManager = new WeakMap();

package/dist/components/kup-pdf.d.ts

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