npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241030162740 → 11.0.0-SNAPSHOT-20241031093946 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241030162740 → 11.0.0-SNAPSHOT-20241031093946

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/cjs/kup-cell.cjs.entry.js +1 -1
package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
package/dist/collection/components/kup-cell/kup-cell.css +1 -1
package/dist/components/kup-cell.js +1 -1
package/dist/components/kup-cell.js.map +1 -1
package/dist/esm/kup-cell.entry.js +1 -1
package/dist/esm/kup-cell.entry.js.map +1 -1
package/dist/ketchup/ketchup.esm.js +1 -1
package/dist/ketchup/p-bbc10d85.entry.js +2 -0
package/dist/ketchup/p-bbc10d85.entry.js.map +1 -0
package/package.json +1 -1
package/dist/ketchup/p-4799c97f.entry.js +0 -2
package/dist/ketchup/p-4799c97f.entry.js.map +0 -1

package/dist/cjs/kup-cell.cjs.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ require('./f-checkbox-4e8f39f8.js');
 require('./f-text-field-8b373b26.js');
 require('./f-chip-dbe137ed.js');
-const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";
+const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {

package/dist/cjs/kup-cell.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kup-cell.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FCellPadding","KupCellElementsPosition","getProps","KupCellProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","h","Host","submitPositionAdapter","FCell","FButton","KupLanguageGeneric"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-cell.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FCellPadding","KupCellElementsPosition","getProps","KupCellProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","h","Host","submitPositionAdapter","FCell","FButton","KupLanguageGeneric"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

package/dist/collection/components/kup-cell/kup-cell.css CHANGED Viewed

@@ -143,6 +143,6 @@
 }
 #kup-component {
