@sme.up/ketchup 11.0.0-SNAPSHOT-20241014112852 → 11.0.0-SNAPSHOT-20241015124120

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20241014112852",
+    "version": "11.0.0-SNAPSHOT-20241015124120",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-6ee80189.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KupTypographyProps","kupTypographyCss","KupTypographyStyle0","KupTypography","this","kupManager","kupManagerInstance","_KupTypography_clickCbDropCard","set","_KupTypography_dropDownActionCardAnchor","FTypographyType","BODY_COMPACT","onKupClick","kupClick","emit","comp","id","rootElement","value","onKupIconClick","el","__classPrivateFieldSet","kupIconClick","createDropDownToolbarList","onKupToolbarItemClick","e","kupItemClick","node","detail","selected","closeRowToolbarList","dynamicPosition","stop","toolbarList","removeClickCallback","__classPrivateFieldGet","remove","listEl","document","createElement","data","toolbarData","isMenu","menuVisible","addEventListener","setTimeout","cb","addClickCallback","shadowRoot","appendChild","requestAnimationFrame","register","KupDynamicPositionPlacement","AUTO","start","getProps","descriptions","refresh","forceUpdate","setProps","props","componentWillLoad","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","toolbar","type","propsFImage","color","resource","sizeX","sizeY","wrapperClass","classObjParent","h","Host","key","setKupStyle","componentWrapperId","class","onClick","FTypography","Object","assign","FImage","event","stopPropagation","currentTarget","disconnectedCallback","unregister"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-typography component.\n * Used to export every prop in an object.\n */\nexport enum KupTypographyProps {\n    data = 'the text of the text',\n    Style = 'it is the style of the text',\n    Border = 'when true it will appear a border',\n    BorderWidth = 'it is the width of the border',\n    Align = 'text alignment',\n    FontBold = 'when true it will display the bold font',\n    FontItalic = 'when true it will display the italic ( cursive )',\n    FontName = 'it is the name of the font',\n    FontSize = 'it is the size of the font of the text',\n    FontULine = 'when true it will show the underline',\n    FontColor = 'it is the color of the font of the text',\n    BackColor = 'it is the background color of the text',\n    Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n    value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n    KupManager,\n    KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n    FTypographyProps,\n    FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n    KupTypographyClickEventPayload,\n    KupTypographyIconClickEventPayload,\n    KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n    KupDynamicPositionAnchor,\n    KupDynamicPositionElement,\n    KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../managers/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n    tag: 'kup-typography',\n    styleUrl: 'kup-typography.scss',\n    shadow: true,\n})\nexport class KupTypography {\n    /**\n     * References the root HTML element of the component (<kup-typography>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * Manage the toolbar icon. If true is visible, otherwise is not\n     * @default null\n     */\n    @Prop() toolbar: boolean = true;\n    /**\n     * Display DataNode Toolbar.\n     * @default null\n     */\n    @Prop() toolbarData: KupDataNode[];\n    /**\n     * Sets the sizing of the textfield\n     * @default FTypographyType.BODY_COMPACT\n     */\n    @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n    /**\n     * This is the content of the text\n     * @default null\n     */\n    @Prop() value: string = null;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    private kupManager: KupManager = kupManagerInstance();\n    #clickCbDropCard: KupManagerClickCb = null;\n    /**\n     * Toolbar List.\n     */\n    private toolbarList: KupDynamicPositionElement;\n    #dropDownActionCardAnchor: HTMLElement = null;\n\n    /*-------------------------------------------------*/\n    /*                   E v e n t s                   */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-typography-iconclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-itemclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n    onKupClick() {\n        this.kupClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n        });\n    }\n\n    onKupIconClick(el: HTMLElement) {\n        this.#dropDownActionCardAnchor = el;\n        this.kupIconClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n        });\n        this.createDropDownToolbarList();\n    }\n\n    onKupToolbarItemClick(e: CustomEvent) {\n        this.kupItemClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n            node: e.detail.selected,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    closeRowToolbarList() {\n        this.kupManager.dynamicPosition.stop(\n            this.toolbarList as KupDynamicPositionElement\n        );\n        this.kupManager.removeClickCallback(this.#clickCbDropCard);\n        this.toolbarList.remove();\n        this.toolbarList = null;\n    }\n\n    createDropDownToolbarList() {\n        if (this.toolbarList) {\n            this.closeRowToolbarList();\n        }\n        const listEl = document.createElement('kup-list');\n        listEl.data = this.toolbarData;\n        listEl.isMenu = true;\n        listEl.menuVisible = true;\n        listEl.addEventListener('kup-list-click', (e: CustomEvent) => {\n            this.onKupToolbarItemClick(e);\n            setTimeout(() => {\n                this.closeRowToolbarList();\n            }, 0);\n        });\n        this.toolbarList = listEl;\n        this.#clickCbDropCard = {\n            cb: () => {\n                this.closeRowToolbarList();\n            },\n            el: this.toolbarList,\n        };\n\n        this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n        this.rootElement.shadowRoot.appendChild(this.toolbarList);\n        requestAnimationFrame(() => {\n            this.kupManager.dynamicPosition.register(\n                this.toolbarList as unknown as KupDynamicPositionElement,\n                this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n                0,\n                KupDynamicPositionPlacement.AUTO,\n                true\n            );\n            this.kupManager.dynamicPosition.start(\n                this.toolbarList as unknown as KupDynamicPositionElement\n            );\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupTypographyProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupTypographyProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.kupManager.debug.logLoad(this, false);\n        this.kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FTypographyProps = {\n            toolbar: this.toolbar,\n            value: this.value,\n            type: this.type,\n        };\n\n        const propsFImage: FImageProps = {\n            color: 'var(--kup-gray-color-70)',\n            resource: 'more_vert',\n            sizeX: '16px',\n            sizeY: '16px',\n            wrapperClass: 'image__iconToolbar',\n        };\n        const classObjParent: Record<string, boolean> = {\n            'kup-typography--wrap': props.toolbar ? true : false,\n        };\n        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    class={classObjParent}\n                    onClick={() => this.onKupClick}\n                >\n                    <FTypography {...props} />\n                    <FImage\n                        {...propsFImage}\n                        onClick={(event: MouseEvent) => {\n                            event.stopPropagation();\n                            this.onKupIconClick(\n                                event.currentTarget as HTMLElement\n                            );\n                        }}\n                    />\n                </div>\n            </Host>\n        );\n    }\n    disconnectedCallback() {\n        this.kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"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","ignoreList":[]}