@sme.up/ketchup 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030100919

package/dist/ketchup/p-879a4c67.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","toolbarList","dynamicPosition","stop","removeClickCallback","__classPrivateFieldGet","remove","listEl","document","createElement","data","toolbarData","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 '../../components/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        if (this.toolbarList) {\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\n    createDropDownToolbarList() {\n        if (this.toolbarList) {\n            this.closeRowToolbarList();\n        }\n        const listEl = document.createElement('kup-toolbar');\n        listEl.data = this.toolbarData;\n        listEl.addEventListener('kup-toolbar-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":[]}