-  height: 100%;
+  height: fit-content;
   width: 100%;
 }

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } fr
 import { k as kupManagerInstance, q as FCellPadding, ap as KupCellElementsPosition, g as getProps, s as setProps, aa as KupDragEffect, aq as submitPositionAdapter, d as KupLanguageGeneric, ar as KupCellProps } from './kup-manager.js';
 import { c as componentWrapperId, L as FCell, S as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './kup-autocomplete2.js';
-const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";
+const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {

package/dist/components/kup-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kup-cell.js","mappings":"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","names":["KupCell"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-cell.js","mappings":"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","names":["KupCell"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

package/dist/esm/kup-cell.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ import './f-checkbox-6a591860.js';
 import './f-text-field-ca6c5386.js';
 import './f-chip-ebf776f3.js';
-const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";
+const kupCellCss = ".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {

package/dist/esm/kup-cell.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kup-cell.entry.js","mappings":"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","names":[],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-cell.entry.js","mappings":"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","names":[],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\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 The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /\n Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

package/dist/ketchup/ketchup.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-d7c15b0e.js";export{s as setNonce}from"./p-d7c15b0e.js";import{g as a}from"./p-e1255160.js";var l=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};l().then((async e=>{await a();return t(JSON.parse('[["p-a55d2c8b",[[1,"kup-data-table",{"stateId":[1,"state-id"],"store":[16],"autoFillMissingCells":[4,"auto-fill-missing-cells"],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dragEnabled":[1540,"drag-enabled"],"dropEnabled":[516,"drop-enabled"],"editableData":[1028,"editable-data"],"emptyDataLabel":[1025,"empty-data-label"],"enableColumnsFormula":[4,"enable-columns-formula"],"enableExtraColumns":[4,"enable-extra-columns"],"enableMergeColumns":[4,"enable-merge-columns"],"enableSortableColumns":[4,"enable-sortable-columns"],"expandGroups":[4,"expand-groups"],"filters":[1040],"fixedColumns":[2,"fixed-columns"],"fixedColumnsR":[2,"fixed-columns-r"],"fixedRows":[2,"fixed-rows"],"forceOneLine":[516,"force-one-line"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"groupLabelDisplay":[1,"group-label-display"],"groups":[1040],"headerIsPersistent":[4,"header-is-persistent"],"insertMode":[1,"insert-mode"],"isFocusable":[4,"is-focusable"],"lazyLoadRows":[4,"lazy-load-rows"],"lineBreakCharacter":[1,"line-break-character"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"pageSelected":[2,"page-selected"],"paginatorPos":[1,"paginator-pos"],"legacyLook":[516,"legacy-look"],"removableColumns":[4,"removable-columns"],"resizableColumns":[4,"resizable-columns"],"rowActions":[16],"commands":[16],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selection":[1],"showCustomization":[4,"show-customization"],"showDeleteButton":[4,"show-delete-button"],"showHistoryButton":[4,"show-history-button"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showGrid":[1,"show-grid"],"showGroups":[4,"show-groups"],"showHeader":[4,"show-header"],"showLoadMore":[4,"show-load-more"],"sort":[1040],"sortableColumnsMutateData":[4,"sortable-columns-mutate-data"],"sortEnabled":[4,"sort-enabled"],"tableHeight":[1,"table-height"],"tableWidth":[1,"table-width"],"totals":[1040],"transpose":[1028],"updatableData":[1028,"updatable-data"],"lazyLoadCells":[32],"currentPage":[32],"currentRowsPerPage":[32],"selectedRows":[32],"selectedColumn":[32],"columnMenuAnchor":[32],"groupState":[32],"openedTotalMenu":[32],"openedCustomSettings":[32],"fontsize":[32],"closeColumnMenu":[64],"collapseAll":[64],"deleteRows":[64],"closeInsertCard":[64],"closeConfirmDeleteCard":[64],"getCards":[64],"insertNewRow":[64],"expandAll":[64],"getProps":[64],"getSelectedRows":[64],"hideColumn":[64],"setGroupExpansionByDepth":[64],"newColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setCellValue":[64],"setFocus":[64],"setProps":[64],"setSelectedRows":[64],"getInternalState":[64],"defaultSortingFunction":[64]},null,{"rowsPerPage":["rowsPerPageHandler","recalculateRows"],"expandGroups":["expandGroupsHandler"],"filters":["filtersChanged"],"globalFilterValue":["filtersChanged"],"sort":["recalculateRows"],"totals":["recalculateRows"],"currentPage":["recalculateRows"],"currentRowsPerPage":["recalculateRows"],"data":["identifyAndInitRows","decorateAndInitForUpdTable"],"groups":["recalculateRowsAndUndoSelections"],"fixedColumns":["controlFixedRowsColumns"],"fixedColumnsR":["controlFixedRowsColumns"],"fixedRows":["controlFixedRowsColumns"],"transpose":["recalculateData"]}],[1,"kup-form",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"labelPlacement":[1,"label-placement"],"layout":[16],"submitCb":[16],"getProps":[64],"refresh":[64],"setFocus":[64],"setProps":[64]},null,{"data":["onDataChanged"],"layout":["onLayoutChanged"]}],[1,"kup-toolbar",{"customStyle":[1,"custom-style"],"data":[1040],"focused":[32],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-autocomplete",{"alert":[1],"allowInconsistentValues":[4,"allow-inconsistent-values"],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"displayMode":[1,"display-mode"],"error":[1],"icon":[1],"initialValue":[1,"initial-value"],"isClearable":[4,"is-clearable"],"inputDelay":[2,"input-delay"],"label":[1],"leadingLabel":[4,"leading-label"],"minimumChars":[2,"minimum-chars"],"readOnly":[4,"read-only"],"selectMode":[1,"select-mode"],"serverHandledFilter":[516,"server-handled-filter"],"showDropDownIcon":[4,"show-drop-down-icon"],"sizing":[1],"trailingIcon":[4,"trailing-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-button",{"buttonType":[1,"button-type"],"checked":[1028],"contentAlign":[1,"content-align"],"customStyle":[1,"custom-style"],"disabled":[4],"icon":[1],"iconOff":[1,"icon-off"],"label":[1],"blackMode":[4,"black-mode"],"placeholderIcon":[1,"placeholder-icon"],"styling":[1],"showSpinner":[4,"show-spinner"],"toggable":[4],"trailingIcon":[4,"trailing-icon"],"sizing":[1],"keyShortcut":[1,"key-shortcut"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-button-list",{"blackMode":[4,"black-mode"],"contentAlign":[1,"content-align"],"columns":[2],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"showSelection":[4,"show-selection"],"sizing":[1],"styling":[513],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}],[1,"kup-checkbox",{"alert":[1],"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"error":[1],"indeterminate":[1028],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-color-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"initialValue":[1,"initial-value"],"readOnly":[4,"read-only"],"swatchOnly":[4,"swatch-only"],"value":[32],"getProps":[64],"getValue":[64],"setFocus":[64],"setProps":[64],"setValue":[64],"refresh":[64]}],[1,"kup-dropdown-button",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"dropdownOnly":[4,"dropdown-only"],"icon":[1],"initialValue":[1,"initial-value"],"label":[1],"placeholderIcon":[1,"placeholder-icon"],"selectMode":[1,"select-mode"],"sizing":[1],"styling":[1],"trailingIcon":[4,"trailing-icon"],"id":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-radio",{"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"horizontal":[4],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tree",{"asAccordion":[516,"as-accordion"],"columns":[1040],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dynamicExpansionCallback":[16],"editableData":[4,"editable-data"],"enableExtraColumns":[4,"enable-extra-columns"],"expanded":[4],"expansionMode":[1,"expansion-mode"],"filters":[1040],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"globalFilterMode":[1,"global-filter-mode"],"preventXScroll":[516,"prevent-x-scroll"],"removableColumns":[4,"removable-columns"],"ripple":[4],"scrollOnHover":[4,"scroll-on-hover"],"showColumns":[1028,"show-columns"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showHeader":[1028,"show-header"],"showIcons":[4,"show-icons"],"stateId":[1,"state-id"],"store":[16],"useDynamicExpansion":[4,"use-dynamic-expansion"],"totals":[1040],"treeColumnVisible":[32],"openedTotalMenu":[32],"columnMenuAnchor":[32],"stateSwitcher":[32],"selectedNode":[32],"getSelectedNode":[64],"setSelectedNode":[64],"isEmpty":[64],"closeColumnMenu":[64],"collapseAll":[64],"expandAll":[64],"setExpansionByDepth":[64],"getProps":[64],"hideColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["enrichDataWhenChanged"],"expanded":["enrichStructureStateWhenChanged"]}],[1,"kup-image",{"badgeData":[16],"color":[1],"customStyle":[1,"custom-style"],"data":[16],"feedback":[4],"isCanvas":[4,"is-canvas"],"placeholderResource":[1,"placeholder-resource"],"resource":[1],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"zoomEnable":[4,"zoom-enable"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-badge",{"customStyle":[1,"custom-style"],"imageData":[16],"type":[1],"text":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-card",{"customStyle":[1,"custom-style"],"data":[16],"isMenu":[516,"is-menu"],"layoutFamily":[1,"layout-family"],"layoutNumber":[2,"layout-number"],"menuVisible":[1540,"menu-visible"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-chart",{"asp":[1],"axis":[1],"chartTitle":[16],"colors":[16],"customStyle":[1,"custom-style"],"data":[16],"hAxis":[16],"hAxes":[16],"legend":[1],"offlineMode":[16],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"sorting":[16],"stacked":[4],"types":[16],"vAxes":[16],"vAxis":[16],"trendlines":[16],"version":[1],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["identifyRows"]}],[1,"kup-chip",{"customStyle":[1,"custom-style"],"data":[1040],"displayId":[4,"display-id"],"enableInput":[4,"enable-input"],"type":[1],"sizing":[1],"styling":[1],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}],[1,"kup-combobox",{"alert":[1],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"error":[1],"icon":[1],"initialValue":[1,"initial-value"],"isClearable":[4,"is-clearable"],"isSelect":[516,"is-select"],"label":[1],"leadingLabel":[4,"leading-label"],"readOnly":[4,"read-only"],"selectMode":[1,"select-mode"],"showDropDownIcon":[4,"show-drop-down-icon"],"sizing":[1],"trailingIcon":[4,"trailing-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]],{"initialValue":["initialValueChange"]}],[1,"kup-date-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"firstDayIndex":[2,"first-day-index"],"initialValue":[1,"initial-value"],"outlined":[4],"sizing":[1],"showIcon":[4,"show-icon"],"showPreviousNextMonthDays":[4,"show-previous-next-month-days"],"error":[1],"stateSwitcher":[32],"ISOvalue":[32],"notISOvalue":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]],{"firstDayIndex":["watchFirstDayIndex"]}],[1,"kup-gauge",{"arcThickness":[2,"arc-thickness"],"colors":[16],"customStyle":[1,"custom-style"],"firstThreshold":[2,"first-threshold"],"labelDistance":[1026,"label-distance"],"maxValue":[1026,"max-value"],"measurementUnit":[1,"measurement-unit"],"minValue":[1026,"min-value"],"needleCircle":[4,"needle-circle"],"onlyValue":[4,"only-value"],"reverseColors":[4,"reverse-colors"],"secondThreshold":[2,"second-threshold"],"showLabels":[4,"show-labels"],"showMaxmin":[4,"show-maxmin"],"showValue":[4,"show-value"],"size":[2],"value":[1026],"valueSize":[2,"value-size"],"widthComponent":[1,"width-component"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-list",{"customStyle":[1,"custom-style"],"data":[1040],"displayMode":[1,"display-mode"],"filter":[1025],"hideText":[4,"hide-text"],"isMenu":[4,"is-menu"],"keyboardNavigation":[4,"keyboard-navigation"],"menuVisible":[4,"menu-visible"],"roleType":[1025,"role-type"],"selectable":[4],"showIcons":[4,"show-icons"],"twoLine":[4,"two-line"],"focused":[32],"selected":[32],"focusNext":[64],"focusPrevious":[64],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"select":[64],"setProps":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-progress-bar",{"centeredLabel":[4,"centered-label"],"customStyle":[1,"custom-style"],"hideLabel":[4,"hide-label"],"icon":[1],"label":[1],"isRadial":[516,"is-radial"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-rating",{"customStyle":[1,"custom-style"],"disabled":[4],"maxValue":[2,"max-value"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-spinner",{"active":[516],"barVariant":[4,"bar-variant"],"customStyle":[1,"custom-style"],"dimensions":[1],"fader":[4],"faderTimeout":[2,"fader-timeout"],"fullScreen":[516,"full-screen"],"layout":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-switch",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"label":[1],"leadingLabel":[4,"leading-label"],"sizing":[1],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tab-bar",{"customStyle":[1,"custom-style"],"data":[16],"dense":[4],"ripple":[4],"toolbar":[4],"toolbarData":[16],"value":[32],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"setProps":[64]},null,{"ripple":["applyRipple"]}],[1,"kup-text-field",{"alert":[1],"allowNegative":[4,"allow-negative"],"customStyle":[1,"custom-style"],"decimals":[2],"disabled":[4],"emitSubmitEventOnEnter":[4,"emit-submit-event-on-enter"],"error":[1],"fullWidth":[516,"full-width"],"group":[4],"helper":[1],"helperIcon":[4,"helper-icon"],"helperEnabled":[4,"helper-enabled"],"helperWhenFocused":[4,"helper-when-focused"],"hiddenCounter":[4,"hidden-counter"],"icon":[1],"initialValue":[1,"initial-value"],"inputMode":[1,"input-mode"],"inputType":[1,"input-type"],"integers":[2],"isClearable":[4,"is-clearable"],"label":[1],"lightMode":[4,"light-mode"],"leadingLabel":[4,"leading-label"],"max":[2],"maxLength":[2,"max-length"],"min":[2],"name":[1],"outlined":[4],"placeholder":[1],"quantityButtons":[4,"quantity-buttons"],"readOnly":[4,"read-only"],"size":[2],"sizing":[1],"step":[2],"textArea":[4,"text-area"],"trailingIcon":[4,"trailing-icon"],"trailingLabel":[4,"trailing-label"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]}],[1,"kup-time-picker",{"clockVariant":[4,"clock-variant"],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"initialValue":[1,"initial-value"],"manageSeconds":[4,"manage-seconds"],"timeMinutesStep":[2,"time-minutes-step"],"error":[1],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[4,"keyup","listenKeyup"]],{"timeMinutesStep":["watchTimeMinutesStep"]}],[1,"kup-dialog",{"autoCenter":[16],"customStyle":[1,"custom-style"],"header":[16],"modal":[16],"resizable":[4],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"close":[64],"getProps":[64],"recalcPosition":[64],"refresh":[64],"setProps":[64]}]]],["p-67763e23",[[1,"kup-planner",{"stateId":[1,"state-id"],"store":[16],"customStyle":[1,"custom-style"],"data":[16],"detailData":[16],"detailColorCol":[1,"detail-color-col"],"detailColumns":[16],"detailDates":[16],"detailFilter":[1,"detail-filter"],"detailHeight":[2,"detail-height"],"detailHours":[16],"detailIconCol":[1,"detail-icon-col"],"detailIdCol":[1,"detail-id-col"],"detailNameCol":[1,"detail-name-col"],"detailPrevHours":[16],"detailPrevDates":[16],"detailInitialScrollX":[2,"detail-initial-scroll-x"],"detailInitialScrollY":[2,"detail-initial-scroll-y"],"listCellWidth":[1,"list-cell-width"],"maxWidth":[1,"max-width"],"phaseColorCol":[1,"phase-color-col"],"phaseColumns":[16],"phaseColParDep":[1,"phase-col-par-dep"],"phaseDates":[16],"phaseHours":[16],"phaseIconCol":[1,"phase-icon-col"],"phaseIdCol":[1,"phase-id-col"],"phaseNameCol":[1,"phase-name-col"],"phasePrevHours":[16],"phasePrevDates":[16],"readOnly":[4,"read-only"],"showSecondaryDates":[4,"show-secondary-dates"],"taskColumns":[16],"taskDates":[16],"taskFilter":[1,"task-filter"],"taskHeight":[2,"task-height"],"taskHours":[16],"taskIconCol":[1,"task-icon-col"],"taskIdCol":[1,"task-id-col"],"taskInitialScrollX":[2,"task-initial-scroll-x"],"taskInitialScrollY":[2,"task-initial-scroll-y"],"taskNameCol":[1,"task-name-col"],"taskPrevHours":[16],"taskPrevDates":[16],"titleMess":[1,"title-mess"],"viewMode":[1,"view-mode"],"mainFilter":[16],"secondaryFilter":[16],"scrollableTaskList":[4,"scrollable-task-list"],"plannerProps":[32],"getProps":[64],"refresh":[64],"setProps":[64],"addPhases":[64]},null,{"data":["dataChanged"]}]]],["p-f59fb7d0",[[1,"kup-magic-box",{"customStyle":[1,"custom-style"],"data":[1040],"display":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-d5325eb6",[[1,"kup-card-list",{"columnsNumber":[2,"columns-number"],"customStyle":[1,"custom-style"],"data":[16],"fullWidth":[4,"full-width"],"horizontal":[4],"descrCol":[1,"descr-col"],"iconCol":[1,"icon-col"],"valueCol":[1,"value-col"],"measureCol":[1,"measure-col"],"intvalueCol":[1,"intvalue-col"],"decvalueCol":[1,"decvalue-col"],"textcolorCol":[1,"textcolor-col"],"valuecolorCol":[1,"valuecolor-col"],"iconcolorCol":[1,"iconcolor-col"],"layoutCol":[1,"layout-col"],"isClickable":[4,"is-clickable"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-18481eec",[[1,"kup-family-tree",{"autofitOnExpand":[4,"autofit-on-expand"],"autofitOnLoad":[4,"autofit-on-load"],"cardData":[16],"collapsible":[4],"customStyle":[1,"custom-style"],"data":[16],"layout":[2],"stackedLeaves":[4,"stacked-leaves"],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"runAutofit":[64],"setProps":[64]}]]],["p-63683279",[[1,"kup-input-panel",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"submitCb":[16],"optionsHandler":[16],"customButtonClickHandler":[16],"checkValidObjCallback":[16],"inputPanelCells":[32],"tabSelected":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["onDataChanged"]}]]],["p-62596f5d",[[1,"kup-accordion",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"sizing":[1],"selectedItems":[32],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"setProps":[64],"toggleItem":[64]},null,{"ripple":["applyRipple"]}]]],["p-607b83f5",[[1,"kup-activity-timeline",{"data":[16],"dateColumn":[1,"date-column"],"sort":[16],"timeColumn":[1,"time-column"],"timeline":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-16e93198",[[1,"kup-calendar",{"currentDate":[1,"current-date"],"customStyle":[1,"custom-style"],"data":[16],"calendarColumns":[16],"hideNavigation":[4,"hide-navigation"],"editableEvents":[4,"editable-events"],"viewType":[1025,"view-type"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["setCalendarData"],"currentDate":["setCalendarData"]}]]],["p-4799c97f",[[1,"kup-cell",{"customStyle":[1,"custom-style"],"data":[16],"density":[1],"dragEnabled":[4,"drag-enabled"],"showSubmit":[4,"show-submit"],"submitPosition":[1,"submit-position"],"addCssClasses":[64],"getProps":[64],"refresh":[64],"removeCssClasses":[64],"setProps":[64]}]]],["p-192c022f",[[1,"kup-dashboard",{"customStyle":[1,"custom-style"],"data":[16],"enableDesign":[4,"enable-design"],"resetInternalData":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["dataChanged"]}]]],["p-587e12b4",[[1,"kup-drawer",{"customStyle":[1,"custom-style"],"opened":[32],"close":[64],"getProps":[64],"isOpened":[64],"open":[64],"refresh":[64],"setProps":[64],"toggle":[64]}]]],["p-bb7dddb3",[[1,"kup-htm",{"data":[16],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-deb86dcb",[[1,"kup-iframe",{"buttonData":[16],"isButton":[4,"is-button"],"src":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-2389ccc1",[[1,"kup-image-list",{"columns":[16],"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"rows":[2],"selectedNode":[16],"stateId":[1,"state-id"],"store":[16],"currentNode":[32],"navigationBarToggled":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"selectedNode":["selectNode"]}]]],["p-cc901eb3",[[1,"kup-lazy",{"componentName":[1,"component-name"],"customStyle":[1,"custom-style"],"data":[16],"renderMode":[1,"render-mode"],"showPlaceholder":[4,"show-placeholder"],"isInViewport":[32],"getProps":[64],"getComponent":[64],"refresh":[64],"setProps":[64]}]]],["p-a3ace76e",[[1,"kup-nav-bar",{"customStyle":[1,"custom-style"],"styling":[513],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-c4ae346f",[[1,"kup-numeric-picker",{"customStyle":[1,"custom-style"],"data":[1040],"decimals":[4],"disabled":[4],"initialValue":[1,"initial-value"],"maxDecimals":[1026,"max-decimals"],"maxIntegers":[1026,"max-integers"],"maxLength":[2,"max-length"],"negative":[4],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]]]],["p-0b4f6874",[[1,"kup-pdf",{"pdfPath":[1,"pdf-path"],"sendCredentials":[4,"send-credentials"],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"pdfPath":["onPdfPathChange"]}]]],["p-d6243c07",[[1,"kup-photo-frame",{"customStyle":[1,"custom-style"],"placeholderAttrs":[16],"resourceAttrs":[16],"threshold":[2],"isInViewport":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-853e2b1d",[[1,"kup-probe",{"customStyle":[1,"custom-style"],"features":[16],"content":[32],"printLifecycleTime":[64],"refresh":[64]}]]],["p-196f3059",[[0,"kup-qlik",{"config":[16],"qlik":[8],"appid":[513],"app":[520],"grid":[16],"debug":[4],"fluid":[4],"bordered":[4],"defobjsize":[1],"divlist":[32]}]]],["p-8ab1203f",[[1,"kup-snackbar",{"actionButton":[16],"closeButton":[4,"close-button"],"customStyle":[1,"custom-style"],"text":[1],"header":[1],"timeout":[2],"visible":[32],"getProps":[64],"hide":[64],"refresh":[64],"setProps":[64],"show":[64]}]]],["p-b0ca996f",[[1,"kup-typography",{"customStyle":[1,"custom-style"],"toolbar":[4],"toolbarData":[16],"type":[1],"value":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-8e844b9d",[[1,"kup-typography-list",{"customStyle":[1,"custom-style"],"data":[1040],"type":[1],"toolbar":[4],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}]]],["p-9da57972",[[1,"kup-echart",{"axis":[1025],"colors":[16],"consistencyCheck":[4,"consistency-check"],"chartTitle":[16],"customStyle":[1,"custom-style"],"data":[16],"legend":[1],"map":[1],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"stacked":[4],"types":[16],"xAxis":[16],"yAxis":[16],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-f607dc0d",[[0,"kup-editor",{"autosaveTimer":[2,"autosave-timer"],"editorHeight":[1,"editor-height"],"initialEditType":[1,"initial-edit-type"],"initialValue":[1,"initial-value"],"isReadOnly":[4,"is-read-only"],"previewStyle":[1,"preview-style"],"selectedTab":[1,"selected-tab"],"showSaveButton":[4,"show-save-button"],"showToolbar":[4,"show-toolbar"],"editor":[32],"editorRef":[32],"viewer":[32],"getProps":[64],"getValueAsHTML":[64],"getValueAsMarkdown":[64],"refresh":[64],"setProps":[64]},null,{"editorRef":["onEditorRefUpdated"],"editor":["onEditorUpdate"],"initialEditType":["onInitialEditTypeChanged"],"isReadOnly":["onIsReadOnlyChanged"],"previewStyle":["onPreviewStyleChanged"],"selectedTab":["onMarkdownPreviewTabChanged"],"showSaveButton":["onShowSaveButtonChanged"],"showToolbar":["onShowToolBarChanged"],"autosaveTimer":["onAutosaveTimerChanged"]}]]],["p-affd9a2c",[[1,"kup-grid",{"columns":[2],"customStyle":[1,"custom-style"],"singleLine":[4,"single-line"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-26efe39b",[[0,"kup-planner-renderer",{"props":[1040],"timeUnit":[32],"currentTasks":[32],"currentDetails":[32],"scrollX":[32],"mainGanttDoubleView":[32],"displayedDates":[32],"viewDate":[32],"projection":[32],"tasks":[32],"details":[32],"refresh":[64]},null,{"props":["mainGanttChangeHandler"],"timeUnit":["updateDisplayedDates"],"mainGanttDoubleView":["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],"viewDate":["updateDisplayedDates"],"currentTasks":["updateTasks"],"currentDetails":["updateTasks"]}]]],["p-7cdceaea",[[1,"kup-box",{"cardData":[16],"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"dragEnabled":[4,"drag-enabled"],"dropEnabled":[4,"drop-enabled"],"dropOnSection":[4,"drop-on-section"],"editableData":[4,"editable-data"],"enableRowActions":[4,"enable-row-actions"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"kanban":[16],"layout":[16],"lazyLoadRows":[4,"lazy-load-rows"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"multiSelection":[4,"multi-selection"],"pageSelected":[2,"page-selected"],"pagination":[4],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selectBox":[2,"select-box"],"selectedRowsState":[1025,"selected-rows-state"],"showLoadMore":[4,"show-load-more"],"showSelection":[4,"show-selection"],"sortBy":[1025,"sort-by"],"sortEnabled":[4,"sort-enabled"],"stateId":[1,"state-id"],"store":[16],"swipeDisabled":[4,"swipe-disabled"],"collapsedSection":[32],"selectedRows":[32],"rowActionMenuOpened":[32],"currentPage":[32],"currentRowsPerPage":[32],"getProps":[64],"loadRowActions":[64],"refresh":[64],"setProps":[64]},null,{"rowsPerPage":["rowsPerPageHandler","recalculateRows"],"globalFilterValue":["recalculateRows"],"sortBy":["recalculateRows"],"pagination":["recalculateRows"],"currentPage":["recalculateRows"],"currentRowsPerPage":["recalculateRows"],"data":["onDataChanged"],"layout":["onLayoutChanged"],"selectBox":["onSelectBoxChanged"]}]]],["p-94099e24",[[0,"kup-custom-task-list-header",{"label":[1],"doubleView":[4,"double-view"],"setDoubleView":[16],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"]}],[0,"kup-custom-task-list-table",{"ganttId":[1,"gantt-id"],"tasks":[16],"rowHeight":[2,"row-height"],"rowWidth":[1,"row-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"scrollableTaskList":[4,"scrollable-task-list"],"taskListScrollX":[2,"task-list-scroll-x"],"setSelectedTask":[16],"onclickTaskList":[16],"ondblclickTaskList":[16],"oncontextmenuTaskList":[16],"ontaskListScrollWidth":[16]},null,{"taskListScrollX":["updateTaskListScroll"]}],[0,"kup-gantt-calendar",{"dateSetup":[16],"locale":[1],"rtl":[4],"headerHeight":[2,"header-height"],"columnWidth":[2,"column-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"dateTimeFormatters":[16],"singleLineHeader":[4,"single-line-header"],"currentDateIndicator":[16],"svgWidth":[2,"svg-width"],"simplifiedHeader":[32]}],[0,"kup-grid-renderer",{"tasks":[16],"dates":[16],"ganttEvent":[16],"selectedTask":[16],"rowHeight":[2,"row-height"],"columnWidth":[2,"column-width"],"timeStep":[2,"time-step"],"taskHeight":[2,"task-height"],"arrowColor":[1,"arrow-color"],"arrowIndent":[2,"arrow-indent"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rtl":[4],"hideLabel":[4,"hide-label"],"showSecondaryDates":[4,"show-secondary-dates"],"currentDateIndicator":[16],"projection":[16],"readOnly":[4,"read-only"],"gridProps":[16],"dateChange":[16],"progressChange":[16],"doubleClick":[16],"barClick":[16],"barDblClick":[16],"barContextMenu":[16],"delete":[16],"setFailedTask":[16],"setSelectedTask":[16],"eventStart":[16],"eMouseDown":[16],"phaseDrop":[16],"setGanttEvent":[1040],"phaseDragScroll":[16],"xStep":[32],"initEventX1Delta":[32],"initEventXClick":[32],"isMoving":[32],"point":[32],"svg":[32],"currentTarget":[32],"dragScrollInterval":[32],"dropZoneTask":[32]},null,{"columnWidth":["updateXStep"],"dates":["updateXStep"],"timeStep":["updateXStep","updateSvgMove"],"ganttEvent":["updateSvgMove"],"xStep":["updateSvgMove"],"svg":["updateSvgMove"],"initEventX1Delta":["updateSvgMove"],"point":["updateSvgMove"],"rtl":["updateSvgMove"],"onProgressChange":["updateSvgMove"],"onDateChange":["updateSvgMove"]}]]],["p-9fa6808d",[[0,"kup-gantt",{"ganttId":[1,"gantt-id"],"tasks":[16],"headerHeight":[2,"header-height"],"columnWidth":[2,"column-width"],"listCellWidth":[1,"list-cell-width"],"rowHeight":[2,"row-height"],"filter":[16],"ganttHeight":[2,"gantt-height"],"viewMode":[1,"view-mode"],"preStepsCount":[2,"pre-steps-count"],"locale":[1],"barFill":[2,"bar-fill"],"projectFill":[2,"project-fill"],"timelineFill":[2,"timeline-fill"],"barCornerRadius":[2,"bar-corner-radius"],"barProgressColor":[1,"bar-progress-color"],"barProgressSelectedColor":[1,"bar-progress-selected-color"],"barBackgroundColor":[1,"bar-background-color"],"barBackgroundSelectedColor":[1,"bar-background-selected-color"],"projectProgressColor":[1,"project-progress-color"],"projectProgressSelectedColor":[1,"project-progress-selected-color"],"projectBackgroundColor":[1,"project-background-color"],"projectBackgroundSelectedColor":[1,"project-background-selected-color"],"rtl":[4],"handleWidth":[2,"handle-width"],"timeStep":[2,"time-step"],"arrowColor":[1,"arrow-color"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"arrowIndent":[2,"arrow-indent"],"todayColor":[1,"today-color"],"viewDate":[16],"TooltipContent":[16],"TaskListHeader":[16],"TaskListTable":[16],"dateTimeFormatters":[16],"singleLineHeader":[4,"single-line-header"],"hideLabel":[4,"hide-label"],"showSecondaryDates":[4,"show-secondary-dates"],"hideDependencies":[4,"hide-dependencies"],"projection":[16],"displayedStartDate":[16],"displayedEndDate":[16],"initialScrollX":[2,"initial-scroll-x"],"initialScrollY":[2,"initial-scroll-y"],"readOnly":[4,"read-only"],"currentTasks":[16],"label":[1],"doubleView":[4,"double-view"],"scrollableTaskList":[4,"scrollable-task-list"],"setDoubleView":[16],"barContextMenu":[16],"scrollXChange":[16],"scrollYChange":[16],"barClick":[16],"barDblClick":[16],"dateChange":[16],"select":[16],"handleClick":[16],"handleDblClick":[16],"handleContextMenu":[16],"ganttOnClick":[16],"ganttOnDblClick":[16],"ganttonOnContextMenu":[16],"progressChange":[16],"doubleClick":[16],"delete":[16],"expanderClick":[16],"phaseDrop":[16],"wrapperRef":[32],"taskGanttRef":[32],"taskListRef":[32],"dateSetup":[32],"taskListWidth":[32],"svgContainerWidth":[32],"svgContainerHeight":[32],"barTasks":[32],"ganttEvent":[32],"taskHeight":[32],"projectHeight":[32],"timelineHeight":[32],"selectedTask":[32],"failedTask":[32],"svgWidth":[32],"ganttFullHeight":[32],"scrollX":[32],"scrollY":[32],"ignoreScrollEvent":[32],"currentDateIndicatorContent":[32],"projectionContent":[32],"taskListScrollWidth":[32],"taskListScrollX":[32],"refresh":[64]},[[0,"wheel","handleWheel"]],{"initialScrollY":["updateInitialScrollY"],"scrollYChange":["updateInitialScrollY"],"initialScrollX":["updateInitialScrollX","updateIgnoreScrollEvent"],"scrollXChange":["updateInitialScrollX"],"tasks":["updateGanttData","updateSvgContainerHeight"],"viewMode":["updateGanttData","updateIgnoreScrollEvent"],"preStepsCount":["updateGanttData"],"rowHeight":["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],"barCornerRadius":["updateGanttData"],"columnWidth":["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],"taskHeight":["updateGanttData"],"handleWidth":["updateGanttData"],"barProgressColor":["updateGanttData"],"barProgressSelectedColor":["updateGanttData"],"barBackgroundColor":["updateGanttData"],"barBackgroundSelectedColor":["updateGanttData"],"projectProgressColor":["updateGanttData"],"projectProgressSelectedColor":["updateGanttData"],"projectBackgroundColor":["updateGanttData"],"projectBackgroundSelectedColor":["updateGanttData"],"milestoneBackgroundColor":["updateGanttData"],"milestoneBackgroundSelectedColor":["updateGanttData"],"rtl":["updateGanttData","handleWheel"],"scrollX":["updateGanttData","handleWheel"],"onExpanderClick":["updateGanttData"],"showSecondaryDates":["updateGanttData"],"projectHeight":["updateGanttData"],"timelineHeight":["updateGanttData"],"displayedStartDate":["updateGanttData"],"displayedEndDate":["updateGanttData"],"dateSetup":["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],"viewDate":["updateIgnoreScrollEvent"],"ganttEvent":["updateGanttEventAndBarTasks"],"failedTask":["updateFailedTasksAndBarChart"],"barTasks":["updateFailedTasksAndBarChart","updateGanttFullHeight"],"taskListRef":["updateTaskListWidth"],"listCellWidth":["updateTaskListWidth"],"wrapperRef":["updateSvgContainerWidth","handleWheel"],"ganttHeight":["updateSvgContainerHeight","handleWheel"],"headerHeight":["updateSvgContainerHeight"],"scrollY":["handleWheel"],"svgWidth":["handleWheel"],"ganttFullHeight":["handleWheel"],"todayColor":["updateCurrentDateIndicatorContent"],"projection":["updateProjectionContent"]}],[0,"kup-switcher",{"timeUnitChange":[16],"activeButton":[32]}],[0,"kup-task-gantt",{"gridProps":[16],"calendarProps":[16],"barProps":[16],"taskGanttRef":[16],"ganttHeight":[2,"gantt-height"],"scrollY":[1026,"scroll-y"],"scrollX":[1026,"scroll-x"],"phaseDragScroll":[16]},null,{"scrollX":["updateScrollX"],"verticalGanttContainerRef":["updateScrollX"],"scrollY":["updateScrollY"],"horizontalContainerRef":["updateScrollY"]}],[0,"kup-task-list",{"headerHeight":[2,"header-height"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rowWidth":[1,"row-width"],"rowHeight":[2,"row-height"],"scrollY":[2,"scroll-y"],"locale":[1],"tasks":[16],"selectedTask":[16],"horizontalContainerClass":[1,"horizontal-container-class"],"ganttHeight":[2,"gantt-height"],"filter":[16],"TaskListHeader":[16],"TaskListTable":[16],"currentTasks":[16],"label":[1],"doubleView":[4,"double-view"],"scrollableTaskList":[4,"scrollable-task-list"],"updateTaskListScrollX":[4,"update-task-list-scroll-x"],"taskListScrollX":[2,"task-list-scroll-x"],"setDoubleView":[16],"handleClick":[16],"handleDblClick":[16],"handleContextMenu":[16],"ganttOnClick":[16],"ganttOnDblClick":[16],"ganttonOnContextMenu":[16],"setSelectedTask":[16],"expanderClick":[16],"ontaskListScrollWidth":[16],"selectedTaskId":[32]},null,{"scrollY":["updateScrollY"]}],[1,"kup-horizontal-scroll",{"scrollNumber":[2,"scroll-number"],"svgWidth":[2,"svg-width"],"taskListTrueRef":[16],"rtl":[4],"taskListWidth":[2,"task-list-width"],"scrollableTaskList":[4,"scrollable-task-list"],"listCellWidth":[1,"list-cell-width"],"taskListScrollWidth":[2,"task-list-scroll-width"],"taskListScrollNumber":[2,"task-list-scroll-number"],"horizontalScroll":[16],"horizontalTaskListScroll":[16],"timeoutId":[32]},null,{"scrollNumber":["scrollLeft"],"taskListScrollNumber":["listScrollLeft"]}],[1,"kup-standard-tooltip",{"task":[16],"fontSize":[1,"font-size"],"fontFamily":[1,"font-family"]}],[0,"kup-task-list-header",{"headerHeight":[2,"header-height"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rowWidth":[1,"row-width"]}],[0,"kup-task-list-table",{"rowHeight":[2,"row-height"],"rowWidth":[1,"row-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"locale":[1],"tasks":[16],"selectedTaskId":[1,"selected-task-id"],"setSelectedTask":[16],"expanderClick":[16],"expandedTasks":[32]}],[1,"kup-tooltip",{"task":[16],"rowHeight":[2,"row-height"],"rtl":[4],"svgContainerHeight":[2,"svg-container-height"],"svgContainerWidth":[2,"svg-container-width"],"scrollX":[2,"scroll-x"],"scrollY":[2,"scroll-y"],"arrowIndent":[2,"arrow-indent"],"fontSize":[1,"font-size"],"fontFamily":[1,"font-family"],"headerHeight":[2,"header-height"],"taskListWidth":[2,"task-list-width"],"TooltipContent":[8,"tooltip-content"],"svgWidth":[2,"svg-width"],"relatedY":[32],"relatedX":[32]},null,{"task":["calculateTooltipPosition"],"arrowIndent":["calculateTooltipPosition"],"scrollX":["calculateTooltipPosition"],"scrollY":["calculateTooltipPosition"],"headerHeight":["calculateTooltipPosition"],"taskListWidth":["calculateTooltipPosition"],"rowHeight":["calculateTooltipPosition"],"svgContainerHeight":["calculateTooltipPosition"],"svgContainerWidth":["calculateTooltipPosition"],"rtl":["calculateTooltipPosition"]}],[0,"kup-vertical-scroll",{"scrollNumber":[2,"scroll-number"],"ganttHeight":[2,"gantt-height"],"ganttFullHeight":[2,"gantt-full-height"],"headerHeight":[2,"header-height"],"rtl":[4],"verticalScroll":[16]},null,{"scrollNumber":["updateScroll"]}]]]]'),e)}));
+import{p as e,b as t}from"./p-d7c15b0e.js";export{s as setNonce}from"./p-d7c15b0e.js";import{g as a}from"./p-e1255160.js";var l=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};l().then((async e=>{await a();return t(JSON.parse('[["p-a55d2c8b",[[1,"kup-data-table",{"stateId":[1,"state-id"],"store":[16],"autoFillMissingCells":[4,"auto-fill-missing-cells"],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dragEnabled":[1540,"drag-enabled"],"dropEnabled":[516,"drop-enabled"],"editableData":[1028,"editable-data"],"emptyDataLabel":[1025,"empty-data-label"],"enableColumnsFormula":[4,"enable-columns-formula"],"enableExtraColumns":[4,"enable-extra-columns"],"enableMergeColumns":[4,"enable-merge-columns"],"enableSortableColumns":[4,"enable-sortable-columns"],"expandGroups":[4,"expand-groups"],"filters":[1040],"fixedColumns":[2,"fixed-columns"],"fixedColumnsR":[2,"fixed-columns-r"],"fixedRows":[2,"fixed-rows"],"forceOneLine":[516,"force-one-line"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"groupLabelDisplay":[1,"group-label-display"],"groups":[1040],"headerIsPersistent":[4,"header-is-persistent"],"insertMode":[1,"insert-mode"],"isFocusable":[4,"is-focusable"],"lazyLoadRows":[4,"lazy-load-rows"],"lineBreakCharacter":[1,"line-break-character"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"pageSelected":[2,"page-selected"],"paginatorPos":[1,"paginator-pos"],"legacyLook":[516,"legacy-look"],"removableColumns":[4,"removable-columns"],"resizableColumns":[4,"resizable-columns"],"rowActions":[16],"commands":[16],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selection":[1],"showCustomization":[4,"show-customization"],"showDeleteButton":[4,"show-delete-button"],"showHistoryButton":[4,"show-history-button"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showGrid":[1,"show-grid"],"showGroups":[4,"show-groups"],"showHeader":[4,"show-header"],"showLoadMore":[4,"show-load-more"],"sort":[1040],"sortableColumnsMutateData":[4,"sortable-columns-mutate-data"],"sortEnabled":[4,"sort-enabled"],"tableHeight":[1,"table-height"],"tableWidth":[1,"table-width"],"totals":[1040],"transpose":[1028],"updatableData":[1028,"updatable-data"],"lazyLoadCells":[32],"currentPage":[32],"currentRowsPerPage":[32],"selectedRows":[32],"selectedColumn":[32],"columnMenuAnchor":[32],"groupState":[32],"openedTotalMenu":[32],"openedCustomSettings":[32],"fontsize":[32],"closeColumnMenu":[64],"collapseAll":[64],"deleteRows":[64],"closeInsertCard":[64],"closeConfirmDeleteCard":[64],"getCards":[64],"insertNewRow":[64],"expandAll":[64],"getProps":[64],"getSelectedRows":[64],"hideColumn":[64],"setGroupExpansionByDepth":[64],"newColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setCellValue":[64],"setFocus":[64],"setProps":[64],"setSelectedRows":[64],"getInternalState":[64],"defaultSortingFunction":[64]},null,{"rowsPerPage":["rowsPerPageHandler","recalculateRows"],"expandGroups":["expandGroupsHandler"],"filters":["filtersChanged"],"globalFilterValue":["filtersChanged"],"sort":["recalculateRows"],"totals":["recalculateRows"],"currentPage":["recalculateRows"],"currentRowsPerPage":["recalculateRows"],"data":["identifyAndInitRows","decorateAndInitForUpdTable"],"groups":["recalculateRowsAndUndoSelections"],"fixedColumns":["controlFixedRowsColumns"],"fixedColumnsR":["controlFixedRowsColumns"],"fixedRows":["controlFixedRowsColumns"],"transpose":["recalculateData"]}],[1,"kup-form",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"labelPlacement":[1,"label-placement"],"layout":[16],"submitCb":[16],"getProps":[64],"refresh":[64],"setFocus":[64],"setProps":[64]},null,{"data":["onDataChanged"],"layout":["onLayoutChanged"]}],[1,"kup-toolbar",{"customStyle":[1,"custom-style"],"data":[1040],"focused":[32],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-autocomplete",{"alert":[1],"allowInconsistentValues":[4,"allow-inconsistent-values"],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"displayMode":[1,"display-mode"],"error":[1],"icon":[1],"initialValue":[1,"initial-value"],"isClearable":[4,"is-clearable"],"inputDelay":[2,"input-delay"],"label":[1],"leadingLabel":[4,"leading-label"],"minimumChars":[2,"minimum-chars"],"readOnly":[4,"read-only"],"selectMode":[1,"select-mode"],"serverHandledFilter":[516,"server-handled-filter"],"showDropDownIcon":[4,"show-drop-down-icon"],"sizing":[1],"trailingIcon":[4,"trailing-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-button",{"buttonType":[1,"button-type"],"checked":[1028],"contentAlign":[1,"content-align"],"customStyle":[1,"custom-style"],"disabled":[4],"icon":[1],"iconOff":[1,"icon-off"],"label":[1],"blackMode":[4,"black-mode"],"placeholderIcon":[1,"placeholder-icon"],"styling":[1],"showSpinner":[4,"show-spinner"],"toggable":[4],"trailingIcon":[4,"trailing-icon"],"sizing":[1],"keyShortcut":[1,"key-shortcut"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-button-list",{"blackMode":[4,"black-mode"],"contentAlign":[1,"content-align"],"columns":[2],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"showSelection":[4,"show-selection"],"sizing":[1],"styling":[513],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}],[1,"kup-checkbox",{"alert":[1],"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"error":[1],"indeterminate":[1028],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-color-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"initialValue":[1,"initial-value"],"readOnly":[4,"read-only"],"swatchOnly":[4,"swatch-only"],"value":[32],"getProps":[64],"getValue":[64],"setFocus":[64],"setProps":[64],"setValue":[64],"refresh":[64]}],[1,"kup-dropdown-button",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"dropdownOnly":[4,"dropdown-only"],"icon":[1],"initialValue":[1,"initial-value"],"label":[1],"placeholderIcon":[1,"placeholder-icon"],"selectMode":[1,"select-mode"],"sizing":[1],"styling":[1],"trailingIcon":[4,"trailing-icon"],"id":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-radio",{"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"horizontal":[4],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tree",{"asAccordion":[516,"as-accordion"],"columns":[1040],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dynamicExpansionCallback":[16],"editableData":[4,"editable-data"],"enableExtraColumns":[4,"enable-extra-columns"],"expanded":[4],"expansionMode":[1,"expansion-mode"],"filters":[1040],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"globalFilterMode":[1,"global-filter-mode"],"preventXScroll":[516,"prevent-x-scroll"],"removableColumns":[4,"removable-columns"],"ripple":[4],"scrollOnHover":[4,"scroll-on-hover"],"showColumns":[1028,"show-columns"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showHeader":[1028,"show-header"],"showIcons":[4,"show-icons"],"stateId":[1,"state-id"],"store":[16],"useDynamicExpansion":[4,"use-dynamic-expansion"],"totals":[1040],"treeColumnVisible":[32],"openedTotalMenu":[32],"columnMenuAnchor":[32],"stateSwitcher":[32],"selectedNode":[32],"getSelectedNode":[64],"setSelectedNode":[64],"isEmpty":[64],"closeColumnMenu":[64],"collapseAll":[64],"expandAll":[64],"setExpansionByDepth":[64],"getProps":[64],"hideColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["enrichDataWhenChanged"],"expanded":["enrichStructureStateWhenChanged"]}],[1,"kup-image",{"badgeData":[16],"color":[1],"customStyle":[1,"custom-style"],"data":[16],"feedback":[4],"isCanvas":[4,"is-canvas"],"placeholderResource":[1,"placeholder-resource"],"resource":[1],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"zoomEnable":[4,"zoom-enable"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-badge",{"customStyle":[1,"custom-style"],"imageData":[16],"type":[1],"text":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-card",{"customStyle":[1,"custom-style"],"data":[16],"isMenu":[516,"is-menu"],"layoutFamily":[1,"layout-family"],"layoutNumber":[2,"layout-number"],"menuVisible":[1540,"menu-visible"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-chart",{"asp":[1],"axis":[1],"chartTitle":[16],"colors":[16],"customStyle":[1,"custom-style"],"data":[16],"hAxis":[16],"hAxes":[16],"legend":[1],"offlineMode":[16],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"sorting":[16],"stacked":[4],"types":[16],"vAxes":[16],"vAxis":[16],"trendlines":[16],"version":[1],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["identifyRows"]}],[1,"kup-chip",{"customStyle":[1,"custom-style"],"data":[1040],"displayId":[4,"display-id"],"enableInput":[4,"enable-input"],"type":[1],"sizing":[1],"styling":[1],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}],[1,"kup-combobox",{"alert":[1],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"error":[1],"icon":[1],"initialValue":[1,"initial-value"],"isClearable":[4,"is-clearable"],"isSelect":[516,"is-select"],"label":[1],"leadingLabel":[4,"leading-label"],"readOnly":[4,"read-only"],"selectMode":[1,"select-mode"],"showDropDownIcon":[4,"show-drop-down-icon"],"sizing":[1],"trailingIcon":[4,"trailing-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]],{"initialValue":["initialValueChange"]}],[1,"kup-date-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"firstDayIndex":[2,"first-day-index"],"initialValue":[1,"initial-value"],"outlined":[4],"sizing":[1],"showIcon":[4,"show-icon"],"showPreviousNextMonthDays":[4,"show-previous-next-month-days"],"error":[1],"stateSwitcher":[32],"ISOvalue":[32],"notISOvalue":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]],{"firstDayIndex":["watchFirstDayIndex"]}],[1,"kup-gauge",{"arcThickness":[2,"arc-thickness"],"colors":[16],"customStyle":[1,"custom-style"],"firstThreshold":[2,"first-threshold"],"labelDistance":[1026,"label-distance"],"maxValue":[1026,"max-value"],"measurementUnit":[1,"measurement-unit"],"minValue":[1026,"min-value"],"needleCircle":[4,"needle-circle"],"onlyValue":[4,"only-value"],"reverseColors":[4,"reverse-colors"],"secondThreshold":[2,"second-threshold"],"showLabels":[4,"show-labels"],"showMaxmin":[4,"show-maxmin"],"showValue":[4,"show-value"],"size":[2],"value":[1026],"valueSize":[2,"value-size"],"widthComponent":[1,"width-component"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-list",{"customStyle":[1,"custom-style"],"data":[1040],"displayMode":[1,"display-mode"],"filter":[1025],"hideText":[4,"hide-text"],"isMenu":[4,"is-menu"],"keyboardNavigation":[4,"keyboard-navigation"],"menuVisible":[4,"menu-visible"],"roleType":[1025,"role-type"],"selectable":[4],"showIcons":[4,"show-icons"],"twoLine":[4,"two-line"],"focused":[32],"selected":[32],"focusNext":[64],"focusPrevious":[64],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"select":[64],"setProps":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-progress-bar",{"centeredLabel":[4,"centered-label"],"customStyle":[1,"custom-style"],"hideLabel":[4,"hide-label"],"icon":[1],"label":[1],"isRadial":[516,"is-radial"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-rating",{"customStyle":[1,"custom-style"],"disabled":[4],"maxValue":[2,"max-value"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-spinner",{"active":[516],"barVariant":[4,"bar-variant"],"customStyle":[1,"custom-style"],"dimensions":[1],"fader":[4],"faderTimeout":[2,"fader-timeout"],"fullScreen":[516,"full-screen"],"layout":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-switch",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"label":[1],"leadingLabel":[4,"leading-label"],"sizing":[1],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tab-bar",{"customStyle":[1,"custom-style"],"data":[16],"dense":[4],"ripple":[4],"toolbar":[4],"toolbarData":[16],"value":[32],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"setProps":[64]},null,{"ripple":["applyRipple"]}],[1,"kup-text-field",{"alert":[1],"allowNegative":[4,"allow-negative"],"customStyle":[1,"custom-style"],"decimals":[2],"disabled":[4],"emitSubmitEventOnEnter":[4,"emit-submit-event-on-enter"],"error":[1],"fullWidth":[516,"full-width"],"group":[4],"helper":[1],"helperIcon":[4,"helper-icon"],"helperEnabled":[4,"helper-enabled"],"helperWhenFocused":[4,"helper-when-focused"],"hiddenCounter":[4,"hidden-counter"],"icon":[1],"initialValue":[1,"initial-value"],"inputMode":[1,"input-mode"],"inputType":[1,"input-type"],"integers":[2],"isClearable":[4,"is-clearable"],"label":[1],"lightMode":[4,"light-mode"],"leadingLabel":[4,"leading-label"],"max":[2],"maxLength":[2,"max-length"],"min":[2],"name":[1],"outlined":[4],"placeholder":[1],"quantityButtons":[4,"quantity-buttons"],"readOnly":[4,"read-only"],"size":[2],"sizing":[1],"step":[2],"textArea":[4,"text-area"],"trailingIcon":[4,"trailing-icon"],"trailingLabel":[4,"trailing-label"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]}],[1,"kup-time-picker",{"clockVariant":[4,"clock-variant"],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"initialValue":[1,"initial-value"],"manageSeconds":[4,"manage-seconds"],"timeMinutesStep":[2,"time-minutes-step"],"error":[1],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[4,"keyup","listenKeyup"]],{"timeMinutesStep":["watchTimeMinutesStep"]}],[1,"kup-dialog",{"autoCenter":[16],"customStyle":[1,"custom-style"],"header":[16],"modal":[16],"resizable":[4],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"close":[64],"getProps":[64],"recalcPosition":[64],"refresh":[64],"setProps":[64]}]]],["p-67763e23",[[1,"kup-planner",{"stateId":[1,"state-id"],"store":[16],"customStyle":[1,"custom-style"],"data":[16],"detailData":[16],"detailColorCol":[1,"detail-color-col"],"detailColumns":[16],"detailDates":[16],"detailFilter":[1,"detail-filter"],"detailHeight":[2,"detail-height"],"detailHours":[16],"detailIconCol":[1,"detail-icon-col"],"detailIdCol":[1,"detail-id-col"],"detailNameCol":[1,"detail-name-col"],"detailPrevHours":[16],"detailPrevDates":[16],"detailInitialScrollX":[2,"detail-initial-scroll-x"],"detailInitialScrollY":[2,"detail-initial-scroll-y"],"listCellWidth":[1,"list-cell-width"],"maxWidth":[1,"max-width"],"phaseColorCol":[1,"phase-color-col"],"phaseColumns":[16],"phaseColParDep":[1,"phase-col-par-dep"],"phaseDates":[16],"phaseHours":[16],"phaseIconCol":[1,"phase-icon-col"],"phaseIdCol":[1,"phase-id-col"],"phaseNameCol":[1,"phase-name-col"],"phasePrevHours":[16],"phasePrevDates":[16],"readOnly":[4,"read-only"],"showSecondaryDates":[4,"show-secondary-dates"],"taskColumns":[16],"taskDates":[16],"taskFilter":[1,"task-filter"],"taskHeight":[2,"task-height"],"taskHours":[16],"taskIconCol":[1,"task-icon-col"],"taskIdCol":[1,"task-id-col"],"taskInitialScrollX":[2,"task-initial-scroll-x"],"taskInitialScrollY":[2,"task-initial-scroll-y"],"taskNameCol":[1,"task-name-col"],"taskPrevHours":[16],"taskPrevDates":[16],"titleMess":[1,"title-mess"],"viewMode":[1,"view-mode"],"mainFilter":[16],"secondaryFilter":[16],"scrollableTaskList":[4,"scrollable-task-list"],"plannerProps":[32],"getProps":[64],"refresh":[64],"setProps":[64],"addPhases":[64]},null,{"data":["dataChanged"]}]]],["p-f59fb7d0",[[1,"kup-magic-box",{"customStyle":[1,"custom-style"],"data":[1040],"display":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-d5325eb6",[[1,"kup-card-list",{"columnsNumber":[2,"columns-number"],"customStyle":[1,"custom-style"],"data":[16],"fullWidth":[4,"full-width"],"horizontal":[4],"descrCol":[1,"descr-col"],"iconCol":[1,"icon-col"],"valueCol":[1,"value-col"],"measureCol":[1,"measure-col"],"intvalueCol":[1,"intvalue-col"],"decvalueCol":[1,"decvalue-col"],"textcolorCol":[1,"textcolor-col"],"valuecolorCol":[1,"valuecolor-col"],"iconcolorCol":[1,"iconcolor-col"],"layoutCol":[1,"layout-col"],"isClickable":[4,"is-clickable"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-18481eec",[[1,"kup-family-tree",{"autofitOnExpand":[4,"autofit-on-expand"],"autofitOnLoad":[4,"autofit-on-load"],"cardData":[16],"collapsible":[4],"customStyle":[1,"custom-style"],"data":[16],"layout":[2],"stackedLeaves":[4,"stacked-leaves"],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"runAutofit":[64],"setProps":[64]}]]],["p-63683279",[[1,"kup-input-panel",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"submitCb":[16],"optionsHandler":[16],"customButtonClickHandler":[16],"checkValidObjCallback":[16],"inputPanelCells":[32],"tabSelected":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["onDataChanged"]}]]],["p-62596f5d",[[1,"kup-accordion",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"sizing":[1],"selectedItems":[32],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"setProps":[64],"toggleItem":[64]},null,{"ripple":["applyRipple"]}]]],["p-607b83f5",[[1,"kup-activity-timeline",{"data":[16],"dateColumn":[1,"date-column"],"sort":[16],"timeColumn":[1,"time-column"],"timeline":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-16e93198",[[1,"kup-calendar",{"currentDate":[1,"current-date"],"customStyle":[1,"custom-style"],"data":[16],"calendarColumns":[16],"hideNavigation":[4,"hide-navigation"],"editableEvents":[4,"editable-events"],"viewType":[1025,"view-type"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]},null,{"data":["setCalendarData"],"currentDate":["setCalendarData"]}]]],["p-bbc10d85",[[1,"kup-cell",{"customStyle":[1,"custom-style"],"data":[16],"density":[1],"dragEnabled":[4,"drag-enabled"],"showSubmit":[4,"show-submit"],"submitPosition":[1,"submit-position"],"addCssClasses":[64],"getProps":[64],"refresh":[64],"removeCssClasses":[64],"setProps":[64]}]]],["p-192c022f",[[1,"kup-dashboard",{"customStyle":[1,"custom-style"],"data":[16],"enableDesign":[4,"enable-design"],"resetInternalData":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["dataChanged"]}]]],["p-587e12b4",[[1,"kup-drawer",{"customStyle":[1,"custom-style"],"opened":[32],"close":[64],"getProps":[64],"isOpened":[64],"open":[64],"refresh":[64],"setProps":[64],"toggle":[64]}]]],["p-bb7dddb3",[[1,"kup-htm",{"data":[16],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-deb86dcb",[[1,"kup-iframe",{"buttonData":[16],"isButton":[4,"is-button"],"src":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-2389ccc1",[[1,"kup-image-list",{"columns":[16],"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"rows":[2],"selectedNode":[16],"stateId":[1,"state-id"],"store":[16],"currentNode":[32],"navigationBarToggled":[32],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"selectedNode":["selectNode"]}]]],["p-cc901eb3",[[1,"kup-lazy",{"componentName":[1,"component-name"],"customStyle":[1,"custom-style"],"data":[16],"renderMode":[1,"render-mode"],"showPlaceholder":[4,"show-placeholder"],"isInViewport":[32],"getProps":[64],"getComponent":[64],"refresh":[64],"setProps":[64]}]]],["p-a3ace76e",[[1,"kup-nav-bar",{"customStyle":[1,"custom-style"],"styling":[513],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-c4ae346f",[[1,"kup-numeric-picker",{"customStyle":[1,"custom-style"],"data":[1040],"decimals":[4],"disabled":[4],"initialValue":[1,"initial-value"],"maxDecimals":[1026,"max-decimals"],"maxIntegers":[1026,"max-integers"],"maxLength":[2,"max-length"],"negative":[4],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]]]],["p-0b4f6874",[[1,"kup-pdf",{"pdfPath":[1,"pdf-path"],"sendCredentials":[4,"send-credentials"],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"pdfPath":["onPdfPathChange"]}]]],["p-d6243c07",[[1,"kup-photo-frame",{"customStyle":[1,"custom-style"],"placeholderAttrs":[16],"resourceAttrs":[16],"threshold":[2],"isInViewport":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-853e2b1d",[[1,"kup-probe",{"customStyle":[1,"custom-style"],"features":[16],"content":[32],"printLifecycleTime":[64],"refresh":[64]}]]],["p-196f3059",[[0,"kup-qlik",{"config":[16],"qlik":[8],"appid":[513],"app":[520],"grid":[16],"debug":[4],"fluid":[4],"bordered":[4],"defobjsize":[1],"divlist":[32]}]]],["p-8ab1203f",[[1,"kup-snackbar",{"actionButton":[16],"closeButton":[4,"close-button"],"customStyle":[1,"custom-style"],"text":[1],"header":[1],"timeout":[2],"visible":[32],"getProps":[64],"hide":[64],"refresh":[64],"setProps":[64],"show":[64]}]]],["p-b0ca996f",[[1,"kup-typography",{"customStyle":[1,"custom-style"],"toolbar":[4],"toolbarData":[16],"type":[1],"value":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-8e844b9d",[[1,"kup-typography-list",{"customStyle":[1,"custom-style"],"data":[1040],"type":[1],"toolbar":[4],"getProps":[64],"refresh":[64],"setProps":[64]},null,{"data":["checkDataset"]}]]],["p-9da57972",[[1,"kup-echart",{"axis":[1025],"colors":[16],"consistencyCheck":[4,"consistency-check"],"chartTitle":[16],"customStyle":[1,"custom-style"],"data":[16],"legend":[1],"map":[1],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"stacked":[4],"types":[16],"xAxis":[16],"yAxis":[16],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-f607dc0d",[[0,"kup-editor",{"autosaveTimer":[2,"autosave-timer"],"editorHeight":[1,"editor-height"],"initialEditType":[1,"initial-edit-type"],"initialValue":[1,"initial-value"],"isReadOnly":[4,"is-read-only"],"previewStyle":[1,"preview-style"],"selectedTab":[1,"selected-tab"],"showSaveButton":[4,"show-save-button"],"showToolbar":[4,"show-toolbar"],"editor":[32],"editorRef":[32],"viewer":[32],"getProps":[64],"getValueAsHTML":[64],"getValueAsMarkdown":[64],"refresh":[64],"setProps":[64]},null,{"editorRef":["onEditorRefUpdated"],"editor":["onEditorUpdate"],"initialEditType":["onInitialEditTypeChanged"],"isReadOnly":["onIsReadOnlyChanged"],"previewStyle":["onPreviewStyleChanged"],"selectedTab":["onMarkdownPreviewTabChanged"],"showSaveButton":["onShowSaveButtonChanged"],"showToolbar":["onShowToolBarChanged"],"autosaveTimer":["onAutosaveTimerChanged"]}]]],["p-affd9a2c",[[1,"kup-grid",{"columns":[2],"customStyle":[1,"custom-style"],"singleLine":[4,"single-line"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-26efe39b",[[0,"kup-planner-renderer",{"props":[1040],"timeUnit":[32],"currentTasks":[32],"currentDetails":[32],"scrollX":[32],"mainGanttDoubleView":[32],"displayedDates":[32],"viewDate":[32],"projection":[32],"tasks":[32],"details":[32],"refresh":[64]},null,{"props":["mainGanttChangeHandler"],"timeUnit":["updateDisplayedDates"],"mainGanttDoubleView":["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],"viewDate":["updateDisplayedDates"],"currentTasks":["updateTasks"],"currentDetails":["updateTasks"]}]]],["p-7cdceaea",[[1,"kup-box",{"cardData":[16],"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"dragEnabled":[4,"drag-enabled"],"dropEnabled":[4,"drop-enabled"],"dropOnSection":[4,"drop-on-section"],"editableData":[4,"editable-data"],"enableRowActions":[4,"enable-row-actions"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"kanban":[16],"layout":[16],"lazyLoadRows":[4,"lazy-load-rows"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"multiSelection":[4,"multi-selection"],"pageSelected":[2,"page-selected"],"pagination":[4],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selectBox":[2,"select-box"],"selectedRowsState":[1025,"selected-rows-state"],"showLoadMore":[4,"show-load-more"],"showSelection":[4,"show-selection"],"sortBy":[1025,"sort-by"],"sortEnabled":[4,"sort-enabled"],"stateId":[1,"state-id"],"store":[16],"swipeDisabled":[4,"swipe-disabled"],"collapsedSection":[32],"selectedRows":[32],"rowActionMenuOpened":[32],"currentPage":[32],"currentRowsPerPage":[32],"getProps":[64],"loadRowActions":[64],"refresh":[64],"setProps":[64]},null,{"rowsPerPage":["rowsPerPageHandler","recalculateRows"],"globalFilterValue":["recalculateRows"],"sortBy":["recalculateRows"],"pagination":["recalculateRows"],"currentPage":["recalculateRows"],"currentRowsPerPage":["recalculateRows"],"data":["onDataChanged"],"layout":["onLayoutChanged"],"selectBox":["onSelectBoxChanged"]}]]],["p-94099e24",[[0,"kup-custom-task-list-header",{"label":[1],"doubleView":[4,"double-view"],"setDoubleView":[16],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"]}],[0,"kup-custom-task-list-table",{"ganttId":[1,"gantt-id"],"tasks":[16],"rowHeight":[2,"row-height"],"rowWidth":[1,"row-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"scrollableTaskList":[4,"scrollable-task-list"],"taskListScrollX":[2,"task-list-scroll-x"],"setSelectedTask":[16],"onclickTaskList":[16],"ondblclickTaskList":[16],"oncontextmenuTaskList":[16],"ontaskListScrollWidth":[16]},null,{"taskListScrollX":["updateTaskListScroll"]}],[0,"kup-gantt-calendar",{"dateSetup":[16],"locale":[1],"rtl":[4],"headerHeight":[2,"header-height"],"columnWidth":[2,"column-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"dateTimeFormatters":[16],"singleLineHeader":[4,"single-line-header"],"currentDateIndicator":[16],"svgWidth":[2,"svg-width"],"simplifiedHeader":[32]}],[0,"kup-grid-renderer",{"tasks":[16],"dates":[16],"ganttEvent":[16],"selectedTask":[16],"rowHeight":[2,"row-height"],"columnWidth":[2,"column-width"],"timeStep":[2,"time-step"],"taskHeight":[2,"task-height"],"arrowColor":[1,"arrow-color"],"arrowIndent":[2,"arrow-indent"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rtl":[4],"hideLabel":[4,"hide-label"],"showSecondaryDates":[4,"show-secondary-dates"],"currentDateIndicator":[16],"projection":[16],"readOnly":[4,"read-only"],"gridProps":[16],"dateChange":[16],"progressChange":[16],"doubleClick":[16],"barClick":[16],"barDblClick":[16],"barContextMenu":[16],"delete":[16],"setFailedTask":[16],"setSelectedTask":[16],"eventStart":[16],"eMouseDown":[16],"phaseDrop":[16],"setGanttEvent":[1040],"phaseDragScroll":[16],"xStep":[32],"initEventX1Delta":[32],"initEventXClick":[32],"isMoving":[32],"point":[32],"svg":[32],"currentTarget":[32],"dragScrollInterval":[32],"dropZoneTask":[32]},null,{"columnWidth":["updateXStep"],"dates":["updateXStep"],"timeStep":["updateXStep","updateSvgMove"],"ganttEvent":["updateSvgMove"],"xStep":["updateSvgMove"],"svg":["updateSvgMove"],"initEventX1Delta":["updateSvgMove"],"point":["updateSvgMove"],"rtl":["updateSvgMove"],"onProgressChange":["updateSvgMove"],"onDateChange":["updateSvgMove"]}]]],["p-9fa6808d",[[0,"kup-gantt",{"ganttId":[1,"gantt-id"],"tasks":[16],"headerHeight":[2,"header-height"],"columnWidth":[2,"column-width"],"listCellWidth":[1,"list-cell-width"],"rowHeight":[2,"row-height"],"filter":[16],"ganttHeight":[2,"gantt-height"],"viewMode":[1,"view-mode"],"preStepsCount":[2,"pre-steps-count"],"locale":[1],"barFill":[2,"bar-fill"],"projectFill":[2,"project-fill"],"timelineFill":[2,"timeline-fill"],"barCornerRadius":[2,"bar-corner-radius"],"barProgressColor":[1,"bar-progress-color"],"barProgressSelectedColor":[1,"bar-progress-selected-color"],"barBackgroundColor":[1,"bar-background-color"],"barBackgroundSelectedColor":[1,"bar-background-selected-color"],"projectProgressColor":[1,"project-progress-color"],"projectProgressSelectedColor":[1,"project-progress-selected-color"],"projectBackgroundColor":[1,"project-background-color"],"projectBackgroundSelectedColor":[1,"project-background-selected-color"],"rtl":[4],"handleWidth":[2,"handle-width"],"timeStep":[2,"time-step"],"arrowColor":[1,"arrow-color"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"arrowIndent":[2,"arrow-indent"],"todayColor":[1,"today-color"],"viewDate":[16],"TooltipContent":[16],"TaskListHeader":[16],"TaskListTable":[16],"dateTimeFormatters":[16],"singleLineHeader":[4,"single-line-header"],"hideLabel":[4,"hide-label"],"showSecondaryDates":[4,"show-secondary-dates"],"hideDependencies":[4,"hide-dependencies"],"projection":[16],"displayedStartDate":[16],"displayedEndDate":[16],"initialScrollX":[2,"initial-scroll-x"],"initialScrollY":[2,"initial-scroll-y"],"readOnly":[4,"read-only"],"currentTasks":[16],"label":[1],"doubleView":[4,"double-view"],"scrollableTaskList":[4,"scrollable-task-list"],"setDoubleView":[16],"barContextMenu":[16],"scrollXChange":[16],"scrollYChange":[16],"barClick":[16],"barDblClick":[16],"dateChange":[16],"select":[16],"handleClick":[16],"handleDblClick":[16],"handleContextMenu":[16],"ganttOnClick":[16],"ganttOnDblClick":[16],"ganttonOnContextMenu":[16],"progressChange":[16],"doubleClick":[16],"delete":[16],"expanderClick":[16],"phaseDrop":[16],"wrapperRef":[32],"taskGanttRef":[32],"taskListRef":[32],"dateSetup":[32],"taskListWidth":[32],"svgContainerWidth":[32],"svgContainerHeight":[32],"barTasks":[32],"ganttEvent":[32],"taskHeight":[32],"projectHeight":[32],"timelineHeight":[32],"selectedTask":[32],"failedTask":[32],"svgWidth":[32],"ganttFullHeight":[32],"scrollX":[32],"scrollY":[32],"ignoreScrollEvent":[32],"currentDateIndicatorContent":[32],"projectionContent":[32],"taskListScrollWidth":[32],"taskListScrollX":[32],"refresh":[64]},[[0,"wheel","handleWheel"]],{"initialScrollY":["updateInitialScrollY"],"scrollYChange":["updateInitialScrollY"],"initialScrollX":["updateInitialScrollX","updateIgnoreScrollEvent"],"scrollXChange":["updateInitialScrollX"],"tasks":["updateGanttData","updateSvgContainerHeight"],"viewMode":["updateGanttData","updateIgnoreScrollEvent"],"preStepsCount":["updateGanttData"],"rowHeight":["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],"barCornerRadius":["updateGanttData"],"columnWidth":["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],"taskHeight":["updateGanttData"],"handleWidth":["updateGanttData"],"barProgressColor":["updateGanttData"],"barProgressSelectedColor":["updateGanttData"],"barBackgroundColor":["updateGanttData"],"barBackgroundSelectedColor":["updateGanttData"],"projectProgressColor":["updateGanttData"],"projectProgressSelectedColor":["updateGanttData"],"projectBackgroundColor":["updateGanttData"],"projectBackgroundSelectedColor":["updateGanttData"],"milestoneBackgroundColor":["updateGanttData"],"milestoneBackgroundSelectedColor":["updateGanttData"],"rtl":["updateGanttData","handleWheel"],"scrollX":["updateGanttData","handleWheel"],"onExpanderClick":["updateGanttData"],"showSecondaryDates":["updateGanttData"],"projectHeight":["updateGanttData"],"timelineHeight":["updateGanttData"],"displayedStartDate":["updateGanttData"],"displayedEndDate":["updateGanttData"],"dateSetup":["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],"viewDate":["updateIgnoreScrollEvent"],"ganttEvent":["updateGanttEventAndBarTasks"],"failedTask":["updateFailedTasksAndBarChart"],"barTasks":["updateFailedTasksAndBarChart","updateGanttFullHeight"],"taskListRef":["updateTaskListWidth"],"listCellWidth":["updateTaskListWidth"],"wrapperRef":["updateSvgContainerWidth","handleWheel"],"ganttHeight":["updateSvgContainerHeight","handleWheel"],"headerHeight":["updateSvgContainerHeight"],"scrollY":["handleWheel"],"svgWidth":["handleWheel"],"ganttFullHeight":["handleWheel"],"todayColor":["updateCurrentDateIndicatorContent"],"projection":["updateProjectionContent"]}],[0,"kup-switcher",{"timeUnitChange":[16],"activeButton":[32]}],[0,"kup-task-gantt",{"gridProps":[16],"calendarProps":[16],"barProps":[16],"taskGanttRef":[16],"ganttHeight":[2,"gantt-height"],"scrollY":[1026,"scroll-y"],"scrollX":[1026,"scroll-x"],"phaseDragScroll":[16]},null,{"scrollX":["updateScrollX"],"verticalGanttContainerRef":["updateScrollX"],"scrollY":["updateScrollY"],"horizontalContainerRef":["updateScrollY"]}],[0,"kup-task-list",{"headerHeight":[2,"header-height"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rowWidth":[1,"row-width"],"rowHeight":[2,"row-height"],"scrollY":[2,"scroll-y"],"locale":[1],"tasks":[16],"selectedTask":[16],"horizontalContainerClass":[1,"horizontal-container-class"],"ganttHeight":[2,"gantt-height"],"filter":[16],"TaskListHeader":[16],"TaskListTable":[16],"currentTasks":[16],"label":[1],"doubleView":[4,"double-view"],"scrollableTaskList":[4,"scrollable-task-list"],"updateTaskListScrollX":[4,"update-task-list-scroll-x"],"taskListScrollX":[2,"task-list-scroll-x"],"setDoubleView":[16],"handleClick":[16],"handleDblClick":[16],"handleContextMenu":[16],"ganttOnClick":[16],"ganttOnDblClick":[16],"ganttonOnContextMenu":[16],"setSelectedTask":[16],"expanderClick":[16],"ontaskListScrollWidth":[16],"selectedTaskId":[32]},null,{"scrollY":["updateScrollY"]}],[1,"kup-horizontal-scroll",{"scrollNumber":[2,"scroll-number"],"svgWidth":[2,"svg-width"],"taskListTrueRef":[16],"rtl":[4],"taskListWidth":[2,"task-list-width"],"scrollableTaskList":[4,"scrollable-task-list"],"listCellWidth":[1,"list-cell-width"],"taskListScrollWidth":[2,"task-list-scroll-width"],"taskListScrollNumber":[2,"task-list-scroll-number"],"horizontalScroll":[16],"horizontalTaskListScroll":[16],"timeoutId":[32]},null,{"scrollNumber":["scrollLeft"],"taskListScrollNumber":["listScrollLeft"]}],[1,"kup-standard-tooltip",{"task":[16],"fontSize":[1,"font-size"],"fontFamily":[1,"font-family"]}],[0,"kup-task-list-header",{"headerHeight":[2,"header-height"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"rowWidth":[1,"row-width"]}],[0,"kup-task-list-table",{"rowHeight":[2,"row-height"],"rowWidth":[1,"row-width"],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"locale":[1],"tasks":[16],"selectedTaskId":[1,"selected-task-id"],"setSelectedTask":[16],"expanderClick":[16],"expandedTasks":[32]}],[1,"kup-tooltip",{"task":[16],"rowHeight":[2,"row-height"],"rtl":[4],"svgContainerHeight":[2,"svg-container-height"],"svgContainerWidth":[2,"svg-container-width"],"scrollX":[2,"scroll-x"],"scrollY":[2,"scroll-y"],"arrowIndent":[2,"arrow-indent"],"fontSize":[1,"font-size"],"fontFamily":[1,"font-family"],"headerHeight":[2,"header-height"],"taskListWidth":[2,"task-list-width"],"TooltipContent":[8,"tooltip-content"],"svgWidth":[2,"svg-width"],"relatedY":[32],"relatedX":[32]},null,{"task":["calculateTooltipPosition"],"arrowIndent":["calculateTooltipPosition"],"scrollX":["calculateTooltipPosition"],"scrollY":["calculateTooltipPosition"],"headerHeight":["calculateTooltipPosition"],"taskListWidth":["calculateTooltipPosition"],"rowHeight":["calculateTooltipPosition"],"svgContainerHeight":["calculateTooltipPosition"],"svgContainerWidth":["calculateTooltipPosition"],"rtl":["calculateTooltipPosition"]}],[0,"kup-vertical-scroll",{"scrollNumber":[2,"scroll-number"],"ganttHeight":[2,"gantt-height"],"ganttFullHeight":[2,"gantt-full-height"],"headerHeight":[2,"header-height"],"rtl":[4],"verticalScroll":[16]},null,{"scrollNumber":["updateScroll"]}]]]]'),e)}));
 //# sourceMappingURL=ketchup.esm.js.map

package/dist/ketchup/p-bbc10d85.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-86b6489e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-7d7b8718.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-fe31a004.js";import"./p-a16707d1.js";const k=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet\|\|function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i\|\|!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"90637215fbd5c4b76a36681e4638c8999ce77a4b"},s("style",{key:"a8833d7b93b58e42b897ac3b807e33d6797bb59c"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"ebc03e49d971e45309f70180481687696ff43054",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"d247b4b45d87e9b7dd325f0dac80853d0b8155e2"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
2	+ //# sourceMappingURL=p-bbc10d85.entry.js.map

package/dist/ketchup/p-bbc10d85.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\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 * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

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

package/dist/ketchup/p-4799c97f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-86b6489e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-7d7b8718.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-fe31a004.js";import"./p-a16707d1.js";const k=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet\|\|function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i\|\|!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"90637215fbd5c4b76a36681e4638c8999ce77a4b"},s("style",{key:"a8833d7b93b58e42b897ac3b807e33d6797bb59c"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"ebc03e49d971e45309f70180481687696ff43054",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"d247b4b45d87e9b7dd325f0dac80853d0b8155e2"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
2	- //# sourceMappingURL=p-4799c97f.entry.js.map

package/dist/ketchup/p-4799c97f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\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 * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\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.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\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 style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}