npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241118162146 → 11.0.0-SNAPSHOT-20241118171002 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241118162146 → 11.0.0-SNAPSHOT-20241118171002

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 (13) hide show

package/dist/collection/components/kup-dialog/kup-dialog.js CHANGED Viewed

@@ -137,7 +137,11 @@ export class KupDialog {
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : (h("slot", { name: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) })), h("div", { key: 'a304e4f2e2455033f00a51db18dff006f33fdafe', class: "content" }, h("slot", { key: '228933df417a9c4cc195869d6347a18244ff12fb', name: "content" })))));
+        const headerSlot = this.rootElement.querySelector('[slot="header"]');
+        if (headerSlot) {
+            __classPrivateFieldSet(this, _KupDialog_header, headerSlot, "f");
+        }
+        return (h(Host, { key: 'cd86c206a6f003f913a288b40b41127b96cd87ea', "fade-in": true, style: style }, h("style", { key: '6c691bca16376a84bf6291273baacb60e438c671' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f6dcfb0a6d0a4ba1f27b08d5b67e5527d6690739', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'f4785e7790c9120a25e00483ca4b427d824684ed', class: "content" }, h("slot", { key: 'e32121655c6d1cb1fa6d686ef5e5306b8a5ea3a0', name: "content" })))));
     }
     disconnectedCallback() {
         if (this.modal) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-dialog.js","sourceRoot":"","sources":["../../../src/components/kup-dialog/kup-dialog.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 { FImage } from '../../f-components/f-image/f-image';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport {\n GenericObject,\n KupComponent,\n KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupDialogAutoCenter,\n KupDialogHeader,\n KupDialogModal,\n KupDialogProps,\n} from './kup-dialog-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\n\n@Component({\n tag: 'kup-dialog',\n styleUrl: 'kup-dialog.scss',\n shadow: true,\n})\nexport class KupDialog {\n /*\n References the root HTML element of the component (<kup-dialog>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n\n /\n Auto centers the dialog relatively to the viewport.\n * @default \"{ onReady: true }\"\n /\n @Prop() autoCenter: KupDialogAutoCenter = { onReady: true };\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle = '';\n /\n Header options.\n * @default \"{ icons: { close: true } }\"\n /\n @Prop() header: KupDialogHeader = { icons: { close: true } };\n /\n Set of options to display the dialog as a modal.\n * @default \"{ closeOnBackdropClick: true }\"\n /\n @Prop() modal: KupDialogModal = { closeOnBackdropClick: true };\n /\n Sets whether the dialog is resizable or not.\n * @default \"true\"\n /\n @Prop() resizable = true;\n /\n The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).\n * @default \"auto\"\n /\n @Prop() sizeX = 'auto';\n /\n The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).\n * @default \"auto\"\n /\n @Prop() sizeY = 'auto';\n\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n\n #header: HTMLElement = null;\n #kupManager = kupManagerInstance();\n #recalcSafeguard = 0;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-dialog-close',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClose: EventEmitter<KupEventPayload>;\n\n @Event({\n eventName: 'kup-dialog-ready',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupReady: EventEmitter<KupEventPayload>;\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Closes the dialog detaching it from the DOM.\n /\n @Method()\n async close(): Promise<void> {\n this.kupClose.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.rootElement.remove();\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, KupDialogProps, descriptions);\n }\n /\n Places the dialog at the center of the screen.\n /\n @Method()\n async recalcPosition(): Promise<void> {\n const rect = this.rootElement.getBoundingClientRect();\n if (!rect.x && !rect.y && !rect.height && !rect.width) {\n this.#kupManager.debug.logMessage(\n this,\n `recalcPosition() ran before the component finished being drawn. Running again (attempt #${\n this.#recalcSafeguard\n }).`,\n KupDebugCategory.INFO\n );\n if (this.#recalcSafeguard < 50) {\n this.#recalcSafeguard++;\n setTimeout(async () => this.recalcPosition(), 50);\n return;\n } else {\n this.#kupManager.debug.logMessage(\n this,\n `Too many attempts centering the dialog.`,\n KupDebugCategory.WARNING\n );\n }\n }\n this.#recalcSafeguard = 0;\n const left = window.innerWidth / 2 - rect.width / 2;\n const top = window.innerHeight / 2 - rect.height / 2 + window.scrollY;\n this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');\n this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');\n this.rootElement.removeAttribute('fade-in');\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, KupDialogProps, 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.interact.dialogify(\n this.rootElement,\n this.#header ? this.#header : null,\n !this.resizable\n );\n if (this.autoCenter?.onReady) {\n this.recalcPosition();\n } else {\n this.rootElement.removeAttribute('fade-in');\n }\n if (this.modal) {\n this.#kupManager.interact.showModalBackdrop(\n this.modal.closeOnBackdropClick\n ? () => {\n this.close();\n }\n : null\n );\n }\n this.kupReady.emit({\n comp: this,\n id: this.rootElement.id,\n });\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 style = {\n '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',\n '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',\n };\n\n return (\n <Host fade-in style={style}>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n {this.header ? (\n <div class=\"header\" ref={(el) => (this.#header = el)}>\n {this.header.title ? (\n <div class=\"header__title\">\n {this.header.title}\n </div>\n ) : null}\n {this.header.icons?.close ? (\n <FImage\n onClick={() => this.close()}\n sizeX=\"1.25em\"\n sizeY=\"100%\"\n resource=\"clear\"\n wrapperClass=\"header__close\"\n ></FImage>\n ) : null}\n </div>\n ) : (\n <slot\n name=\"header\"\n ref={(el: HTMLElement) => (this.#header = el)}\n ></slot>\n )}\n <div class=\"content\">\n <slot name=\"content\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.modal) {\n this.#kupManager.interact.hideModalBackdrop();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
1	+ {"version":3,"file":"kup-dialog.js","sourceRoot":"","sources":["../../../src/components/kup-dialog/kup-dialog.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 { FImage } from '../../f-components/f-image/f-image';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport {\n GenericObject,\n KupComponent,\n KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupDialogAutoCenter,\n KupDialogHeader,\n KupDialogModal,\n KupDialogProps,\n} from './kup-dialog-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\n\n@Component({\n tag: 'kup-dialog',\n styleUrl: 'kup-dialog.scss',\n shadow: true,\n})\nexport class KupDialog {\n /*\n References the root HTML element of the component (<kup-dialog>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n\n /\n Auto centers the dialog relatively to the viewport.\n * @default \"{ onReady: true }\"\n /\n @Prop() autoCenter: KupDialogAutoCenter = { onReady: true };\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle = '';\n /\n Header options.\n * @default \"{ icons: { close: true } }\"\n /\n @Prop() header: KupDialogHeader = { icons: { close: true } };\n /\n Set of options to display the dialog as a modal.\n * @default \"{ closeOnBackdropClick: true }\"\n /\n @Prop() modal: KupDialogModal = { closeOnBackdropClick: true };\n /\n Sets whether the dialog is resizable or not.\n * @default \"true\"\n /\n @Prop() resizable = true;\n /\n The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).\n * @default \"auto\"\n /\n @Prop() sizeX = 'auto';\n /\n The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).\n * @default \"auto\"\n /\n @Prop() sizeY = 'auto';\n\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n\n #header: HTMLElement = null;\n #kupManager = kupManagerInstance();\n #recalcSafeguard = 0;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-dialog-close',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClose: EventEmitter<KupEventPayload>;\n\n @Event({\n eventName: 'kup-dialog-ready',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupReady: EventEmitter<KupEventPayload>;\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Closes the dialog detaching it from the DOM.\n /\n @Method()\n async close(): Promise<void> {\n this.kupClose.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.rootElement.remove();\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, KupDialogProps, descriptions);\n }\n /\n Places the dialog at the center of the screen.\n /\n @Method()\n async recalcPosition(): Promise<void> {\n const rect = this.rootElement.getBoundingClientRect();\n if (!rect.x && !rect.y && !rect.height && !rect.width) {\n this.#kupManager.debug.logMessage(\n this,\n `recalcPosition() ran before the component finished being drawn. Running again (attempt #${\n this.#recalcSafeguard\n }).`,\n KupDebugCategory.INFO\n );\n if (this.#recalcSafeguard < 50) {\n this.#recalcSafeguard++;\n setTimeout(async () => this.recalcPosition(), 50);\n return;\n } else {\n this.#kupManager.debug.logMessage(\n this,\n `Too many attempts centering the dialog.`,\n KupDebugCategory.WARNING\n );\n }\n }\n this.#recalcSafeguard = 0;\n const left = window.innerWidth / 2 - rect.width / 2;\n const top = window.innerHeight / 2 - rect.height / 2 + window.scrollY;\n this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');\n this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');\n this.rootElement.removeAttribute('fade-in');\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, KupDialogProps, 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.interact.dialogify(\n this.rootElement,\n this.#header ? this.#header : null,\n !this.resizable\n );\n if (this.autoCenter?.onReady) {\n this.recalcPosition();\n } else {\n this.rootElement.removeAttribute('fade-in');\n }\n if (this.modal) {\n this.#kupManager.interact.showModalBackdrop(\n this.modal.closeOnBackdropClick\n ? () => {\n this.close();\n }\n : null\n );\n }\n this.kupReady.emit({\n comp: this,\n id: this.rootElement.id,\n });\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 style = {\n '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',\n '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',\n };\n\n const headerSlot = this.rootElement.querySelector('[slot=\"header\"]');\n if (headerSlot) {\n this.#header = headerSlot as HTMLElement;\n }\n\n return (\n <Host fade-in style={style}>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n {this.header ? (\n <div class=\"header\" ref={(el) => (this.#header = el)}>\n {this.header.title ? (\n <div class=\"header__title\">\n {this.header.title}\n </div>\n ) : null}\n {this.header.icons?.close ? (\n <FImage\n onClick={() => this.close()}\n sizeX=\"1.25em\"\n sizeY=\"100%\"\n resource=\"clear\"\n wrapperClass=\"header__close\"\n ></FImage>\n ) : null}\n </div>\n ) : headerSlot ? (\n <slot name=\"header\"></slot>\n ) : null}\n <div class=\"content\">\n <slot name=\"content\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.modal) {\n this.#kupManager.interact.hideModalBackdrop();\n }\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}

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

@@ -20845,7 +20845,11 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends HTMLE
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : (h("slot", { name: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) })), h("div", { key: 'a304e4f2e2455033f00a51db18dff006f33fdafe', class: "content" }, h("slot", { key: '228933df417a9c4cc195869d6347a18244ff12fb', name: "content" })))));
+        const headerSlot = this.rootElement.querySelector('[slot="header"]');
+        if (headerSlot) {
+            __classPrivateFieldSet$3(this, _KupDialog_header, headerSlot, "f");
+        }
+        return (h(Host, { key: 'cd86c206a6f003f913a288b40b41127b96cd87ea', "fade-in": true, style: style }, h("style", { key: '6c691bca16376a84bf6291273baacb60e438c671' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f6dcfb0a6d0a4ba1f27b08d5b67e5527d6690739', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'f4785e7790c9120a25e00483ca4b427d824684ed', class: "content" }, h("slot", { key: 'e32121655c6d1cb1fa6d686ef5e5306b8a5ea3a0', name: "content" })))));
     }
     disconnectedCallback() {
         if (this.modal) {