npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241120152755 → 11.0.0-SNAPSHOT-20241120152921 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241120152755 → 11.0.0-SNAPSHOT-20241120152921

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

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

@@ -0,0 +1 @@

+ {"version":3,"names":["KupInputPanelLayoutSectionType","KupInputPanelProps","CHAR_WIDTH","ROW_HEIGHT","getAbsoluteWidth","length","getAbsoluteHeight","height","getAbsoluteTop","row","getAbsoluteLeft","col","kupInputPanelCss","KupInputPanelStyle0","dom","document","documentElement","KupInputPanel","_KupInputPanel_kupManager","set","this","kupManagerInstance","_KupInputPanel_optionsAdapterMap","Map","__classPrivateFieldGet","_KupInputPanel_instances","_KupInputPanel_treeOptionsNodeAdapter","bind","_KupInputPanel_dataTreeOptionsChildrenAdapter","_KupInputPanel_tableOptionsAdapter","_KupInputPanel_originalData","_KupInputPanel_eventNames","FCellTypes","AUTOCOMPLETE","MULTI_AUTOCOMPLETE","COMBOBOX","MULTI_COMBOBOX","_KupInputPanel_eventBlurNames","FCellShapes","CHIP","DATE","TIME","_KupInputPanel_listeners","_KupInputPanel_cellTypeComponents","_KupInputPanel_cellCustomRender","BUTTON_LIST","_KupInputPanel_renderButton","EDITOR","_KupInputPanel_renderEditor","LABEL","_KupInputPanel_renderLabel","TABLE","_KupInputPanel_renderDataTable","_KupInputPanel_sectionRenderMap","TAB","_KupInputPanel_renderSectionTab","_KupInputPanel_keysShortcut","onDataChanged","__classPrivateFieldSet","structuredClone","data","map","event","handler","rootElement","removeEventListener","key","keysBinding","unregister","_KupInputPanel_mapCells","call","getProps","descriptions","refresh","forceUpdate","setProps","props","componentWillLoad","debug","logLoad","language","register","theme","componentDidLoad","kupReady","emit","comp","id","componentWillRender","logRender","componentDidRender","root","shadowRoot","fs","querySelectorAll","index","FTextFieldMDC","render","isEmptyData","Boolean","inputPanelCells","inputPanelContent","h","translate","KupLanguageGeneric","EMPTY_DATA","inputPanelCell","_KupInputPanel_renderRow","Host","setKupStyle","componentWrapperId","disconnectedCallback","reduce","cell","cells","find","column","name","layout","horizontal","styleObj","rowContent","_a","sections","_KupInputPanel_renderCell","absolute","_KupInputPanel_renderAbsoluteLayout","maxAbsoluteRow","Math","max","flatMap","sec","content","cont","absoluteRow","sectionsType","hasDim","some","dim","display","gridTemplateColumns","join","dashboardMode","gridTemplateRows","_KupInputPanel_renderGridLayout","classObj","class","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","style","FButton","buttonType","label","CONFIRM","wrapperClass","invisible","hiddenSubmitButton","inputPanelCommands","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","_KupInputPanel_renderDropDownButton","_KupInputPanel_getFunctionOnClickBTN","detail","node","edtCell","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","gap","innerSection","gridCols","gridRows","_b","field","_KupInputPanel_renderField","sectionContent","FTypography","type","FTypographyType","HEADING1","_KupInputPanel_renderAbsoluteField","absoluteWidth","width","absoluteHeight","top","left","absoluteColumn","sectionStyle","position","overflow","_KupInputPanel_extractContentIds","ids","forEach","item","concat","tabSelected","tabNodes","i","cellIdsInSection","hasError","cellData","includes","error","active","danger","sectionId","tabCustomStyle","l","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","sizing","_KupInputPanel_mapCommands","setup","commands","commandObj","children","showIcons","c","_KupInputPanel_commandAdapter","buttonCell","flat","_c","rows","inpuPanelCells","_d","columns","filter","visible","mappedCell","_KupInputPanel_setData","slotData","_KupInputPanel_slotData","componentQuery","el","querySelector","setValue","defaultProps","_KupInputPanel_mapData","disabled","noDataProps","__rest","_KupInputPanel_deepObjectsMerge","target","source","Array","isArray","curr","updatedCells","keys","cellState","JSON","stringify","_KupInputPanel_getTableUpdatedCell","obj","options","fieldLabel","currentValue","dataAdapterMap","_KupInputPanel_CMBandACPAdapter","_KupInputPanel_BTNAdapter","CHART","_KupInputPanel_GRAAdapter","_KupInputPanel_CHIAdapter","CHECKBOX","_KupInputPanel_CHKAdapter","COLOR_PICKER","_KupInputPanel_CLPAdapter","_KupInputPanel_EDTAdapter","NUMBER","_KupInputPanel_NumberAdapter","_KupInputPanel_DateAdapter","OBJECT","_KupInputPanel_ObjectAdapter","_KupInputPanel_RADAdapter","STRING","_KupInputPanel_ITXAdapter","SWITCH","_KupInputPanel_SWTAdapter","_KupInputPanel_DataTableAdapter","_KupInputPanel_TimeAdapter","adapter","trailingIcon","fullWidth","showDropDownIcon","_options","_fieldLabel","inputSettings","checkObject","checkValueOnExit","mandatory","_KupInputPanel_checkOnBlurEvent","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","keyShortcut","fun","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","onBlur","_KupInputPanel_checkOnBlurProp","initialValue","RADAdapter","SWTAdapter","_rawOptions","_value","parse","logMessage","KupDebugCategory","WARNING","ERROR","tableValue","updated","editableColsId","beforeTableValue","updatedRow","colId","changed","option","selected","child","codice","testo","k","fields","open","optionsHandler","inputValue","then","async","currCell","_KupInputPanel_getCell","_KupInputPanel_setCellError","REQUIRED_VALUE","valid","checkValidObjCallback","currentState","INVALID_VALUE","_KupInputPanel_areValuesUpdated","checkValidValueCallback","customButtonClickHandler"],"sources":["src/components/kup-input-panel/kup-input-panel-declarations.ts","src/components/kup-input-panel/kup-input-panel-utils.ts","src/components/kup-input-panel/kup-input-panel.scss?tag=kup-input-panel&encapsulation=shadow","src/components/kup-input-panel/kup-input-panel.tsx"],"sourcesContent":["import { GenericObject } from '../../components';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataCommand,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\n\nexport interface KupInputPanelSubmit {\n value: KupInputPanelSubmitValue;\n cell?: string;\n}\nexport interface KupInputPanelSubmitValue {\n after: KupInputPanelData;\n before: KupInputPanelData;\n}\n\nexport interface KupInputPanelData {\n columns?: KupDataColumn[];\n rows?: KupInputPanelRow[];\n actions?: KupInputPanelAction[];\n setup?: {\n commands?: Array<KupDataCommand>;\n };\n}\n\nexport interface KupInputPanelAction {\n type?: string;\n fun?: string;\n}\n\nexport interface KupInputPanelColumn {\n name: string;\n title: string;\n visible?: boolean;\n}\n\nexport interface KupInputPanelRow {\n cells?: KupInputPanelRowCells;\n layout?: KupInputPanelLayout;\n}\n\nexport interface KupInputPanelRowCells {\n [key: string]: KupInputPanelCell;\n}\n\nexport interface KupInputPanelCell extends KupDataCell {\n options?: GenericObject | GenericObject[];\n editable?: boolean;\n mandatory?: boolean;\n inputSettings?: GenericObject;\n fun?: string;\n}\n\nexport interface KupInputPanelCellOptions {\n id: string;\n label: string;\n}\n\nexport interface KupInputPanelLayout {\n horizontal?: boolean;\n absolute?: boolean;\n sections?: KupInputPanelLayoutSection[];\n sectionsType?: KupInputPanelLayoutSectionType;\n}\n\nexport enum KupInputPanelLayoutSectionType {\n TAB = 'tab',\n}\n\nexport interface KupInputPanelLayoutSection {\n id?: string;\n title?: string;\n icon?: string;\n content?: KupInputPanelLayoutField[];\n sections?: KupInputPanelLayoutSection[];\n dim?: string;\n horizontal?: boolean;\n gridCols?: number;\n gridRows?: number;\n // Gap is in rem\n gap?: number;\n sectionsType?: KupInputPanelLayoutSectionType;\n // absolute Attributes\n absoluteColumn?: number;\n absoluteWidth?: number;\n absoluteRow?: number;\n absoluteHeight?: number;\n}\n\nexport interface KupInputPanelLayoutField {\n id: string;\n // Span is referred to start\n colSpan?: number;\n colStart?: number;\n colEnd?: number;\n // Span is referred to start\n rowSpan?: number;\n rowStart?: number;\n rowEnd?: number;\n // absolute Attributes\n absoluteColumn?: number;\n absoluteRow?: number;\n absoluteLength?: number;\n}\n\nexport type DataAdapterFn = (\n options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell?: KupInputPanelCell,\n id?: string\n) => Object;\n\nexport type InputPanelCells = {\n cells: { cell: KupDataCell; column: KupDataColumn }[];\n row?: KupInputPanelRow;\n};\n\nexport type InputPanelEvent = {\n state: { cell: KupDataCell; column: KupDataColumn }[];\n data: {\n field: string;\n value: number | string | object;\n };\n};\n\nexport type InputPanelOptionsHandler = (\n fun: string,\n inputValue: string,\n currentState: KupInputPanelData,\n cellId: string\n) => Promise<GenericObject>;\n\nexport type InputPanelCheckValidObjCallback = (event: {\n obj: KupObj;\n currentState: KupInputPanelData;\n fun?: string;\n}) => Promise<ValidCheckObjResponse>;\n\nexport interface ValidCheckObjResponse {\n valid: boolean;\n}\n\nexport type InputPanelButtonClickHandler = (event: {\n fun: string;\n cellId: string;\n currentState: KupInputPanelData;\n}) => void;\n\nexport type InputPanelCheckValidValueCallback = (\n currentState: KupInputPanelSubmitValue,\n cellId: string\n) => void;\n\nexport enum KupInputPanelProps {\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the input panel.',\n hiddenSubmitButton = 'Creates a hidden submit button in order to submit the form with enter.',\n submitCb = 'Sets the callback function on submit form',\n optionsHandler = 'Sets the callback function to recieve options',\n}\n","export const CHAR_WIDTH = 12;\nexport const ROW_HEIGHT = 22;\n\nexport const getAbsoluteWidth = (length: number) => {\n if (length == 0) {\n return CHAR_WIDTH / 2;\n }\n\n if (!length) {\n return null;\n }\n\n if (length === 1) {\n return 1.5 * CHAR_WIDTH;\n }\n\n return length * CHAR_WIDTH;\n};\n\nexport const getAbsoluteHeight = (height: number) => {\n if (!height) {\n return null;\n }\n\n return height * ROW_HEIGHT;\n};\n\nexport const getAbsoluteTop = (row: number) => {\n if (!row) {\n return null;\n }\n\n return (row - 1) * ROW_HEIGHT;\n};\n\nexport const getAbsoluteLeft = (col: number) => {\n if (!col) {\n return null;\n }\n\n return col * CHAR_WIDTH;\n};\n","/**\n* @prop --kup-input-panel-background-color: Sets background of the component.\n* @prop --kup-input-panel-color: Sets text color of the component.\n* @prop --kup-input-panel-font-family: Sets font family of the component.\n* @prop --kup-input-panel-font-size: Sets font size of the component.\n* @prop --kup-input-panel-label-alignment: Sets the text alignment of labels.\n* @prop --kup-input-panel-label-width: Sets the width of labels.\n* @prop --kup-input-panel-padding: Sets the padding of the input panel.\n*/\n\n:host {\n --kup-fcell-width: fit-content;\n --kup_input_panel_background_color: var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );\n --kup_input_panel_color: var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );\n --kup_input_panel_font_family: var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );\n --kup_input_panel_font_size: var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );\n --kup_input_panel_label_alignment: var(--kup-input-panel-label-alignment);\n --kup_input_panel_label_width: var(--kup-input-panel-label-width);\n --kup_input_panel_padding: var(--kup-input-panel-padding, 1em 0);\n\n .input-panel {\n background: var(--kup_input_panel_background_color);\n color: var(--kup_input_panel_color);\n display: flex;\n flex-grow: 1;\n overflow: auto;\n padding: var(--kup_input_panel_padding);\n position: relative;\n gap: 1rem;\n // width: var(--kup-fcell_width);\n\n &__commands {\n display: flex;\n gap: 2rem;\n }\n\n &--column {\n flex-direction: column;\n }\n\n &__section_label_container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__section {\n display: grid;\n min-width: 0;\n\n .f-cell__content {\n > * {\n width: 100%;\n }\n }\n }\n\n &__horizontal-section {\n display: inline-grid;\n }\n\n .f-cell .f-checkbox .checkbox .checkbox__native-control {\n height: 40px;\n width: 40px;\n }\n\n &__label_container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n > .f-cell {\n flex: 1;\n }\n }\n\n &__tabs_container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 2rem;\n }\n\n .f-cell.number-cell {\n .f-cell__content {\n --kup-textfield-font-family: var(--kup_cell_font_family);\n\n font-family: var(--kup_cell_font_family);\n }\n }\n\n .input-panel-label {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n\n &--absolute {\n justify-content: flex-end;\n\n .input-panel-label {\n justify-content: start;\n }\n\n .mdc-text-field {\n height: unset !important;\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n forceUpdate,\n h,\n} from '@stencil/core';\nimport {\n KupAutocompleteEventPayload,\n KupComboboxIconClickEventPayload,\n KupDataCell,\n KupDataTableDataset,\n KupDataTableRow,\n KupDropdownButtonEventPayload,\n KupEditorEventPayload,\n KupTabBarEventPayload,\n KupTabBarNode,\n} from '../../components';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellProps,\n FCellShapes,\n FCellTypes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FTypographyType } from '../../f-components/f-typography/f-typography-declarations';\nimport {\n GenericObject,\n KupComponent,\n KupComponentSizing,\n KupEventPayload,\n} from '../../types/GenericTypes';\nimport {\n CHIAdapter,\n CHKAdapter,\n CMBandACPAdapter,\n RADAdapter,\n SWTAdapter,\n} from '../../utils/cell-utils';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n DataAdapterFn,\n InputPanelButtonClickHandler,\n InputPanelCells,\n InputPanelCheckValidObjCallback,\n InputPanelCheckValidValueCallback,\n InputPanelOptionsHandler,\n KupInputPanelCell,\n KupInputPanelColumn,\n KupInputPanelData,\n KupInputPanelLayout,\n KupInputPanelLayoutField,\n KupInputPanelLayoutSection,\n KupInputPanelLayoutSectionType,\n KupInputPanelProps,\n KupInputPanelRow,\n KupInputPanelSubmit,\n} from './kup-input-panel-declarations';\nimport {\n getAbsoluteHeight,\n getAbsoluteLeft,\n getAbsoluteTop,\n getAbsoluteWidth,\n ROW_HEIGHT,\n} from './kup-input-panel-utils';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport { KupTypographyList } from '../kup-typography-list/kup-typography-list';\n\nconst dom: KupDom = document.documentElement as KupDom;\n@Component({\n tag: 'kup-input-panel',\n styleUrl: 'kup-input-panel.scss',\n shadow: true,\n})\nexport class KupInputPanel {\n /**\n * References the root HTML element of the component (<kup-form>).\n */\n @Element() rootElement: HTMLElement;\n\n //#region PROPS\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 /**\n * Actual data of the form.\n * @default null\n */\n @Prop() data: KupInputPanelData = null;\n\n /**\n * Creates a hidden submit button in order to submit the form with enter.\n * @default false\n */\n @Prop() hiddenSubmitButton: boolean = false;\n\n /**\n * Sets the callback function on submit form\n * @default null\n */\n @Prop() submitCb: (e: KupInputPanelSubmit) => unknown = null;\n\n /**\n * Sets the callback function on loading options via FUN\n * @default null\n */\n @Prop() optionsHandler: InputPanelOptionsHandler = null;\n\n /**\n * Sets the handler to use when click on custom buttons\n * @default null\n */\n @Prop() customButtonClickHandler?: InputPanelButtonClickHandler = null;\n\n /**\n * Sets the callback for valid the object when cell checkObject is true\n * @default null\n */\n @Prop() checkValidObjCallback?: InputPanelCheckValidObjCallback = null;\n\n /**\n * Sets the callback for valid the object when cell checkObject is true\n * @default null\n */\n @Prop() checkValidValueCallback?: InputPanelCheckValidValueCallback = null;\n //#endregion\n\n /**\n * Sets verical layout if dashboardMode is true\n * @default false\n */\n @Prop() dashboardMode: boolean = false;\n //#endregion\n\n //#region STATES\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Values to send as props to FCell\n * @default []\n */\n @State() private inputPanelCells: InputPanelCells[] = [];\n\n /**\n * Values to send as props to FCell\n * @default []\n */\n @State() private inputPanelCommands: VNode[] = [];\n\n /**\n * Id of selected tab if exists\n * @default null\n */\n @State() private tabSelected: string = null;\n //#endregion\n\n //#region VARIABLES\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n #kupManager: KupManager = kupManagerInstance();\n\n #optionsAdapterMap = new Map<\n string,\n (options: any, currentValue: string) => GenericObject[]\n >([\n ['SmeupTreeNode', this.#treeOptionsNodeAdapter.bind(this)],\n ['SmeupDataTree', this.#dataTreeOptionsChildrenAdapter.bind(this)],\n ['SmeupTable', this.#tableOptionsAdapter.bind(this)],\n ['SmeupDataTable', this.#tableOptionsAdapter.bind(this)],\n ]);\n\n #originalData: KupInputPanelData = null;\n\n #eventNames = new Map<FCellTypes, string[]>([\n [\n FCellTypes.AUTOCOMPLETE,\n ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n ],\n [\n FCellTypes.MULTI_AUTOCOMPLETE,\n ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n ],\n [FCellTypes.COMBOBOX, ['kup-combobox-iconclick', 'kup-combobox-blur']],\n [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\n ]);\n\n #eventBlurNames = new Map<FCellShapes, string>([\n [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],\n [FCellShapes.CHIP, 'kup-textfield-blur'],\n [FCellShapes.COMBOBOX, 'kup-combobox-blur'],\n [FCellShapes.DATE, 'kup-datepicker-blur'],\n [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],\n [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],\n [FCellShapes.TIME, 'kup-timepicker-blur'],\n ]);\n\n #listeners: { event: string; handler: (e) => void }[] = [];\n #cellTypeComponents: Map<FCellTypes, string> = new Map<FCellTypes, string>([\n [FCellTypes.DATE, 'kup-date-picker'],\n [FCellTypes.TIME, 'kup-time-picker'],\n ]);\n #cellCustomRender: Map<\n FCellShapes,\n (cell: KupDataCell, cellId: string) => any\n > = new Map<FCellShapes, (cell: KupDataCell, cellId: string) => any>([\n [FCellShapes.BUTTON_LIST, this.#renderButton.bind(this)],\n [FCellShapes.EDITOR, this.#renderEditor.bind(this)],\n [FCellShapes.LABEL, this.#renderLabel.bind(this)],\n [FCellShapes.TABLE, this.#renderDataTable.bind(this)],\n ]);\n #sectionRenderMap: Map<\n KupInputPanelLayoutSectionType,\n (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n > = new Map<\n KupInputPanelLayoutSectionType,\n (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n >([\n [KupInputPanelLayoutSectionType.TAB, this.#renderSectionTab.bind(this)],\n ]);\n #keysShortcut: string[] = [];\n //#endregion\n\n //#region WATCHERS\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('data')\n onDataChanged() {\n this.#originalData = structuredClone(this.data);\n if (this.#listeners.length) {\n this.#listeners.map(({ event, handler }) => {\n this.rootElement.removeEventListener(event, handler);\n });\n this.#listeners = [];\n }\n\n if (this.#keysShortcut.length) {\n this.#keysShortcut.map((key) => {\n this.#kupManager.keysBinding.unregister(key);\n });\n this.#keysShortcut = [];\n }\n this.#mapCells(this.data);\n }\n //#endregion\n\n //#region PUBLIC METHODS\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupInputPanelProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupInputPanelProps, props);\n }\n //#endregion\n\n //#region EVENTS\n /*-------------------------------------------------*/\n /* Events */\n /*-------------------------------------------------*/\n\n /**\n * When component load is complete\n */\n @Event({\n eventName: 'kup-input-panel-ready',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupReady: EventEmitter<KupEventPayload>;\n //#endregion\n\n //#region PRIVATE METHODS\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #getCell(id: string) {\n return this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n if (!cell) {\n return cells.find(({ column }) => column.name === id).cell;\n }\n return cell;\n }, null);\n }\n\n #renderRow(inputPanelCell: InputPanelCells) {\n const layout = inputPanelCell.row.layout;\n\n const horizontal = layout?.horizontal || false;\n const styleObj: GenericObject = {};\n\n let rowContent: VNode[];\n\n if (!layout?.sections?.length) {\n rowContent = inputPanelCell.cells.map((cell) =>\n this.#renderCell(cell.cell, inputPanelCell.row, cell.column)\n );\n } else {\n if (layout.absolute) {\n rowContent = this.#renderAbsoluteLayout(inputPanelCell, layout);\n const maxAbsoluteRow = Math.max(\n ...layout.sections.flatMap((sec) =>\n sec.content.map((cont) => cont.absoluteRow || 0)\n )\n );\n styleObj.height = `${maxAbsoluteRow * ROW_HEIGHT}px`;\n } else {\n if (!layout.sectionsType) {\n const hasDim = layout.sections.some((sec) => sec.dim);\n styleObj.display = 'grid';\n\n if (layout.horizontal) {\n styleObj.gridTemplateColumns = hasDim\n ? layout.sections\n .map((sec) => sec.dim || 'auto')\n .join(' ')\n : `repeat(${layout.sections.length}, 1fr)`;\n } else {\n if (this.dashboardMode) {\n styleObj.gridTemplateRows = hasDim\n ? layout.sections\n .map((sec) => sec.dim || 'auto')\n .join(' ')\n : `repeat(${layout.sections.length}, 1fr)`;\n }\n }\n }\n\n rowContent = this.#renderGridLayout(inputPanelCell, layout);\n }\n }\n\n const classObj = {\n 'input-panel': true,\n 'input-panel--column': !horizontal,\n 'input-panel--absolute': layout?.absolute,\n };\n\n // We create a form for each row in data\n return (\n <form\n name={this.rootElement.id}\n id={this.rootElement.id}\n class={{ 'input-panel-form': true }}\n onSubmit={(e: SubmitEvent) => {\n e.preventDefault();\n this.submitCb({\n value: {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n });\n }}\n >\n <div class={classObj} style={styleObj}>\n {rowContent}\n </div>\n <div class=\"input-panel__commands\">\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n invisible={this.hiddenSubmitButton}\n ></FButton>\n {this.inputPanelCommands}\n </div>\n </form>\n );\n }\n\n #renderCell(\n cell: KupDataCell,\n row: KupInputPanelRow,\n column: KupInputPanelColumn\n ) {\n if (!cell) {\n return;\n }\n\n const customRender = this.#cellCustomRender.get(cell.shape);\n\n if (customRender !== undefined) {\n return customRender(cell, column.name);\n }\n\n const cellProps: FCellProps = {\n cell,\n column,\n row,\n component: this,\n editable: true,\n renderKup: true,\n setSizes: true,\n };\n\n const label = this.#getLabelComponent(cell, column.title);\n\n if (label) {\n return (\n <div class={{ 'input-panel__label_container': true }}>\n {label}\n <FCell {...cellProps} />\n </div>\n );\n }\n\n return <FCell {...cellProps} />;\n }\n\n #renderButton(cell: KupDataCell, cellId: string) {\n return (\n <FButton\n icon={cell.icon}\n id={cellId}\n {...cell.data}\n wrapperClass=\"form__submit\"\n ></FButton>\n );\n }\n\n #renderDropDownButton(cell: KupDataCell, data: GenericObject) {\n return (\n <kup-dropdown-button\n {...cell.data}\n label={cell.value}\n data={data}\n onkup-dropdownbutton-itemclick={(\n e: CustomEvent<KupDropdownButtonEventPayload>\n ) => {\n this.#getFunctionOnClickBTN(\n e.detail.node,\n e.detail.node.id\n );\n }}\n ></kup-dropdown-button>\n );\n }\n\n #renderEditor(cell: KupDataCell, cellId: string) {\n const event = 'kup-editor-save';\n const handler = (e: CustomEvent<KupEditorEventPayload>) => {\n const edtCell: KupDataCell =\n this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n if (!cell) {\n return cells.find(\n ({ column }) => column.name === cellId\n ).cell;\n }\n return cell;\n }, null);\n edtCell.value = e.detail.htmlValue.replace(/\\n/g, '<br>');\n };\n\n this.rootElement.addEventListener(event, handler);\n\n this.#listeners.push({\n event,\n handler,\n });\n\n return (\n <kup-editor\n {...cell.data}\n id={cellId}\n isReadOnly={!cell.isEditable}\n showToolbar={true}\n ></kup-editor>\n );\n }\n\n #renderDataTable(cell: KupDataCell, cellId: string) {\n return (\n <kup-data-table\n id={cellId}\n editableData={true}\n showGroups={true}\n showFilters={true}\n showFooter={true}\n {...cell.data}\n ></kup-data-table>\n );\n }\n\n #renderLabel(cell: KupDataCell, cellId: string) {\n return (\n <span class=\"input-panel-label\" id={cellId}>\n {cell.value}\n </span>\n );\n }\n\n #getLabelComponent(cell: KupDataCell, label: string) {\n if (!label) {\n return null;\n }\n\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (cellType === FCellTypes.RADIO) {\n return <span>{label}</span>;\n }\n\n return null;\n }\n\n #renderGridLayout(\n inputPanelCell: InputPanelCells,\n layout: KupInputPanelLayout\n ) {\n const sectionRender = this.#sectionRenderMap.get(layout.sectionsType);\n\n return sectionRender\n ? sectionRender(inputPanelCell, layout.sections)\n : layout.sections.map((section) =>\n this.#renderSection(inputPanelCell, section)\n );\n }\n\n #renderAbsoluteLayout(\n inputPanelCell: InputPanelCells,\n layout: KupInputPanelLayout\n ) {\n return layout.sections.map((section) =>\n this.#renderAbsoluteSection(inputPanelCell, section)\n );\n }\n\n #renderSection(\n cells: InputPanelCells,\n section: KupInputPanelLayoutSection,\n customLabelRender: boolean = false,\n styleObj: GenericObject = {}\n ) {\n const classObj = {\n 'input-panel__section': !section.horizontal,\n 'input-panel__horizontal-section': section.horizontal,\n };\n\n styleObj.gap = +section.gap > 0 ? `${section.gap}rem` : '1rem';\n\n let content = [];\n\n if (section.sections?.length) {\n content = section.sections.map((innerSection) =>\n this.#renderSection(cells, innerSection)\n );\n\n const hasDim = section.sections.some((sec) => sec.dim);\n\n if (!section.gridCols && section.horizontal) {\n styleObj.gridTemplateColumns = hasDim\n ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n : `repeat(${section.sections.length}, 1fr)`;\n }\n\n if (\n !section.gridRows &&\n !section.horizontal &&\n this.dashboardMode\n ) {\n styleObj.gridTemplateRows = hasDim\n ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n : `repeat(${section.sections.length}, 1fr)`;\n }\n } else if (section.content?.length) {\n content = section.content.map((field) =>\n this.#renderField(cells, field)\n );\n styleObj.gridTemplateColumns =\n +section.gridCols > 0 ? `repeat(${section.gridCols}, 1fr)` : '';\n if (this.dashboardMode) {\n styleObj.gridTemplateRows =\n +section.gridRows > 0\n ? `repeat(${section.gridRows}, 1fr)`\n : '';\n }\n }\n\n const sectionContent = (\n <div class={classObj} style={styleObj}>\n {content}\n </div>\n );\n\n return section.title && !customLabelRender ? (\n <div class={{ 'input-panel__section_label_container': true }}>\n <FTypography\n type={FTypographyType.HEADING1}\n value={section.title}\n ></FTypography>\n {sectionContent}\n </div>\n ) : (\n sectionContent\n );\n }\n\n #renderAbsoluteSection(\n cells: InputPanelCells,\n section: KupInputPanelLayoutSection\n ) {\n let content = [];\n\n if (section.sections?.length) {\n content = section.sections.map((innerSection) =>\n this.#renderAbsoluteSection(cells, innerSection)\n );\n } else if (section.content?.length) {\n content = section.content.map((field) =>\n this.#renderAbsoluteField(cells, field)\n );\n }\n\n //If width is not specified the div in the return at the end can be removed\n if (getAbsoluteWidth(section.absoluteWidth) == null) {\n return content;\n }\n\n const width = `${\n getAbsoluteWidth(section.absoluteWidth) != null\n ? `${getAbsoluteWidth(section.absoluteWidth)}px`\n : '100%'\n }`;\n const height = `${\n getAbsoluteHeight(section.absoluteHeight) != null\n ? `${getAbsoluteHeight(section.absoluteHeight)}px`\n : '100%'\n }`;\n const top = `${getAbsoluteTop(section.absoluteRow)}px`;\n const left = `${getAbsoluteLeft(section.absoluteColumn)}px`;\n\n const sectionStyle = {\n position: 'relative',\n width,\n 'min-width': width,\n 'max-width': width,\n height,\n 'min-height': height,\n 'max-height': height,\n top,\n left,\n overflow: 'auto',\n };\n\n return <div style={sectionStyle}>{content}</div>;\n }\n\n #extractContentIds(node: KupInputPanelLayoutSection) {\n let ids: string[] = [];\n\n if (node.content?.length) {\n node.content.forEach((item) => {\n if (item.id) {\n ids.push(item.id);\n }\n });\n }\n\n if (node.sections?.length) {\n node.sections.forEach((section) => {\n ids = ids.concat(this.#extractContentIds(section));\n });\n }\n\n return ids;\n }\n\n #renderSectionTab(\n cells: InputPanelCells,\n sections: KupInputPanelLayoutSection[]\n ) {\n if (!this.tabSelected) {\n this.tabSelected = sections[0].id || '0';\n }\n\n const tabNodes: KupTabBarNode[] = sections.map((section, i) => {\n const cellIdsInSection = this.#extractContentIds(section);\n\n const hasError = cells.cells.some((cellData) => {\n const cell = cellData.cell;\n const column = cellData.column;\n return (\n cellIdsInSection.includes(column.name) && !!cell.data?.error\n );\n });\n\n return {\n active: (section.id || `${i}`) === this.tabSelected,\n value: section.title,\n icon: hasError ? 'error' : section.icon,\n id: section.id || `${i}`,\n danger: hasError,\n };\n });\n\n const sectionContent = sections.map((section, i) => {\n const sectionId = section.id || `${i}`;\n return this.#renderSection(cells, section, true, {\n display: this.tabSelected !== sectionId ? 'none' : 'grid',\n });\n });\n\n const tabCustomStyle =\n '.tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }';\n\n if (!this.#listeners.map((l) => l.event).includes('kup-tabbar-click')) {\n const event = 'kup-tabbar-click';\n const handler = (e: CustomEvent<KupTabBarEventPayload>) => {\n this.tabSelected = e.detail.node.id;\n };\n\n this.rootElement.addEventListener(event, handler);\n this.#listeners.push({\n event,\n handler,\n });\n }\n\n return (\n <div class={{ 'input-panel__tabs_container': true }}>\n <kup-tab-bar\n data={tabNodes}\n customStyle={tabCustomStyle}\n ></kup-tab-bar>\n {sectionContent}\n </div>\n );\n }\n\n #renderField(cells: InputPanelCells, field: KupInputPanelLayoutField) {\n const fieldCell = cells.cells.find(\n (cell) => cell.column.name === field.id\n );\n\n const colSpan =\n +field.colSpan > 0\n ? field.colSpan\n : !(+field.colSpan > 0) && !(+field.colStart > 0)\n ? 1\n : null;\n\n const colStart = colSpan ? `span ${colSpan}` : `${field.colStart}`;\n\n const colEnd = +field.colEnd > 0 ? `${field.colEnd}` : '';\n\n const rowSpan =\n +field.rowSpan > 0\n ? field.rowSpan\n : !(+field.rowSpan > 0) && !(+field.rowStart > 0)\n ? 1\n : null;\n\n const rowStart = rowSpan ? `span ${rowSpan}` : `${field.rowStart}`;\n\n const rowEnd = +field.rowEnd > 0 ? `${field.rowEnd}` : '';\n\n const styleObj = {\n 'min-width': '0',\n 'grid-column-start': colStart,\n 'grid-column-end': colEnd,\n 'grid-row-start': rowStart,\n 'grid-row-end': rowEnd,\n };\n\n if (!fieldCell || !fieldCell.cell) {\n return;\n }\n\n return (\n <div style={styleObj}>\n {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n </div>\n );\n }\n\n #renderAbsoluteField(\n cells: InputPanelCells,\n field: KupInputPanelLayoutField\n ) {\n const fieldCell = cells.cells.find(\n (cell) => cell.column.name === field.id\n );\n if (!fieldCell || !fieldCell.cell) {\n return;\n }\n\n let length: number;\n if (fieldCell.cell.shape == FCellShapes.DATE) {\n length = field.absoluteLength > 8 ? field.absoluteLength : 8;\n } else {\n length = field.absoluteLength;\n }\n\n const width = `${getAbsoluteWidth(length)}px`;\n const height = `${getAbsoluteHeight(1)}px`;\n const top = `${getAbsoluteTop(field.absoluteRow)}px`;\n const left = `${getAbsoluteLeft(field.absoluteColumn)}px`;\n\n const styleObj = {\n position: 'absolute',\n width,\n 'min-width': width,\n 'max-width': width,\n height,\n 'min-height': height,\n 'max-height': height,\n top,\n left,\n overflow: 'auto',\n };\n\n fieldCell.cell.data = {\n ...fieldCell.cell.data,\n sizing: 'extra-small',\n customStyle:\n (fieldCell.cell.data.customStyle || '') +\n '.mdc-text-field {height: unset !important;}',\n };\n\n return (\n <div style={styleObj}>\n {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n </div>\n );\n }\n\n #mapCommands() {\n this.inputPanelCommands = this.data.setup.commands\n .map((commandObj) => {\n if (commandObj?.children && commandObj?.children.length > 0) {\n const data = {\n 'kup-list': {\n showIcons: true,\n data: commandObj.children.map((c) =>\n this.#commandAdapter(c)\n ),\n },\n };\n return this.#renderDropDownButton(commandObj, data);\n } else {\n const buttonCell = this.#commandAdapter(commandObj);\n return this.#renderButton(buttonCell, commandObj.value);\n }\n })\n .flat();\n }\n\n #mapCells(data: KupInputPanelData) {\n if (data.setup?.commands?.length) {\n this.#mapCommands();\n }\n\n const layout = data?.rows[0]?.layout;\n const inpuPanelCells = data?.rows?.length\n ? data.rows.reduce((inpuPanelCells, row) => {\n const cells = data.columns\n .filter((column) => column.visible)\n .map((column) => {\n const cell = structuredClone(row.cells[column.name]);\n const mappedCell = cell\n ? {\n ...cell,\n data: this.#setData(cell, column, layout),\n slotData: this.#slotData(cell, column),\n isEditable: true,\n }\n : null;\n return { column, cell: mappedCell };\n });\n return [...inpuPanelCells, { cells, row }];\n }, [])\n : [];\n inpuPanelCells.map(({ cells }: InputPanelCells) =>\n cells.map(({ cell, column }) => {\n const cellType = dom.ketchup.data.cell.getType(\n cell,\n cell.shape\n );\n const componentQuery = this.#cellTypeComponents.get(cellType);\n if (!componentQuery) {\n return;\n }\n\n const el: any = this.rootElement.shadowRoot.querySelector(\n `${componentQuery}[id=${column.name.replace(\n /\\//g,\n '\\\\$1'\n )}]`\n );\n\n el?.setValue(cell.value);\n })\n );\n\n this.inputPanelCells = inpuPanelCells;\n }\n\n #setData(\n cell: KupInputPanelCell,\n column: KupInputPanelColumn,\n layout?: KupInputPanelLayout\n ) {\n const defaultProps = {\n ...this.#mapData(cell, column, layout),\n disabled: !cell.editable,\n id: column.name,\n };\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const { data, ...noDataProps } = cell.data || {};\n\n return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n cellType !== FCellTypes.MULTI_COMBOBOX\n ? this.#deepObjectsMerge(defaultProps, {\n ...cell.data,\n })\n : // Add and ovverride defaultProps of Chip host component except data\n {\n ...defaultProps,\n ...noDataProps,\n };\n }\n\n #deepObjectsMerge(target: GenericObject, source: GenericObject) {\n for (const key in source) {\n if (\n source[key] instanceof Object &&\n !Array.isArray(source[key]) &&\n key in target\n ) {\n target[key] = this.#deepObjectsMerge(target[key], source[key]);\n } else {\n target[key] = source[key];\n }\n }\n return target;\n }\n\n #reverseMapCells(): KupInputPanelData {\n return this.inputPanelCells.reduce(\n (data, curr) => {\n const updatedCells = Object.keys(curr.row.cells).reduce(\n (cells, key) => {\n const cellState = curr.cells.find(\n (c) => c.column.name === key\n )?.cell;\n\n let value: any = cellState?.value;\n\n if (cellState?.shape === FCellShapes.TABLE) {\n value = JSON.stringify(\n this.#getTableUpdatedCell(\n cellState.data.data,\n key\n )\n );\n }\n\n return {\n ...cells,\n [key]: {\n ...curr.row.cells[key],\n value,\n obj: cellState?.obj,\n },\n };\n },\n {}\n );\n\n return {\n columns: [\n ...data.columns,\n ...curr.cells.map((cell) => cell.column),\n ],\n rows: [\n ...data.rows,\n {\n cells: updatedCells,\n layout: curr.row.layout,\n },\n ],\n };\n },\n {\n columns: [],\n rows: [],\n }\n );\n }\n\n #mapData(\n cell: KupInputPanelCell,\n col: KupInputPanelColumn,\n layout?: KupInputPanelLayout\n ) {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n let fieldLabel: string;\n if (layout?.absolute) {\n fieldLabel = null;\n } else {\n fieldLabel = col.title;\n }\n const currentValue = cell.value;\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n [FCellTypes.AUTOCOMPLETE, this.#CMBandACPAdapter.bind(this)],\n [FCellTypes.BUTTON_LIST, this.#BTNAdapter.bind(this)],\n [FCellTypes.CHART, this.#GRAAdapter.bind(this)],\n [FCellTypes.CHIP, this.#CHIAdapter.bind(this)],\n [FCellTypes.CHECKBOX, this.#CHKAdapter.bind(this)],\n [FCellTypes.COLOR_PICKER, this.#CLPAdapter.bind(this)],\n [FCellTypes.COMBOBOX, this.#CMBandACPAdapter.bind(this)],\n [FCellTypes.EDITOR, this.#EDTAdapter.bind(this)],\n [FCellTypes.MULTI_AUTOCOMPLETE, this.#CHIAdapter.bind(this)],\n [FCellTypes.MULTI_COMBOBOX, this.#CHIAdapter.bind(this)],\n [FCellTypes.NUMBER, this.#NumberAdapter.bind(this)],\n [FCellTypes.DATE, this.#DateAdapter.bind(this)],\n [FCellTypes.OBJECT, this.#ObjectAdapter.bind(this)],\n [FCellTypes.RADIO, this.#RADAdapter.bind(this)],\n [FCellTypes.STRING, this.#ITXAdapter.bind(this)],\n [FCellTypes.SWITCH, this.#SWTAdapter.bind(this)],\n [FCellTypes.TABLE, this.#DataTableAdapter.bind(this)],\n [FCellTypes.TIME, this.#TimeAdapter.bind(this)],\n ]);\n\n const adapter = dataAdapterMap.get(cellType);\n\n return adapter\n ? adapter(options, fieldLabel, currentValue, cell, col.name)\n : null;\n }\n\n #slotData(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (!cell.editable) {\n return null;\n }\n\n if (cellType === FCellTypes.CHIP) {\n return {\n trailingIcon: true,\n label: col.title,\n disabled: !cell.editable,\n id: col.name,\n fullWidth: false,\n };\n }\n\n if (\n cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n cellType === FCellTypes.MULTI_COMBOBOX\n ) {\n return {\n ...this.#CMBandACPAdapter(\n cell.options,\n col.title,\n null,\n cell,\n col.name\n ),\n showDropDownIcon: true,\n class: '',\n style: { width: '100%' },\n disabled: !cell.editable,\n id: col.name,\n };\n }\n\n return null;\n }\n\n #CHIAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\n\n return CHIAdapter(currentValue);\n }\n\n #GRAAdapter() {\n //TODO: definire mapping\n return {\n data: {\n sizeX: '50px',\n offlineMode: {\n value: '8;4;5',\n },\n id: 'i1012_GREF_0',\n cellId: 'i1012_GREF_0',\n sizeY: '50px',\n },\n };\n }\n\n #BTNAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n _currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n cell.data = cell.data || {};\n\n cell.data.onClick = () => {\n this.#getFunctionOnClickBTN(cell, id);\n };\n\n if (cell.data?.keyShortcut && !cell.data?.disabled) {\n this.#keysShortcut.push(cell.data?.keyShortcut);\n this.#kupManager.keysBinding.register(\n cell.data?.keyShortcut,\n cell.data.onClick.bind(this)\n );\n }\n\n return {\n label: cell.value,\n fun: cell.fun,\n ...cell.data,\n };\n }\n\n #CMBandACPAdapter(\n rawOptions: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n if (cell.fun) {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n const evNames = this.#eventNames.get(cellType);\n\n if (!evNames) {\n return;\n }\n\n evNames.map((evName) => {\n const handler = (\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => {\n this.#getAutocompleteEventCallback(\n e.detail,\n cell.fun,\n configCMandACP,\n id,\n currentValue\n );\n };\n this.rootElement.addEventListener(evName, handler);\n this.#listeners.push({\n event: evName,\n handler,\n });\n });\n } else if (rawOptions) {\n configCMandACP.data['kup-list'].data =\n this.#optionsTreeComboAdapter(rawOptions, currentValue);\n }\n\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\n\n return configCMandACP;\n }\n\n #CHKAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n let data = CHKAdapter(currentValue, fieldLabel);\n\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n ...data,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n\n return data;\n }\n\n #CLPAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string\n ) {\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n };\n }\n\n #EDTAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n ) {\n return {\n initialValue: currentValue,\n };\n }\n\n #ITXAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n label: fieldLabel,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n return { label: fieldLabel };\n }\n\n #RADAdapter(\n options: GenericObject,\n _fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n let data = RADAdapter(currentValue, options);\n\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n ...data,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n\n return data;\n }\n\n #SWTAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string\n ) {\n return SWTAdapter(currentValue, fieldLabel);\n }\n\n #DateAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\n\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n initialValue: currentValue,\n };\n }\n\n #ObjectAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n initialValue: currentValue || '',\n label: fieldLabel || ' ',\n value: currentValue || '',\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n\n return {\n initialValue: currentValue || '',\n label: fieldLabel || ' ',\n value: currentValue || '',\n };\n }\n\n #TimeAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n };\n }\n\n #NumberAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n label: fieldLabel,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n return { label: fieldLabel };\n }\n\n #DataTableAdapter(\n _rawOptions: GenericObject,\n _fieldLabel: string,\n _value: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n try {\n let data = JSON.parse(cell.value);\n\n if (!data) {\n this.#kupManager.debug.logMessage(\n this,\n `Empty value for ${id} cell.`,\n KupDebugCategory.WARNING\n );\n return null;\n }\n\n if ((data as any).type !== 'SmeupDataTable') {\n this.#kupManager.debug.logMessage(\n this,\n `Wrong data table type for ${id} cell. Type \\`SmeupDataTable\\` in value expected`,\n KupDebugCategory.ERROR\n );\n return null;\n }\n\n return {\n data: {\n columns: data.columns.map((col) => ({\n ...col,\n obj: data.rows[0].cells[col.name].obj,\n })),\n rows: data.rows.map((row) => ({\n ...row,\n cells: Object.keys(row.cells).reduce((cell, key) => {\n const column = data.columns.find(\n (col) => col.name === key\n );\n return {\n ...cell,\n [key]: {\n ...row.cells[key],\n data: {\n ...this.#mapData(\n row.cells[key],\n column\n ),\n disabled:\n row.cells[key].editable === false,\n id: column.id,\n },\n },\n };\n }, {}),\n })),\n },\n };\n } catch (e) {\n this.#kupManager.debug.logMessage(\n this,\n `Invalid value for ${id} cell. Type \\`SmeupDataTable\\` expected`,\n KupDebugCategory.ERROR\n );\n return null;\n }\n }\n\n #getTableUpdatedCell(\n tableValue: KupDataTableDataset,\n cellId: string\n ): KupDataTableDataset {\n const updated: KupDataTableDataset = {\n ...tableValue,\n rows: tableValue.rows.map((row) => ({ ...row, cells: {} })),\n };\n\n const editableColsId = tableValue.columns\n .filter((col) => col.isEditable)\n .map((col) => col.name);\n\n if (!editableColsId.length) {\n return updated;\n }\n\n try {\n const beforeTableValue = JSON.parse(\n this.#originalData.rows[0].cells[cellId].value\n );\n\n updated.rows = tableValue.rows.map((row, i) =>\n editableColsId.reduce<KupDataTableRow>(\n (updatedRow, colId) => {\n const changed =\n beforeTableValue.rows[i].cells[colId] &&\n row.cells[colId].value !==\n beforeTableValue.rows[i].cells[colId].value;\n\n if (changed) {\n return {\n ...beforeTableValue.rows[i],\n cells: {\n ...updatedRow.cells,\n [colId]: {\n ...beforeTableValue.rows[i].cells[\n colId\n ],\n value: row.cells[colId].value,\n },\n },\n };\n }\n\n return {\n ...beforeTableValue.rows[i],\n cells: updatedRow.cells,\n };\n },\n { ...beforeTableValue.rows[i], cells: {} }\n )\n );\n\n return updated;\n } catch (e) {\n return updated;\n }\n }\n\n #optionsTreeComboAdapter(options: any, currentValue: string) {\n const adapter = this.#optionsAdapterMap.get(options.type);\n\n if (adapter) {\n return adapter(options, currentValue);\n } else {\n return options.map((option) => ({\n value: option.label,\n id: option.id,\n selected: currentValue === option.id,\n }));\n }\n }\n\n #treeOptionsNodeAdapter(\n options: any,\n currentValue: string\n ): GenericObject[] {\n return options.children.map((child) => ({\n id: child.content.codice,\n value: child.content.testo,\n selected: currentValue === child.content.codice,\n children: child.children?.length\n ? this.#treeOptionsNodeAdapter(child, currentValue)\n : [],\n }));\n }\n\n #dataTreeOptionsChildrenAdapter(\n options: any,\n currentValue: string\n ): GenericObject[] {\n return options.children.map((child) => ({\n id: child.obj.k,\n value: child.value,\n selected: currentValue === child.obj.k,\n children: child.children?.length\n ? this.#dataTreeOptionsChildrenAdapter(child, currentValue)\n : [],\n }));\n }\n\n #tableOptionsAdapter(options: any, currentValue: string): GenericObject[] {\n return options.rows.map((row) => {\n const cells = row.fields || row.cells;\n const [id, value] = Object.keys(cells);\n\n return {\n id: cells[id].value,\n value: cells[value]?.value || cells[id].value,\n selected: currentValue === cells[id].value,\n };\n });\n }\n\n #commandAdapter(cell: KupDataCell): KupDataCell {\n const buttonCell = {\n ...cell,\n data: this.#BTNAdapter(null, null, cell.value, cell, cell.obj.k),\n id: cell.obj.k,\n };\n return buttonCell;\n }\n\n #getAutocompleteEventCallback(\n detail: KupAutocompleteEventPayload | KupComboboxIconClickEventPayload,\n fun: string,\n data: any,\n id: string,\n currentValue: string\n ) {\n if (\n detail.id !== id ||\n (detail as KupComboboxIconClickEventPayload).open === false\n ) {\n return;\n }\n this.optionsHandler(\n fun,\n detail.inputValue,\n this.#reverseMapCells(),\n detail.id\n ).then((options) => {\n data.data['kup-list'].data =\n this.#optionsTreeComboAdapter(options, currentValue) ?? [];\n detail.comp.refresh();\n });\n }\n\n async #checkOnBlurProp(cell: KupInputPanelCell, id: string) {\n const currCell = this.#getCell(id);\n\n // Required cell check\n if (cell.mandatory) {\n this.#setCellError(\n id,\n currCell.value\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.REQUIRED_VALUE\n )\n );\n\n if (!currCell.value) {\n return;\n }\n } else {\n this.#setCellError(id, null);\n }\n\n // Valid object check\n if (cell.inputSettings?.checkObject && currCell.value) {\n const { valid } = await this.checkValidObjCallback({\n obj: cell.obj,\n currentState: this.#reverseMapCells(),\n fun: cell.fun,\n });\n if (valid) {\n this.#setCellError(id, null);\n } else {\n this.#setCellError(\n id,\n this.#kupManager.language.translate(\n KupLanguageGeneric.INVALID_VALUE\n )\n );\n return;\n }\n }\n\n if (cell.inputSettings?.checkValueOnExit && this.#areValuesUpdated()) {\n this.checkValidValueCallback(\n {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n id\n );\n }\n }\n\n #checkOnBlurEvent(cell: KupInputPanelCell, id: string) {\n const evName = this.#eventBlurNames.get(cell.shape);\n if (!evName) {\n return;\n }\n\n const handler = async (e: CustomEvent<KupAutocompleteEventPayload>) => {\n const currCell = this.#getCell(id);\n\n if (e.detail.id !== id) {\n return;\n }\n\n // Required cell check\n if (cell.mandatory) {\n this.#setCellError(\n id,\n currCell.value\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.REQUIRED_VALUE\n )\n );\n\n if (!e.detail.value) {\n return;\n }\n } else {\n this.#setCellError(id, null);\n }\n\n // Valid object check\n if (cell.inputSettings?.checkObject && e.detail.value) {\n const { valid } = await this.checkValidObjCallback({\n obj: cell.obj,\n currentState: this.#reverseMapCells(),\n fun: cell.fun,\n });\n\n this.#setCellError(\n id,\n valid\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.INVALID_VALUE\n )\n );\n if (!valid) {\n return;\n }\n }\n\n if (\n cell.inputSettings?.checkValueOnExit &&\n this.#areValuesUpdated()\n ) {\n this.checkValidValueCallback(\n {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n id\n );\n }\n };\n this.rootElement.addEventListener(evName, handler);\n this.#listeners.push({\n event: evName,\n handler,\n });\n }\n\n #setCellError(id: string, error: string) {\n this.inputPanelCells = this.inputPanelCells.map((cell) => ({\n ...cell,\n cells: cell.cells.map(({ cell, column }) => {\n const data =\n column.name === id\n ? {\n ...cell.data,\n error,\n }\n : cell.data;\n return {\n column,\n cell: {\n ...cell,\n data,\n },\n };\n }),\n }));\n }\n\n #areValuesUpdated() {\n return this.inputPanelCells.some(({ cells, row }) =>\n cells.some(\n ({ cell, column: { name } }) =>\n cell.value !== row.cells[name].value\n )\n );\n }\n\n #getFunctionOnClickBTN(cell: KupInputPanelCell, id: string) {\n cell.fun\n ? this.customButtonClickHandler({\n fun: cell.fun,\n cellId: id,\n currentState: this.#reverseMapCells(),\n })\n : this.submitCb({\n value: {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n cell: id,\n });\n }\n\n //#endregion\n\n //#region LIFECYCLE HOOKS\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n this.onDataChanged();\n }\n\n componentDidLoad() {\n this.kupReady.emit({ comp: this, id: this.rootElement.id });\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const fs: NodeListOf<HTMLElement> =\n root.querySelectorAll('.f-text-field');\n for (let index = 0; index < fs.length; index++) {\n FTextFieldMDC(fs[index]);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const isEmptyData = Boolean(!this.inputPanelCells.length);\n\n const inputPanelContent: VNode[] = isEmptyData\n ? [\n <p>\n {this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_DATA\n )}\n </p>,\n ]\n : this.inputPanelCells.map((inputPanelCell) =>\n this.#renderRow(inputPanelCell)\n );\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>{inputPanelContent}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n //#endregion\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/{p-32a621b8.entry.js → p-c2ab279b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as n,F as a,H as o,d as r}from"./p-d7c15b0e.js";import{k as s,g as c,s as p,ag as l}from"./p-af7bddae.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{s as h}from"./p-0ccb3fa7.js";import"./p-029c7cbe.js";var d;(function(t){t["data"]="Dataset containing the activities list";t["dateColumn"]="Column containing dates";t["timeColumn"]="Column containing times";t["sortOrder"]="Order for sorting"})(d||(d={}));var g;(function(t){t["onClick"]="onClick";t["onRightClick"]="onRightClick"})(g||(g={}));const u='.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}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';const x=u;var v=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var y,k,w;const b=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-activitytimeline-click",6);this.kupContextMenu=e(this,"kup-activitytimeline-contextmenu",6);this.kupReady=e(this,"kup-activitytimeline-ready",6);y.add(this);k.set(this,s());this.timeline=[];this.data=undefined;this.dateColumn=undefined;this.sort=[];this.timeColumn=undefined}async getProps(t){return c(this,d,t)}async refresh(){i(this)}async setProps(t){p(this,d,t)}getActivity(t){return{column:this.data.columns.find((e=>e.name===t.columnName)),row:this.data.rows.find((e=>e.id===t.rowId))}}onActivityClick(t,e){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onClick})})}onActivityContextMenu(t,e){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.columns.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:e=>{e.stopPropagation();this.onActivityClick(e,t)},onContextMenu:e=>{this.onActivityContextMenu(e,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){v(this,k,"f").debug.logLoad(this,false);v(this,k,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});v(this,k,"f").debug.logLoad(this,true)}componentWillRender(){v(this,k,"f").debug.logRender(this,false)}componentDidRender(){v(this,k,"f").debug.logRender(this,true)}render(){this.timeline=v(this,y,"m",w).call(this,this.data);return n(o,{key:"19e1cc99991f8eeebf06295ff52cb9c94a6ea470"},n("style",{key:"120f8b51d484c8f41b16b485b4fc205f3d79ea19"},v(this,k,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"655881a54afceccf22a2775b403e57d126894cfc",id:m},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))))}disconnectedCallback(){v(this,k,"f").theme.unregister(this)}get rootElement(){return r(this)}};k=new WeakMap,y=new WeakSet,w=function t(e){const{columns:i,rows:n}=e;const a=i.find((t=>t.name===this.dateColumn));const o=i.find((t=>t.name===this.timeColumn));if(!a||!o)return[];const r=h(n,this.sort).reduce(((t,e)=>{const n=l(a,e.cells[a.name]);const r=l(o,e.cells[o.name]);const s=`${n} ${r}`;t[s]=t[s]||[];t[s].push({columns:i.filter((t=>t.visible!==false)).map((t=>({title:t.title,value:l(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))});return t}),{});return Object.entries(r).map((([t,e])=>({date:t,activities:e})))};b.style=x;export{b as kup_activity_timeline};
-//# sourceMappingURL=p-32a621b8.entry.js.map
+import{r as t,c as e,f as i,h as n,F as a,H as o,d as r}from"./p-d7c15b0e.js";import{k as s,g as c,s as p,ag as l}from"./p-f7bd59af.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{s as h}from"./p-12386c37.js";import"./p-029c7cbe.js";var d;(function(t){t["data"]="Dataset containing the activities list";t["dateColumn"]="Column containing dates";t["timeColumn"]="Column containing times";t["sortOrder"]="Order for sorting"})(d||(d={}));var g;(function(t){t["onClick"]="onClick";t["onRightClick"]="onRightClick"})(g||(g={}));const u='.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}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';const x=u;var v=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var y,k,w;const b=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-activitytimeline-click",6);this.kupContextMenu=e(this,"kup-activitytimeline-contextmenu",6);this.kupReady=e(this,"kup-activitytimeline-ready",6);y.add(this);k.set(this,s());this.timeline=[];this.data=undefined;this.dateColumn=undefined;this.sort=[];this.timeColumn=undefined}async getProps(t){return c(this,d,t)}async refresh(){i(this)}async setProps(t){p(this,d,t)}getActivity(t){return{column:this.data.columns.find((e=>e.name===t.columnName)),row:this.data.rows.find((e=>e.id===t.rowId))}}onActivityClick(t,e){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onClick})})}onActivityContextMenu(t,e){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.columns.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:e=>{e.stopPropagation();this.onActivityClick(e,t)},onContextMenu:e=>{this.onActivityContextMenu(e,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){v(this,k,"f").debug.logLoad(this,false);v(this,k,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});v(this,k,"f").debug.logLoad(this,true)}componentWillRender(){v(this,k,"f").debug.logRender(this,false)}componentDidRender(){v(this,k,"f").debug.logRender(this,true)}render(){this.timeline=v(this,y,"m",w).call(this,this.data);return n(o,{key:"19e1cc99991f8eeebf06295ff52cb9c94a6ea470"},n("style",{key:"120f8b51d484c8f41b16b485b4fc205f3d79ea19"},v(this,k,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"655881a54afceccf22a2775b403e57d126894cfc",id:m},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))))}disconnectedCallback(){v(this,k,"f").theme.unregister(this)}get rootElement(){return r(this)}};k=new WeakMap,y=new WeakSet,w=function t(e){const{columns:i,rows:n}=e;const a=i.find((t=>t.name===this.dateColumn));const o=i.find((t=>t.name===this.timeColumn));if(!a||!o)return[];const r=h(n,this.sort).reduce(((t,e)=>{const n=l(a,e.cells[a.name]);const r=l(o,e.cells[o.name]);const s=`${n} ${r}`;t[s]=t[s]||[];t[s].push({columns:i.filter((t=>t.visible!==false)).map((t=>({title:t.title,value:l(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))});return t}),{});return Object.entries(r).map((([t,e])=>({date:t,activities:e})))};b.style=x;export{b as kup_activity_timeline};
+//# sourceMappingURL=p-c2ab279b.entry.js.map

package/dist/ketchup/{p-1ab129ab.entry.js → p-cbf642ba.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,as as h,O as r,at as f,V as u,d}from"./p-af7bddae.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"3c765048300e35bdd44b07a1da37f950036f0b41"},i("style",{key:"e8e19318d95c55604b6e6b8943ee911235f645d2"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"05ccd1b3d038aeade61eb1f284f057fa1780dec3",id:m},i("div",{key:"397223240b70346596c736e56a3f9fe1cc96e678",class:"magic-box-wrapper"},i("div",{key:"b0abf8d405f522c27784a22f32d793caf5a1bd54",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"42bc40126ec6f6d66773507ce642ca60dbff1bc6"},this.comboboxProps())),i("kup-button",{key:"9612c38cbb6c590a03ecb2c50e9934810139ab91",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"f79c13ae2b91eb485d79a8c9be0026d32c0185a6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"ccc055eb0637f6cff2f8a151d6f09aaa3630623b",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
-//# sourceMappingURL=p-1ab129ab.entry.js.map
+import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,as as h,O as r,at as f,V as u,d}from"./p-f7bd59af.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"3c765048300e35bdd44b07a1da37f950036f0b41"},i("style",{key:"e8e19318d95c55604b6e6b8943ee911235f645d2"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"05ccd1b3d038aeade61eb1f284f057fa1780dec3",id:m},i("div",{key:"397223240b70346596c736e56a3f9fe1cc96e678",class:"magic-box-wrapper"},i("div",{key:"b0abf8d405f522c27784a22f32d793caf5a1bd54",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"42bc40126ec6f6d66773507ce642ca60dbff1bc6"},this.comboboxProps())),i("kup-button",{key:"9612c38cbb6c590a03ecb2c50e9934810139ab91",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"f79c13ae2b91eb485d79a8c9be0026d32c0185a6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"ccc055eb0637f6cff2f8a151d6f09aaa3630623b",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
+//# sourceMappingURL=p-cbf642ba.entry.js.map

package/dist/ketchup/p-d1aed414.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 f,f as o,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-f7bd59af.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-10dfd311.js";import{F as y}from"./p-f7d95fe5.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-d6a135fc.js";import"./p-12b043a8.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:fit-content;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,f());this.customStyle="";this.data=null;this.density=o.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:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},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-d1aed414.entry.js.map

