npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241014112852 → 11.0.0-SNAPSHOT-20241015124120 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/dist/collection/components/kup-typography/kup-typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-typography.js","sourceRoot":"","sources":["../../../src/components/kup-typography/kup-typography.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"kup-typography.js","sourceRoot":"","sources":["../../../src/components/kup-typography/kup-typography.tsx"],"names":[],"mappings":"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","sourcesContent":["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 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 this.closeRowToolbarList();\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"]}

package/dist/components/kup-autocomplete2.js CHANGED Viewed

@@ -16985,15 +16985,15 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends HTMLE
     /*           P r i v a t e   M e t h o d s         */
     /*-------------------------------------------------*/
     closeRowToolbarList() {
-        this.kupManager.dynamicPosition.stop(this.toolbarList);
-        this.kupManager.removeClickCallback(__classPrivateFieldGet$6(this, _KupTabBar_clickCbDropCard, "f"));
-        this.toolbarList.remove();
-        this.toolbarList = null;
-    }
-    createDropDownToolbarList() {
         if (this.toolbarList) {
-            this.closeRowToolbarList();
+            this.kupManager.dynamicPosition.stop(this.toolbarList);
+            this.kupManager.removeClickCallback(__classPrivateFieldGet$6(this, _KupTabBar_clickCbDropCard, "f"));
+            this.toolbarList.remove();
+            this.toolbarList = null;
         }
+    }
+    createDropDownToolbarList() {
+        this.closeRowToolbarList();
         const listEl = document.createElement('kup-list');
         listEl.data = this.toolbarData;
         listEl.isMenu = true;