package/dist/ketchup/{p-c95408b6.entry.js.map → p-d1aed414.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
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: fit-content;\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} 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":[]}
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: fit-content;\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} 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/dist/ketchup/{p-294d3d1c.js → p-d6a135fc.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{h as e,g as t}from"./p-d7c15b0e.js";import{b as l}from"./p-af7bddae.js";import{F as n}from"./p-2b519589.js";const i=document.documentElement;const s=(t,l)=>{const n={"f-text-field":true,"kup-danger":t.danger,"kup-full-height":t.fullHeight,"kup-full-width":t.fullWidth,"kup-info":t.info,"kup-light-mode":t.lightMode,"kup-secondary":t.secondary,"kup-shaped":t.shaped,"kup-success":t.success,"kup-warning":t.warning,[t.wrapperClass]:!!t.wrapperClass};return e("div",Object.assign({class:n},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:`mdc-form-field ${t.leadingLabel?"mdc-form-field--align-end":""}`},[d(t),c(t),e("label",null,t.label)]):[d(t),c(t)],l)};function d(s){var d,c;const r=s.textArea||s.outlined;let o;let u;let f;let m;if(s.label&&!s.leadingLabel&&!s.trailingLabel){o=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},s.label),s.maxLength&&s.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},s.value.length," / ",s.maxLength):undefined)}if(s.icon){let n;let i="";if(Object.values(l).indexOf(s.icon)>-1){i=s.icon.replace("--","")}else{let e=`url('${t(`./assets/svg/${s.icon}.svg`)}') no-repeat center`;n={mask:e,webkitMask:e}}u=e("span",{style:n,onClick:s.onIconClick,class:`mdc-text-field__icon kup-icon action ${i}`})}if(s.quantityButtons){const l=`url('${t(`./assets/svg/minus.svg`)}') no-repeat center`;const n=`url('${t(`./assets/svg/plus.svg`)}') no-repeat center`;const i={mask:l,webkitMask:l};const s={mask:n,webkitMask:n};f=e("span",{style:i,class:`mdc-text-field__icon kup-icon action`});m=e("span",{style:s,class:`mdc-text-field__icon kup-icon action`})}const p={color:s.error?`var(--kup-danger-color-60)`:`var(--kup-warning-color-50)`,resource:s.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"};const x={"mdc-text-field-container":true,"mdc-text-field-container--disabled":s.disabled};const g=Object.assign({"is-clearable":s.isClearable,"mdc-text-field":true,"mdc-text-field--disabled":s.disabled,"mdc-text-field--read-only":s.readOnly,"mdc-text-field--filled":!s.fullWidth&&!r,"mdc-text-field--no-label":!s.label,"mdc-text-field--fullwidth":s.fullWidth,"mdc-text-field--lightmode":s.lightMode,"mdc-text-field--outlined":r,"mdc-text-field--textarea":s.textArea,"mdc-text-field--with-leading-icon":s.icon&&!s.trailingIcon,"mdc-text-field--with-trailing-icon":s.icon&&s.trailingIcon,"mdc-text-field--with-quantity-buttons":s.quantityButtons,"mdc-text-field--error":Boolean(s.error),"mdc-text-field--alert":Boolean(s.alert)},!s.textArea&&{[`mdc-text-field--${s.sizing||"small"}`]:true});let v=s.value;let k=s.quantityButtons?"number":(d=s.inputType)!==null&&d!==void 0?d:"text";let b=false;if(s.inputType==="number"&&(s.decimals&&s.decimals>0||s.group)){k="text";b=true}if(s.inputType==="number"){const e={allowNegative:(c=s.allowNegative)!==null&&c!==void 0?c:true,decimal:s.decimals,group:s.group,integer:s.integers};v=a(v,e,false)}return e("div",{class:x},!s.fullWidth?o:undefined,e("div",{class:g},!s.trailingIcon?u:undefined,s.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:s.disabled,maxlength:s.maxLength,value:v,onBlur:s.onBlur,onClick:s.onClick,onChange:s.onChange,onFocus:s.onFocus,onInput:s.onInput,onKeyDown:s.onKeyDown})):e("input",{inputmode:s.inputMode?s.inputMode:undefined,type:k,step:s.step,min:s.min,max:s.max,name:s.name,class:"mdc-text-field__input",disabled:s.disabled,placeholder:s.placeholder,maxlength:s.maxLength,size:s.size,value:v,onBlur:e=>{var t;if(b){const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};e.target.value=a(e.target.value,l,true)}if(s.onBlur){s.onBlur(e)}},onChange:e=>{var t;if(b){const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};if(s.min!==undefined&&s.min!==null&&s.min>parseFloat(e.target.value)){e.target.value=a(s.min.toString(),l,true)}else if(s.max!==undefined&&s.max!==null&&s.max<parseFloat(e.target.value)){e.target.value=a(s.max.toString(),l,true)}else{e.target.value=a(e.target.value,l,true)}}else{if(s.min!==undefined&&s.min!==null&&s.min>parseFloat(e.target.value)){e.target.value=s.min.toString()}else if(s.max!==undefined&&s.max!==null&&s.max<parseFloat(e.target.value)){e.target.value=s.max.toString()}}if(s.onChange){s.onChange(e)}},onClick:s.onClick,onFocus:s.onFocus,onInput:s.onInput,onKeyDown:s.onKeyDown,onKeyPress:e=>{var t;if(!b){return}if(e.ctrlKey){return}if(e.key.length>1){return}const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};let n=e.target;let d=n.value;let c=d.substring(0,n.selectionStart);let a=d.substring(n.selectionEnd,n.selectionEnd+d.length-1);let r=c+e.key+a;if(!i.ketchup.math.matchNumericValueWithOptions(r,l)){e.preventDefault();return}}}),s.trailingIcon?u:undefined,s.helperIcon&&s.error?e("div",{class:"mdc-error-icon"},e(n,Object.assign({},p))):s.helperIcon&&s.alert?e("div",{class:"mdc-alert-icon"},e(n,Object.assign({},p))):undefined,s.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:s.onMinusClick},f),e("button",{onClick:s.onPlusClick},m)),s.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:s.onClearIconClick}):undefined))}function c(t){if(t.error||t.alert){return e("div",{class:"mdc-text-field-helper-line"},t.error?e("span",{class:"mdc-error-message"},t.error):t.alert?e("span",{class:"mdc-alert-message"},t.alert):undefined)}else if(t.helperEnabled!==false){if(t.helper){const l={"mdc-text-field-helper-text":true,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused};return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:l},t.helper))}}}const a=function(e,t,l){let n=e;if(!n){return n}if(n=="-"){return""}return i.ketchup.math.format(n,i.ketchup.math.createFormatPattern(t.group,t.decimal),l)};export{s as F};
-//# sourceMappingURL=p-294d3d1c.js.map
+import{h as e,g as t}from"./p-d7c15b0e.js";import{b as l}from"./p-f7bd59af.js";import{F as n}from"./p-2b519589.js";const i=document.documentElement;const s=(t,l)=>{const n={"f-text-field":true,"kup-danger":t.danger,"kup-full-height":t.fullHeight,"kup-full-width":t.fullWidth,"kup-info":t.info,"kup-light-mode":t.lightMode,"kup-secondary":t.secondary,"kup-shaped":t.shaped,"kup-success":t.success,"kup-warning":t.warning,[t.wrapperClass]:!!t.wrapperClass};return e("div",Object.assign({class:n},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:`mdc-form-field ${t.leadingLabel?"mdc-form-field--align-end":""}`},[d(t),c(t),e("label",null,t.label)]):[d(t),c(t)],l)};function d(s){var d,c;const r=s.textArea||s.outlined;let o;let u;let f;let m;if(s.label&&!s.leadingLabel&&!s.trailingLabel){o=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},s.label),s.maxLength&&s.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},s.value.length," / ",s.maxLength):undefined)}if(s.icon){let n;let i="";if(Object.values(l).indexOf(s.icon)>-1){i=s.icon.replace("--","")}else{let e=`url('${t(`./assets/svg/${s.icon}.svg`)}') no-repeat center`;n={mask:e,webkitMask:e}}u=e("span",{style:n,onClick:s.onIconClick,class:`mdc-text-field__icon kup-icon action ${i}`})}if(s.quantityButtons){const l=`url('${t(`./assets/svg/minus.svg`)}') no-repeat center`;const n=`url('${t(`./assets/svg/plus.svg`)}') no-repeat center`;const i={mask:l,webkitMask:l};const s={mask:n,webkitMask:n};f=e("span",{style:i,class:`mdc-text-field__icon kup-icon action`});m=e("span",{style:s,class:`mdc-text-field__icon kup-icon action`})}const p={color:s.error?`var(--kup-danger-color-60)`:`var(--kup-warning-color-50)`,resource:s.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"};const x={"mdc-text-field-container":true,"mdc-text-field-container--disabled":s.disabled};const g=Object.assign({"is-clearable":s.isClearable,"mdc-text-field":true,"mdc-text-field--disabled":s.disabled,"mdc-text-field--read-only":s.readOnly,"mdc-text-field--filled":!s.fullWidth&&!r,"mdc-text-field--no-label":!s.label,"mdc-text-field--fullwidth":s.fullWidth,"mdc-text-field--lightmode":s.lightMode,"mdc-text-field--outlined":r,"mdc-text-field--textarea":s.textArea,"mdc-text-field--with-leading-icon":s.icon&&!s.trailingIcon,"mdc-text-field--with-trailing-icon":s.icon&&s.trailingIcon,"mdc-text-field--with-quantity-buttons":s.quantityButtons,"mdc-text-field--error":Boolean(s.error),"mdc-text-field--alert":Boolean(s.alert)},!s.textArea&&{[`mdc-text-field--${s.sizing||"small"}`]:true});let v=s.value;let k=s.quantityButtons?"number":(d=s.inputType)!==null&&d!==void 0?d:"text";let b=false;if(s.inputType==="number"&&(s.decimals&&s.decimals>0||s.group)){k="text";b=true}if(s.inputType==="number"){const e={allowNegative:(c=s.allowNegative)!==null&&c!==void 0?c:true,decimal:s.decimals,group:s.group,integer:s.integers};v=a(v,e,false)}return e("div",{class:x},!s.fullWidth?o:undefined,e("div",{class:g},!s.trailingIcon?u:undefined,s.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:s.disabled,maxlength:s.maxLength,value:v,onBlur:s.onBlur,onClick:s.onClick,onChange:s.onChange,onFocus:s.onFocus,onInput:s.onInput,onKeyDown:s.onKeyDown})):e("input",{inputmode:s.inputMode?s.inputMode:undefined,type:k,step:s.step,min:s.min,max:s.max,name:s.name,class:"mdc-text-field__input",disabled:s.disabled,placeholder:s.placeholder,maxlength:s.maxLength,size:s.size,value:v,onBlur:e=>{var t;if(b){const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};e.target.value=a(e.target.value,l,true)}if(s.onBlur){s.onBlur(e)}},onChange:e=>{var t;if(b){const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};if(s.min!==undefined&&s.min!==null&&s.min>parseFloat(e.target.value)){e.target.value=a(s.min.toString(),l,true)}else if(s.max!==undefined&&s.max!==null&&s.max<parseFloat(e.target.value)){e.target.value=a(s.max.toString(),l,true)}else{e.target.value=a(e.target.value,l,true)}}else{if(s.min!==undefined&&s.min!==null&&s.min>parseFloat(e.target.value)){e.target.value=s.min.toString()}else if(s.max!==undefined&&s.max!==null&&s.max<parseFloat(e.target.value)){e.target.value=s.max.toString()}}if(s.onChange){s.onChange(e)}},onClick:s.onClick,onFocus:s.onFocus,onInput:s.onInput,onKeyDown:s.onKeyDown,onKeyPress:e=>{var t;if(!b){return}if(e.ctrlKey){return}if(e.key.length>1){return}const l={allowNegative:(t=s.allowNegative)!==null&&t!==void 0?t:true,decimal:s.decimals,group:s.group,integer:s.integers};let n=e.target;let d=n.value;let c=d.substring(0,n.selectionStart);let a=d.substring(n.selectionEnd,n.selectionEnd+d.length-1);let r=c+e.key+a;if(!i.ketchup.math.matchNumericValueWithOptions(r,l)){e.preventDefault();return}}}),s.trailingIcon?u:undefined,s.helperIcon&&s.error?e("div",{class:"mdc-error-icon"},e(n,Object.assign({},p))):s.helperIcon&&s.alert?e("div",{class:"mdc-alert-icon"},e(n,Object.assign({},p))):undefined,s.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:s.onMinusClick},f),e("button",{onClick:s.onPlusClick},m)),s.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:s.onClearIconClick}):undefined))}function c(t){if(t.error||t.alert){return e("div",{class:"mdc-text-field-helper-line"},t.error?e("span",{class:"mdc-error-message"},t.error):t.alert?e("span",{class:"mdc-alert-message"},t.alert):undefined)}else if(t.helperEnabled!==false){if(t.helper){const l={"mdc-text-field-helper-text":true,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused};return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:l},t.helper))}}}const a=function(e,t,l){let n=e;if(!n){return n}if(n=="-"){return""}return i.ketchup.math.format(n,i.ketchup.math.createFormatPattern(t.group,t.decimal),l)};export{s as F};
+//# sourceMappingURL=p-d6a135fc.js.map

package/dist/ketchup/{p-5a94cb83.entry.js → p-d94e9c52.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-af7bddae.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const f=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"45102ca7586bebbfc7f2b153d93c0f004f2ebfec"},s?i("style",null,s):null,i("div",{key:"c4e6be7e1976deddb7fea01875262045fa35ad78",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{f as kup_probe};
-//# sourceMappingURL=p-5a94cb83.entry.js.map
+import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-f7bd59af.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const f=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"45102ca7586bebbfc7f2b153d93c0f004f2ebfec"},s?i("style",null,s):null,i("div",{key:"c4e6be7e1976deddb7fea01875262045fa35ad78",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{f as kup_probe};
+//# sourceMappingURL=p-d94e9c52.entry.js.map