@sme.up/ketchup 11.0.0-SNAPSHOT-20241128165949 → 11.0.0-SNAPSHOT-20241129144428

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 (45) hide show
  1. package/dist/cjs/{f-cell-9f60ccb8.js → f-cell-6e92a406.js} +2 -2
  2. package/dist/cjs/f-cell-6e92a406.js.map +1 -0
  3. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +1 -1
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/kup-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
  7. package/dist/cjs/kup-input-panel.cjs.entry.js +10 -6
  8. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  9. package/dist/collection/assets/calendar.js +4 -4
  10. package/dist/collection/assets/data-table.js +8 -8
  11. package/dist/collection/components/kup-input-panel/kup-input-panel.css +3 -0
  12. package/dist/collection/components/kup-input-panel/kup-input-panel.js +10 -5
  13. package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
  14. package/dist/collection/f-components/f-cell/f-cell.js +1 -1
  15. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  16. package/dist/components/kup-autocomplete2.js +1 -1
  17. package/dist/components/kup-autocomplete2.js.map +1 -1
  18. package/dist/components/kup-input-panel.js +9 -5
  19. package/dist/components/kup-input-panel.js.map +1 -1
  20. package/dist/esm/{f-cell-4b8129d5.js → f-cell-bf2f63a8.js} +2 -2
  21. package/dist/esm/f-cell-bf2f63a8.js.map +1 -0
  22. package/dist/esm/kup-autocomplete_28.entry.js +1 -1
  23. package/dist/esm/kup-box.entry.js +1 -1
  24. package/dist/esm/kup-cell.entry.js +1 -1
  25. package/dist/esm/kup-image-list.entry.js +1 -1
  26. package/dist/esm/kup-input-panel.entry.js +10 -6
  27. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  28. package/dist/ketchup/ketchup.esm.js +1 -1
  29. package/dist/ketchup/p-54e984ca.entry.js +2 -0
  30. package/dist/ketchup/p-54e984ca.entry.js.map +1 -0
  31. package/dist/ketchup/{p-caa70779.entry.js → p-7e994945.entry.js} +2 -2
  32. package/dist/ketchup/{p-3f141611.entry.js → p-91f3e313.entry.js} +2 -2
  33. package/dist/ketchup/{p-8afa9473.entry.js → p-c76cd6bd.entry.js} +2 -2
  34. package/dist/ketchup/{p-c3f65052.entry.js → p-cab51c5f.entry.js} +2 -2
  35. package/dist/ketchup/{p-8cbd8be4.js → p-f53792c4.js} +2 -2
  36. package/dist/ketchup/{p-8cbd8be4.js.map → p-f53792c4.js.map} +1 -1
  37. package/package.json +1 -1
  38. package/dist/cjs/f-cell-9f60ccb8.js.map +0 -1
  39. package/dist/esm/f-cell-4b8129d5.js.map +0 -1
  40. package/dist/ketchup/p-d9b99aec.entry.js +0 -2
  41. package/dist/ketchup/p-d9b99aec.entry.js.map +0 -1
  42. /package/dist/ketchup/{p-caa70779.entry.js.map → p-7e994945.entry.js.map} +0 -0
  43. /package/dist/ketchup/{p-3f141611.entry.js.map → p-91f3e313.entry.js.map} +0 -0
  44. /package/dist/ketchup/{p-8afa9473.entry.js.map → p-c76cd6bd.entry.js.map} +0 -0
  45. /package/dist/ketchup/{p-c3f65052.entry.js.map → p-cab51c5f.entry.js.map} +0 -0
package/dist/ketchup/p-54e984ca.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["KupInputPanelLayoutSectionType","KupInputPanelProps","KupInputPanelPosition","KupInputPanelButtonsPositions","CHAR_WIDTH","ROW_HEIGHT","getAbsoluteWidth","length","getAbsoluteHeight","height","getAbsoluteTop","row","getAbsoluteLeft","col","kupInputPanelCss","KupInputPanelStyle0","dom","document","documentElement","KupInputPanel","_KupInputPanel_kupManager","set","this","kupManagerInstance","_KupInputPanel_formRef","_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","BOTTOM","COLUMNS","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","_KupInputPanel_didLoadInteractables","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","inputPanelPosition","gridTemplateColumns","join","dashboardMode","gridTemplateRows","_KupInputPanel_renderGridLayout","inputPanelClass","buttonPosition","RIGHT","classObj","INLINE","commandsClass","value","_b","title","type","FTypographyType","class","ref","el","onSubmit","e","preventDefault","submitCb","before","Object","assign","after","_KupInputPanel_reverseMapCells","onContextMenu","FTypography","style","FButton","buttonType","label","CONFIRM","wrapperClass","invisible","hiddenSubmitButton","inputPanelCommands","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","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","field","_KupInputPanel_renderField","sectionContent","filter","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","visible","mappedCell","_KupInputPanel_setData","slotData","_KupInputPanel_slotData","componentQuery","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","_KupInputPanel_getEventDetails","path","originalEvent","fcell","p","classList","contains","columnName","anchor","_KupInputPanel_contextMenuHandler","eventPath","getEventPath","interact","managedElements","add","tapCb","button","details","kupDataTableContextMenu","on","KupPointerEventTypes","TAP"],"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, KupEventPayload } 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 absoluteHeight?: 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 buttonPosition = 'Manage the position of the buttons related to the input panel content. It is an enumeration',\n inputPanelPosition = 'Manage the global layout of the input panel fields. The default is COLUMNS.',\n}\n\nexport interface KupInputPanelEventHandlerDetails {\n anchor: HTMLElement;\n cell: KupDataCell;\n column: KupDataColumn;\n originalEvent: PointerEvent;\n}\n\nexport interface KupInputPanelClickEventPayload extends KupEventPayload {\n details: KupInputPanelEventHandlerDetails;\n}\n\nexport enum KupInputPanelPosition {\n COLUMNS = 'COLUMNS',\n INLINE = 'INLINE',\n STRETCHED = 'STRETCHED',\n UPINLINE = 'UPINLINE',\n UPCOLUMNS = 'UPCOLUMNS',\n WATERMARK = 'WATERMARK',\n}\n\nexport enum KupInputPanelButtonsPositions {\n CENTER = 'CENTER',\n LEFT = 'LEFT',\n BOTTOM = 'BOTTOM',\n RIGHT = 'RIGHT',\n TOP = 'TOP',\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 --kup_input_panel_padding--inline: var(--kup-input-panel-padding--inline, 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\n &__commands {\n display: flex;\n gap: 1rem;\n &.input-panel__commands--right {\n flex-shrink: 0;\n overflow: hidden;\n }\n }\n\n &--inline {\n flex: 1;\n overflow-x: auto;\n white-space: nowrap;\n padding: var(--kup_input_panel_padding--inline);\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 &__section-inline {\n display: inline-block;\n width: max-content;\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 .input-panel-form--inline {\n display: flex;\n align-items: end;\n gap: 1rem;\n }\n .input-panel__typography {\n padding: 1rem 2rem;\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 KupDataColumn,\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 {\n FTypographyProps,\n FTypographyType,\n} 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 getColumnByName,\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 KupInputPanelButtonsPositions,\n KupInputPanelCell,\n KupInputPanelClickEventPayload,\n KupInputPanelColumn,\n KupInputPanelData,\n KupInputPanelEventHandlerDetails,\n KupInputPanelLayout,\n KupInputPanelLayoutField,\n KupInputPanelLayoutSection,\n KupInputPanelLayoutSectionType,\n KupInputPanelPosition,\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 { KupPointerEventTypes } from '../../managers/kup-interact/kup-interact-declarations';\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 * Select the position of the buttons related to the input panel\n * @default \"BOTTOM\"\n */\n @Prop() buttonPosition: KupInputPanelButtonsPositions =\n KupInputPanelButtonsPositions.BOTTOM;\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 * Sets verical layout if dashboardMode is true\n * @default false\n */\n @Prop() dashboardMode: boolean = false;\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 * Dispositions of the whole input panel elements\n * @default COLUMNS\n */\n @Prop() inputPanelPosition: KupInputPanelPosition =\n KupInputPanelPosition.COLUMNS;\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 //#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 #formRef: HTMLFormElement;\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 if (this.data) {\n this.#mapCells(this.data);\n }\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\n /**\n * Generic right click event on input panel.\n */\n @Event({\n eventName: 'kup-inputpanel-contextmenu',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupDataTableContextMenu: EventEmitter<KupInputPanelClickEventPayload>;\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 const horizontal = layout?.horizontal || false;\n const styleObj: GenericObject = {};\n const styleTypographyObj: 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 if (this.inputPanelPosition == 'INLINE') {\n styleObj.display = '';\n }\n if (layout.horizontal) {\n styleObj.gridTemplateColumns = hasDim\n ? layout.sections\n .map((sec) => sec.dim || 'auto')\n .join(' ')\n : `repeat(${inputPanelCell.cells.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 inputPanelClass = {\n 'input-panel-form': true,\n 'input-panel-form--inline':\n this.buttonPosition == KupInputPanelButtonsPositions.RIGHT,\n };\n\n const classObj = {\n 'input-panel': true,\n 'input-panel--column': !horizontal,\n 'input-panel--absolute': layout?.absolute,\n 'input-panel--inline':\n this.inputPanelPosition == KupInputPanelPosition.INLINE,\n };\n\n const commandsClass = {\n 'input-panel__commands': true,\n [`input-panel__commands--${this.buttonPosition}`]: true,\n };\n\n // We create a form for each row in data\n const props: FTypographyProps = {\n value: layout.sections[0]?.title,\n type: FTypographyType.LABEL,\n };\n\n return (\n <div>\n <form\n name={this.rootElement.id}\n id={this.rootElement.id}\n class={inputPanelClass}\n ref={(el: HTMLFormElement) => (this.#formRef = el)}\n onSubmit={(e: SubmitEvent) => {\n e.preventDefault();\n this.submitCb({\n value: {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n });\n }}\n onContextMenu={(e: MouseEvent) => {\n e.preventDefault();\n }}\n >\n <div class=\"input-panel__typography\">\n <FTypography {...props} />\n </div>\n <div class={classObj} style={styleObj}>\n {rowContent}\n </div>\n <div class={commandsClass}>\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 </div>\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, false)\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 'input-panel__section-inline': this.inputPanelPosition == 'INLINE',\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 const sectionContent = (\n <div class={classObj} style={styleObj}>\n {content.filter(Boolean)}\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 if (!field.absoluteHeight) {\n field.absoluteHeight = 1;\n }\n\n const width = `${getAbsoluteWidth(length)}px`;\n const height = `${getAbsoluteHeight(field.absoluteHeight)}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 #getEventDetails(\n path: HTMLElement[],\n originalEvent: PointerEvent\n ): KupInputPanelEventHandlerDetails {\n const fcell = path.find((p) => p.classList?.contains('f-cell'));\n if (fcell == null) {\n return;\n }\n\n const props = fcell['kup-get-cell-props']();\n const columnName = props.column.name;\n\n let anchor = fcell;\n let cell = this.data.rows[0].cells[columnName];\n let column = this.data.columns.find((c) => c.name == columnName);\n\n return {\n anchor,\n cell,\n column,\n originalEvent,\n };\n }\n\n #contextMenuHandler(e: PointerEvent): KupInputPanelEventHandlerDetails {\n const eventPath = this.#kupManager.getEventPath(\n e.target,\n this.rootElement\n );\n\n return this.#getEventDetails(eventPath, e);\n }\n\n #didLoadInteractables() {\n this.#kupManager.interact.managedElements.add(this.#formRef);\n\n const tapCb = (e: PointerEvent) => {\n if (e.button == 2) {\n const details = this.#contextMenuHandler(e);\n\n if (details) {\n this.kupDataTableContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details,\n });\n }\n }\n };\n\n this.#kupManager.interact.on(\n this.#formRef,\n KupPointerEventTypes.TAP,\n tapCb\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.#didLoadInteractables();\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 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":"wiBAkEA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,YACH,EAFD,CAAYA,MAA8B,KA0F1C,IAAYC,GAAZ,SAAYA,GACRA,EAAA,gDACAA,EAAA,0CACAA,EAAA,+FACAA,EAAA,wDACAA,EAAA,kEACAA,EAAA,gHACAA,EAAA,mGACH,EARD,CAAYA,MAAkB,KAqB9B,IAAYC,GAAZ,SAAYA,GACRA,EAAA,qBACAA,EAAA,mBACAA,EAAA,yBACAA,EAAA,uBACAA,EAAA,yBACAA,EAAA,wBACH,EAPD,CAAYA,MAAqB,KASjC,IAAYC,GAAZ,SAAYA,GACRA,EAAA,mBACAA,EAAA,eACAA,EAAA,mBACAA,EAAA,iBACAA,EAAA,YACH,EAND,CAAYA,MAA6B,KC1LlC,MAAMC,EAAa,GACnB,MAAMC,EAAa,GAEnB,MAAMC,EAAoBC,IAC7B,GAAIA,GAAU,EAAG,CACb,OAAOH,EAAa,C,CAGxB,IAAKG,EAAQ,CACT,OAAO,I,CAGX,GAAIA,IAAW,EAAG,CACd,OAAO,IAAMH,C,CAGjB,OAAOG,EAASH,CAAU,EAGvB,MAAMI,EAAqBC,IAC9B,IAAKA,EAAQ,CACT,OAAO,I,CAGX,OAAOA,EAASJ,CAAU,EAGvB,MAAMK,EAAkBC,IAC3B,IAAKA,EAAK,CACN,OAAO,I,CAGX,OAAQA,EAAM,GAAKN,CAAU,EAG1B,MAAMO,EAAmBC,IAC5B,IAAKA,EAAK,CACN,OAAO,I,CAGX,OAAOA,EAAMT,CAAU,ECxC3B,MAAMU,EAAmB,w3IACzB,MAAAC,EAAeD,E,oyCC4Ff,MAAME,GAAcC,SAASC,gB,MAMhBC,GAAa,M,yJAgHtBC,EAAAC,IAAAC,KAA0BC,KAE1BC,EAAAH,IAAAC,UAAA,GAEAG,EAAAJ,IAAAC,KAAqB,IAAII,IAGvB,CACE,CAAC,gBAAiBC,EAAAL,KAAIM,EAAA,IAAAC,IAAyBC,KAAKR,OACpD,CAAC,gBAAiBK,EAAAL,KAAIM,EAAA,IAAAG,IAAiCD,KAAKR,OAC5D,CAAC,aAAcK,EAAAL,KAAIM,EAAA,IAAAI,IAAsBF,KAAKR,OAC9C,CAAC,iBAAkBK,EAAAL,KAAIM,EAAA,IAAAI,IAAsBF,KAAKR,UAGtDW,EAAAZ,IAAAC,KAAmC,MAEnCY,EAAAb,IAAAC,KAAc,IAAII,IAA0B,CACxC,CACIS,EAAWC,aACX,CAAC,yBAA0B,+BAE/B,CACID,EAAWE,mBACX,CAAC,yBAA0B,+BAE/B,CAACF,EAAWG,SAAU,CAAC,yBAA0B,sBACjD,CAACH,EAAWI,eAAgB,CAAC,8BAGjCC,EAAAnB,IAAAC,KAAkB,IAAII,IAAyB,CAC3C,CAACe,EAAYL,aAAc,yBAC3B,CAACK,EAAYC,KAAM,sBACnB,CAACD,EAAYH,SAAU,qBACvB,CAACG,EAAYE,KAAM,uBACnB,CAACF,EAAYJ,mBAAoB,yBACjC,CAACI,EAAYF,eAAgB,qBAC7B,CAACE,EAAYG,KAAM,0BAGvBC,EAAAxB,IAAAC,KAAwD,IACxDwB,EAAAzB,IAAAC,KAA+C,IAAII,IAAwB,CACvE,CAACS,EAAWQ,KAAM,mBAClB,CAACR,EAAWS,KAAM,sBAEtBG,EAAA1B,IAAAC,KAGI,IAAII,IAA6D,CACjE,CAACe,EAAYO,YAAarB,EAAAL,KAAIM,EAAA,IAAAqB,IAAenB,KAAKR,OAClD,CAACmB,EAAYS,OAAQvB,EAAAL,KAAIM,EAAA,IAAAuB,IAAerB,KAAKR,OAC7C,CAACmB,EAAYW,MAAOzB,EAAAL,KAAIM,EAAA,IAAAyB,IAAcvB,KAAKR,OAC3C,CAACmB,EAAYa,MAAO3B,EAAAL,KAAIM,EAAA,IAAA2B,IAAkBzB,KAAKR,UAEnDkC,EAAAnC,IAAAC,KAGI,IAAII,IAGN,CACE,CAAC1B,EAA+ByD,IAAK9B,EAAAL,KAAIM,EAAA,IAAA8B,IAAmB5B,KAAKR,UAErEqC,EAAAtC,IAAAC,KAA0B,I,oBA9JtBnB,EAA8ByD,O,iBAOJ,G,mBAMG,M,UAMC,K,wBAMI,M,wBAOlC1D,EAAsB2D,Q,cAM8B,K,oBAML,K,8BAMe,K,2BAMA,K,6BAMI,K,qBAchB,G,wBAMP,G,iBAMR,I,CA+EvC,aAAAC,GACIC,EAAAzC,KAAIW,EAAiB+B,gBAAgB1C,KAAK2C,MAAK,KAC/C,GAAItC,EAAAL,KAAIuB,EAAA,KAAYtC,OAAQ,CACxBoB,EAAAL,KAAIuB,EAAA,KAAYqB,KAAI,EAAGC,QAAOC,cAC1B9C,KAAK+C,YAAYC,oBAAoBH,EAAOC,EAAQ,IAExDL,EAAAzC,KAAIuB,EAAc,GAAE,I,CAGxB,GAAIlB,EAAAL,KAAIqC,EAAA,KAAepD,OAAQ,CAC3BoB,EAAAL,KAAIqC,EAAA,KAAeO,KAAKK,IACpB5C,EAAAL,KAAIF,EAAA,KAAaoD,YAAYC,WAAWF,EAAI,IAEhDR,EAAAzC,KAAIqC,EAAiB,GAAE,I,CAE3B,GAAIrC,KAAK2C,KAAM,CACXtC,EAAAL,KAAIM,EAAA,IAAA8C,IAAUC,KAAdrD,KAAeA,KAAK2C,K,EAgB5B,cAAMW,CAASC,GACX,OAAOD,EAAStD,KAAMrB,EAAoB4E,E,CAM9C,aAAMC,GACFC,EAAYzD,K,CAOhB,cAAM0D,CAASC,GACXD,EAAS1D,KAAMrB,EAAoBgF,E,CAgnDvC,iBAAAC,GACIvD,EAAAL,KAAIF,EAAA,KAAa+D,MAAMC,QAAQ9D,KAAM,OACrCK,EAAAL,KAAIF,EAAA,KAAaiE,SAASC,SAAShE,MACnCK,EAAAL,KAAIF,EAAA,KAAamE,MAAMD,SAAShE,MAChCA,KAAKwC,e,CAGT,gBAAA0B,GACI7D,EAAAL,KAAIM,EAAA,IAAA6D,IAAsBd,KAA1BrD,MACAA,KAAKoE,SAASC,KAAK,CAAEC,KAAMtE,KAAMuE,GAAIvE,KAAK+C,YAAYwB,KACtDlE,EAAAL,KAAIF,EAAA,KAAa+D,MAAMC,QAAQ9D,KAAM,K,CAGzC,mBAAAwE,GACInE,EAAAL,KAAIF,EAAA,KAAa+D,MAAMY,UAAUzE,KAAM,M,CAG3C,kBAAA0E,GACI,MAAMC,EAAmB3E,KAAK+C,YAAY6B,WAC1C,GAAID,EAAM,CACN,MAAME,EACFF,EAAKG,iBAAiB,iBAC1B,IAAK,IAAIC,EAAQ,EAAGA,EAAQF,EAAG5F,OAAQ8F,IAAS,CAC5CC,EAAcH,EAAGE,G,EAGzB1E,EAAAL,KAAIF,EAAA,KAAa+D,MAAMY,UAAUzE,KAAM,K,CAG3C,MAAAiF,GACI,MAAMC,EAAcC,SAASnF,KAAKoF,gBAAgBnG,QAClD,MAAMoG,EAA6BH,EAC7B,CACII,EAAA,SACKjF,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UACvBC,EAAmBC,cAI/BzF,KAAKoF,gBAAgBxC,KAAK8C,GACtBrF,EAAAL,KAAIM,EAAA,IAAAqF,GAAWtC,KAAfrD,KAAgB0F,KAG1B,OACIJ,EAACM,EAAI,CAAA3C,IAAA,4CACDqC,EAAA,SAAArC,IAAA,4CACK5C,EAAAL,KAAIF,EAAA,KAAamE,MAAM4B,YACpB7F,KAAK+C,cAGbuC,EAAA,OAAArC,IAAA,2CAAKsB,GAAIuB,GAAqBT,G,CAK1C,oBAAAU,GACI1F,EAAAL,KAAIF,EAAA,KAAaiE,SAASZ,WAAWnD,MACrCK,EAAAL,KAAIF,EAAA,KAAamE,MAAMd,WAAWnD,K,8QApoD7BuE,GACL,OAAOvE,KAAKoF,gBAAgBY,QAAoB,CAACC,GAAQC,YACrD,IAAKD,EAAM,CACP,OAAOC,EAAMC,MAAK,EAAGC,YAAaA,EAAOC,OAAS9B,IAAI0B,I,CAE1D,OAAOA,CAAI,GACZ,KACP,EAACN,EAAA,SAAAA,EAEUD,G,QACP,MAAMY,EAASZ,EAAerG,IAAIiH,OAClC,MAAMC,GAAaD,IAAM,MAANA,SAAM,SAANA,EAAQC,aAAc,MACzC,MAAMC,EAA0B,GAGhC,IAAIC,EAEJ,MAAKC,EAAAJ,IAAM,MAANA,SAAM,SAANA,EAAQK,YAAQ,MAAAD,SAAA,SAAAA,EAAEzH,QAAQ,CAC3BwH,EAAaf,EAAeQ,MAAMtD,KAAKqD,GACnC5F,EAAAL,KAAIM,EAAA,IAAAsG,IAAYvD,KAAhBrD,KAAiBiG,EAAKA,KAAMP,EAAerG,IAAK4G,EAAKG,S,KAEtD,CACH,GAAIE,EAAOO,SAAU,CACjBJ,EAAapG,EAAAL,KAAIM,EAAA,IAAAwG,IAAsBzD,KAA1BrD,KAA2B0F,EAAgBY,GACxD,MAAMS,EAAiBC,KAAKC,OACrBX,EAAOK,SAASO,SAASC,GACxBA,EAAIC,QAAQxE,KAAKyE,GAASA,EAAKC,aAAe,OAGtDd,EAASrH,OAAS,GAAG4H,EAAiBhI,K,KACnC,CACH,IAAKuH,EAAOiB,aAAc,CACtB,MAAMC,EAASlB,EAAOK,SAASc,MAAMN,GAAQA,EAAIO,MACjDlB,EAASmB,QAAU,OACnB,GAAI3H,KAAK4H,oBAAsB,SAAU,CACrCpB,EAASmB,QAAU,E,CAEvB,GAAIrB,EAAOC,WAAY,CACnBC,EAASqB,oBAAsBL,EACzBlB,EAAOK,SACF/D,KAAKuE,GAAQA,EAAIO,KAAO,SACxBI,KAAK,KACV,UAAUpC,EAAeQ,MAAMjH,c,KAClC,CACH,GAAIe,KAAK+H,cAAe,CACpBvB,EAASwB,iBAAmBR,EACtBlB,EAAOK,SACF/D,KAAKuE,GAAQA,EAAIO,KAAO,SACxBI,KAAK,KACV,UAAUxB,EAAOK,SAAS1H,c,GAK5CwH,EAAapG,EAAAL,KAAIM,EAAA,IAAA2H,IAAkB5E,KAAtBrD,KAAuB0F,EAAgBY,E,EAI5D,MAAM4B,EAAkB,CACpB,mBAAoB,KACpB,2BACIlI,KAAKmI,gBAAkBtJ,EAA8BuJ,OAG7D,MAAMC,EAAW,CACb,cAAe,KACf,uBAAwB9B,EACxB,wBAAyBD,IAAM,MAANA,SAAM,SAANA,EAAQO,SACjC,sBACI7G,KAAK4H,oBAAsBhJ,EAAsB0J,QAGzD,MAAMC,EAAgB,CAClB,wBAAyB,KACzB,CAAC,0BAA0BvI,KAAKmI,kBAAmB,MAIvD,MAAMxE,EAA0B,CAC5B6E,OAAOC,EAAAnC,EAAOK,SAAS,MAAE,MAAA8B,SAAA,SAAAA,EAAEC,MAC3BC,KAAMC,EAAgB9G,OAG1B,OACIwD,EAAA,WACIA,EAAA,QACIe,KAAMrG,KAAK+C,YAAYwB,GACvBA,GAAIvE,KAAK+C,YAAYwB,GACrBsE,MAAOX,EACPY,IAAMC,GAAyBtG,EAAAzC,KAAIE,EAAY6I,EAAE,KACjDC,SAAWC,IACPA,EAAEC,iBACFlJ,KAAKmJ,SAAS,CACVX,MAAO,CACHY,OAAMC,OAAAC,OAAA,GAAOjJ,EAAAL,KAAIW,EAAA,MACjB4I,MAAOlJ,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,QAEb,EAENyJ,cAAgBR,IACZA,EAAEC,gBAAgB,GAGtB5D,EAAA,OAAKuD,MAAM,2BACPvD,EAACoE,EAAWL,OAAAC,OAAA,GAAK3F,KAErB2B,EAAA,OAAKuD,MAAOR,EAAUsB,MAAOnD,GACxBC,GAELnB,EAAA,OAAKuD,MAAON,GACRjD,EAACsE,EAAO,CACJC,WAAW,SACXC,MAAOzJ,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UAC7BC,EAAmBuE,SAEvBC,aAAa,eACbC,UAAWjK,KAAKkK,qBAEnBlK,KAAKmK,qBAK1B,EAACvD,GAAA,SAAAA,EAGGX,EACA5G,EACA+G,GAEA,IAAKH,EAAM,CACP,M,CAGJ,MAAMmE,EAAe/J,EAAAL,KAAIyB,EAAA,KAAmB4I,IAAIpE,EAAKqE,OAErD,GAAIF,IAAiBG,UAAW,CAC5B,OAAOH,EAAanE,EAAMG,EAAOC,K,CAGrC,MAAMmE,EAAwB,CAC1BvE,OACAG,SACA/G,MACAoL,UAAWzK,KACX0K,SAAU,KACVC,UAAW,KACXC,SAAU,MAGd,MAAMd,EAAQzJ,EAAAL,KAAIM,EAAA,IAAAuK,IAAmBxH,KAAvBrD,KAAwBiG,EAAMG,EAAOsC,OAEnD,GAAIoB,EAAO,CACP,OACIxE,EAAA,OAAKuD,MAAO,CAAE,+BAAgC,OACzCiB,EACDxE,EAACwF,EAAKzB,OAAAC,OAAA,GAAKkB,I,CAKvB,OAAOlF,EAACwF,EAAKzB,OAAAC,OAAA,GAAKkB,GACtB,EAAC7I,GAAA,SAAAA,EAEasE,EAAmB8E,GAC7B,OACIzF,EAACsE,EAAOP,OAAAC,OAAA,CACJ0B,KAAM/E,EAAK+E,KACXzG,GAAIwG,GACA9E,EAAKtD,KAAI,CACbqH,aAAa,iBAGzB,EAACiB,GAAA,SAAAA,EAEqBhF,EAAmBtD,GACrC,OACI2C,EAAA,sBAAA+D,OAAAC,OAAA,GACQrD,EAAKtD,KAAI,CACbmH,MAAO7D,EAAKuC,MACZ7F,KAAMA,EAAI,iCAENsG,IAEA5I,EAAAL,KAAIM,EAAA,IAAA4K,IAAuB7H,KAA3BrD,KACIiJ,EAAEkC,OAAOC,KACTnC,EAAEkC,OAAOC,KAAK7G,GACjB,IAIjB,EAAC1C,GAAA,SAAAA,EAEaoE,EAAmB8E,GAC7B,MAAMlI,EAAQ,kBACd,MAAMC,EAAWmG,IACb,MAAMoC,EACFrL,KAAKoF,gBAAgBY,QAAoB,CAACC,GAAQC,YAC9C,IAAKD,EAAM,CACP,OAAOC,EAAMC,MACT,EAAGC,YAAaA,EAAOC,OAAS0E,IAClC9E,I,CAEN,OAAOA,CAAI,GACZ,MACPoF,EAAQ7C,MAAQS,EAAEkC,OAAOG,UAAUC,QAAQ,MAAO,OAAO,EAG7DvL,KAAK+C,YAAYyI,iBAAiB3I,EAAOC,GAEzCzC,EAAAL,KAAIuB,EAAA,KAAYkK,KAAK,CACjB5I,QACAC,YAGJ,OACIwC,EAAA,aAAA+D,OAAAC,OAAA,GACQrD,EAAKtD,KAAI,CACb4B,GAAIwG,EACJW,YAAazF,EAAK0F,WAClBC,YAAa,OAGzB,EAAC3J,GAAA,SAAAA,EAEgBgE,EAAmB8E,GAChC,OACIzF,EAAA,iBAAA+D,OAAAC,OAAA,CACI/E,GAAIwG,EACJc,aAAc,KACdC,WAAY,KACZC,YAAa,KACbC,WAAY,MACR/F,EAAKtD,MAGrB,EAACZ,GAAA,SAAAA,EAEYkE,EAAmB8E,GAC5B,OACIzF,EAAA,QAAMuD,MAAM,oBAAoBtE,GAAIwG,GAC/B9E,EAAKuC,MAGlB,EAACqC,GAAA,SAAAA,EAEkB5E,EAAmB6D,GAClC,IAAKA,EAAO,CACR,OAAO,I,CAGX,MAAMmC,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QAAQlG,EAAMA,EAAKqE,OAE1D,GAAI2B,IAAapL,EAAWuL,MAAO,CAC/B,OAAO9G,EAAA,YAAOwE,E,CAGlB,OAAO,IACX,EAAC7B,GAAA,SAAAA,EAGGvC,EACAY,GAEA,MAAM+F,EAAgBhM,EAAAL,KAAIkC,EAAA,KAAmBmI,IAAI/D,EAAOiB,cAExD,OAAO8E,EACDA,EAAc3G,EAAgBY,EAAOK,UACrCL,EAAOK,SAAS/D,KAAK0J,GACjBjM,EAAAL,KAAIM,EAAA,IAAAiM,IAAelJ,KAAnBrD,KAAoB0F,EAAgB4G,EAAS,QAE3D,EAACxF,GAAA,SAAAA,EAGGpB,EACAY,GAEA,OAAOA,EAAOK,SAAS/D,KAAK0J,GACxBjM,EAAAL,KAAIM,EAAA,IAAAkM,IAAuBnJ,KAA3BrD,KAA4B0F,EAAgB4G,IAEpD,EAACC,GAAA,SAAAA,EAGGrG,EACAoG,EACAG,EAA6B,MAC7BjG,EAA0B,I,QAE1B,MAAM6B,EAAW,CACb,wBAAyBiE,EAAQ/F,WACjC,kCAAmC+F,EAAQ/F,WAC3C,8BAA+BvG,KAAK4H,oBAAsB,UAG9DpB,EAASkG,KAAOJ,EAAQI,IAAM,EAAI,GAAGJ,EAAQI,SAAW,OAExD,IAAItF,EAAU,GAEd,IAAIV,EAAA4F,EAAQ3F,YAAQ,MAAAD,SAAA,SAAAA,EAAEzH,OAAQ,CAC1BmI,EAAUkF,EAAQ3F,SAAS/D,KAAK+J,GAC5BtM,EAAAL,KAAIM,EAAA,IAAAiM,GAAelJ,KAAnBrD,KAAoBkG,EAAOyG,KAG/B,MAAMnF,EAAS8E,EAAQ3F,SAASc,MAAMN,GAAQA,EAAIO,MAElD,IAAK4E,EAAQM,UAAYN,EAAQ/F,WAAY,CACzCC,EAASqB,oBAAsBL,EACzB8E,EAAQ3F,SAAS/D,KAAKuE,GAAQA,EAAIO,KAAO,SAAQI,KAAK,KACtD,UAAUwE,EAAQ3F,SAAS1H,c,CAGrC,IACKqN,EAAQO,WACRP,EAAQ/F,YACTvG,KAAK+H,cACP,CACEvB,EAASwB,iBAAmBR,EACtB8E,EAAQ3F,SAAS/D,KAAKuE,GAAQA,EAAIO,KAAO,SAAQI,KAAK,KACtD,UAAUwE,EAAQ3F,SAAS1H,c,OAElC,IAAIwJ,EAAA6D,EAAQlF,WAAO,MAAAqB,SAAA,SAAAA,EAAExJ,OAAQ,CAChCmI,EAAUkF,EAAQlF,QAAQxE,KAAKkK,GAC3BzM,EAAAL,KAAIM,EAAA,IAAAyM,IAAa1J,KAAjBrD,KAAkBkG,EAAO4G,KAE7BtG,EAASqB,qBACJyE,EAAQM,SAAW,EAAI,UAAUN,EAAQM,iBAAmB,GACjE,GAAI5M,KAAK+H,cAAe,CACpBvB,EAASwB,kBACJsE,EAAQO,SAAW,EACd,UAAUP,EAAQO,iBAClB,E,EAGlB,MAAMG,EACF1H,EAAA,OAAKuD,MAAOR,EAAUsB,MAAOnD,GACxBY,EAAQ6F,OAAO9H,UAIxB,OAAOmH,EAAQ5D,QAAU+D,EACrBnH,EAAA,OAAKuD,MAAO,CAAE,uCAAwC,OAClDvD,EAACoE,EAAW,CACRf,KAAMC,EAAgBsE,SACtB1E,MAAO8D,EAAQ5D,QAElBsE,GACC,CAId,EAACR,GAAA,SAAAA,EAGGtG,EACAoG,G,QAEA,IAAIlF,EAAU,GAEd,IAAIV,EAAA4F,EAAQ3F,YAAQ,MAAAD,SAAA,SAAAA,EAAEzH,OAAQ,CAC1BmI,EAAUkF,EAAQ3F,SAAS/D,KAAK+J,GAC5BtM,EAAAL,KAAIM,EAAA,IAAAkM,GAAuBnJ,KAA3BrD,KAA4BkG,EAAOyG,I,MAEpC,IAAIlE,EAAA6D,EAAQlF,WAAO,MAAAqB,SAAA,SAAAA,EAAExJ,OAAQ,CAChCmI,EAAUkF,EAAQlF,QAAQxE,KAAKkK,GAC3BzM,EAAAL,KAAIM,EAAA,IAAA6M,IAAqB9J,KAAzBrD,KAA0BkG,EAAO4G,I,CAKzC,GAAI9N,EAAiBsN,EAAQc,gBAAkB,KAAM,CACjD,OAAOhG,C,CAGX,MAAMiG,EAAQ,GACVrO,EAAiBsN,EAAQc,gBAAkB,KACrC,GAAGpO,EAAiBsN,EAAQc,mBAC5B,SAEV,MAAMjO,EAAS,GACXD,EAAkBoN,EAAQgB,iBAAmB,KACvC,GAAGpO,EAAkBoN,EAAQgB,oBAC7B,SAEV,MAAMC,EAAM,GAAGnO,EAAekN,EAAQhF,iBACtC,MAAMkG,EAAO,GAAGlO,EAAgBgN,EAAQmB,oBAExC,MAAMC,EAAe,CACjBC,SAAU,WACVN,QACA,YAAaA,EACb,YAAaA,EACblO,SACA,aAAcA,EACd,aAAcA,EACdoO,MACAC,OACAI,SAAU,QAGd,OAAOtI,EAAA,OAAKqE,MAAO+D,GAAetG,EACtC,EAACyG,GAAA,SAAAA,EAEkBzC,G,QACf,IAAI0C,EAAgB,GAEpB,IAAIpH,EAAA0E,EAAKhE,WAAO,MAAAV,SAAA,SAAAA,EAAEzH,OAAQ,CACtBmM,EAAKhE,QAAQ2G,SAASC,IAClB,GAAIA,EAAKzJ,GAAI,CACTuJ,EAAIrC,KAAKuC,EAAKzJ,G,KAK1B,IAAIkE,EAAA2C,EAAKzE,YAAQ,MAAA8B,SAAA,SAAAA,EAAExJ,OAAQ,CACvBmM,EAAKzE,SAASoH,SAASzB,IACnBwB,EAAMA,EAAIG,OAAO5N,EAAAL,KAAIM,EAAA,IAAAuN,GAAmBxK,KAAvBrD,KAAwBsM,GAAS,G,CAI1D,OAAOwB,CACX,EAAC1L,GAAA,SAAAA,EAGG8D,EACAS,GAEA,IAAK3G,KAAKkO,YAAa,CACnBlO,KAAKkO,YAAcvH,EAAS,GAAGpC,IAAM,G,CAGzC,MAAM4J,EAA4BxH,EAAS/D,KAAI,CAAC0J,EAAS8B,KACrD,MAAMC,EAAmBhO,EAAAL,KAAIM,EAAA,IAAAuN,IAAmBxK,KAAvBrD,KAAwBsM,GAEjD,MAAMgC,EAAWpI,EAAMA,MAAMuB,MAAM8G,I,MAC/B,MAAMtI,EAAOsI,EAAStI,KACtB,MAAMG,EAASmI,EAASnI,OACxB,OACIiI,EAAiBG,SAASpI,EAAOC,WAAWK,EAAAT,EAAKtD,QAAI,MAAA+D,SAAA,SAAAA,EAAE+H,MAAK,IAIpE,MAAO,CACHC,QAASpC,EAAQ/H,IAAM,GAAG6J,OAASpO,KAAKkO,YACxC1F,MAAO8D,EAAQ5D,MACfsC,KAAMsD,EAAW,QAAUhC,EAAQtB,KACnCzG,GAAI+H,EAAQ/H,IAAM,GAAG6J,IACrBO,OAAQL,EACX,IAGL,MAAMtB,EAAiBrG,EAAS/D,KAAI,CAAC0J,EAAS8B,KAC1C,MAAMQ,EAAYtC,EAAQ/H,IAAM,GAAG6J,IACnC,OAAO/N,EAAAL,KAAIM,EAAA,IAAAiM,IAAelJ,KAAnBrD,KAAoBkG,EAAOoG,EAAS,KAAM,CAC7C3E,QAAS3H,KAAKkO,cAAgBU,EAAY,OAAS,QACrD,IAGN,MAAMC,EACF,6EAEJ,IAAKxO,EAAAL,KAAIuB,EAAA,KAAYqB,KAAKkM,GAAMA,EAAEjM,QAAO2L,SAAS,oBAAqB,CACnE,MAAM3L,EAAQ,mBACd,MAAMC,EAAWmG,IACbjJ,KAAKkO,YAAcjF,EAAEkC,OAAOC,KAAK7G,EAAE,EAGvCvE,KAAK+C,YAAYyI,iBAAiB3I,EAAOC,GACzCzC,EAAAL,KAAIuB,EAAA,KAAYkK,KAAK,CACjB5I,QACAC,W,CAIR,OACIwC,EAAA,OAAKuD,MAAO,CAAE,8BAA+B,OACzCvD,EAAA,eACI3C,KAAMwL,EACNY,YAAaF,IAEhB7B,EAGb,EAACD,GAAA,SAAAA,EAEY7G,EAAwB4G,GACjC,MAAMkC,EAAY9I,EAAMA,MAAMC,MACzBF,GAASA,EAAKG,OAAOC,OAASyG,EAAMvI,KAGzC,MAAM0K,GACDnC,EAAMmC,QAAU,EACXnC,EAAMmC,WACHnC,EAAMmC,QAAU,OAASnC,EAAMoC,SAAW,GAC7C,EACA,KAEV,MAAMA,EAAWD,EAAU,QAAQA,IAAY,GAAGnC,EAAMoC,WAExD,MAAMC,GAAUrC,EAAMqC,OAAS,EAAI,GAAGrC,EAAMqC,SAAW,GAEvD,MAAMC,GACDtC,EAAMsC,QAAU,EACXtC,EAAMsC,WACHtC,EAAMsC,QAAU,OAAStC,EAAMuC,SAAW,GAC7C,EACA,KAEV,MAAMA,EAAWD,EAAU,QAAQA,IAAY,GAAGtC,EAAMuC,WAExD,MAAMC,GAAUxC,EAAMwC,OAAS,EAAI,GAAGxC,EAAMwC,SAAW,GAEvD,MAAM9I,EAAW,CACb,YAAa,IACb,oBAAqB0I,EACrB,kBAAmBC,EACnB,iBAAkBE,EAClB,eAAgBC,GAGpB,IAAKN,IAAcA,EAAU/I,KAAM,CAC/B,M,CAGJ,OACIX,EAAA,OAAKqE,MAAOnD,GACPnG,EAAAL,KAAIM,EAAA,IAAAsG,IAAYvD,KAAhBrD,KAAiBgP,EAAU/I,KAAMC,EAAM7G,IAAK2P,EAAU5I,QAGnE,EAAC+G,GAAA,SAAAA,EAGGjH,EACA4G,GAEA,MAAMkC,EAAY9I,EAAMA,MAAMC,MACzBF,GAASA,EAAKG,OAAOC,OAASyG,EAAMvI,KAEzC,IAAKyK,IAAcA,EAAU/I,KAAM,CAC/B,M,CAGJ,IAAIhH,EACJ,GAAI+P,EAAU/I,KAAKqE,OAASnJ,EAAYE,KAAM,CAC1CpC,EAAS6N,EAAMyC,eAAiB,EAAIzC,EAAMyC,eAAiB,C,KACxD,CACHtQ,EAAS6N,EAAMyC,c,CAGnB,IAAKzC,EAAMQ,eAAgB,CACvBR,EAAMQ,eAAiB,C,CAG3B,MAAMD,EAAQ,GAAGrO,EAAiBC,OAClC,MAAME,EAAS,GAAGD,EAAkB4N,EAAMQ,oBAC1C,MAAMC,EAAM,GAAGnO,EAAe0N,EAAMxF,iBACpC,MAAMkG,EAAO,GAAGlO,EAAgBwN,EAAMW,oBAEtC,MAAMjH,EAAW,CACbmH,SAAU,WACVN,QACA,YAAaA,EACb,YAAaA,EACblO,SACA,aAAcA,EACd,aAAcA,EACdoO,MACAC,OACAI,SAAU,QAGdoB,EAAU/I,KAAKtD,KAAI0G,OAAAC,OAAAD,OAAAC,OAAA,GACZ0F,EAAU/I,KAAKtD,MAAI,CACtB6M,OAAQ,cACRT,aACKC,EAAU/I,KAAKtD,KAAKoM,aAAe,IACpC,gDAGR,OACIzJ,EAAA,OAAKqE,MAAOnD,GACPnG,EAAAL,KAAIM,EAAA,IAAAsG,IAAYvD,KAAhBrD,KAAiBgP,EAAU/I,KAAMC,EAAM7G,IAAK2P,EAAU5I,QAGnE,EAACqJ,GAAA,SAAAA,IAGGzP,KAAKmK,mBAAqBnK,KAAK2C,KAAK+M,MAAMC,SACrC/M,KAAKgN,IACF,IAAIA,IAAU,MAAVA,SAAU,SAAVA,EAAYC,YAAYD,IAAU,MAAVA,SAAU,SAAVA,EAAYC,SAAS5Q,QAAS,EAAG,CACzD,MAAM0D,EAAO,CACT,WAAY,CACRmN,UAAW,KACXnN,KAAMiN,EAAWC,SAASjN,KAAKmN,GAC3B1P,EAAAL,KAAIM,EAAA,IAAA0P,IAAgB3M,KAApBrD,KAAqB+P,OAIjC,OAAO1P,EAAAL,KAAIM,EAAA,IAAA2K,IAAsB5H,KAA1BrD,KAA2B4P,EAAYjN,E,KAC3C,CACH,MAAMsN,EAAa5P,EAAAL,KAAIM,EAAA,IAAA0P,IAAgB3M,KAApBrD,KAAqB4P,GACxC,OAAOvP,EAAAL,KAAIM,EAAA,IAAAqB,IAAc0B,KAAlBrD,KAAmBiQ,EAAYL,EAAWpH,M,KAGxD0H,MACT,EAAC9M,GAAA,SAAAA,EAEST,G,YACN,IAAI8F,GAAA/B,EAAA/D,EAAK+M,SAAK,MAAAhJ,SAAA,SAAAA,EAAEiJ,YAAQ,MAAAlH,SAAA,SAAAA,EAAExJ,OAAQ,CAC9BoB,EAAAL,KAAIM,EAAA,IAAAmP,IAAapM,KAAjBrD,K,CAGJ,MAAMsG,GAAS6J,EAAAxN,IAAI,MAAJA,SAAI,SAAJA,EAAMyN,KAAK,MAAE,MAAAD,SAAA,SAAAA,EAAE7J,OAC9B,MAAM+J,IAAiBC,EAAA3N,IAAI,MAAJA,SAAI,SAAJA,EAAMyN,QAAI,MAAAE,SAAA,SAAAA,EAAErR,QAC7B0D,EAAKyN,KAAKpK,QAAO,CAACqK,EAAgBhR,KAC9B,MAAM6G,EAAQvD,EAAK4N,QACdtD,QAAQ7G,GAAWA,EAAOoK,UAC1B5N,KAAKwD,IACF,MAAMH,EAAOvD,gBAAgBrD,EAAI6G,MAAME,EAAOC,OAC9C,MAAMoK,EAAaxK,E,+BAENA,GAAI,CACPtD,KAAMtC,EAAAL,KAAIM,EAAA,IAAAoQ,IAASrN,KAAbrD,KAAciG,EAAMG,EAAQE,GAClCqK,SAAUtQ,EAAAL,KAAIM,EAAA,IAAAsQ,IAAUvN,KAAdrD,KAAeiG,EAAMG,GAC/BuF,WAAY,OAEhB,KACN,MAAO,CAAEvF,SAAQH,KAAMwK,EAAY,IAE3C,MAAO,IAAIJ,EAAgB,CAAEnK,QAAO7G,OAAM,GAC3C,IACH,GACNgR,EAAezN,KAAI,EAAGsD,WAClBA,EAAMtD,KAAI,EAAGqD,OAAMG,aACf,MAAM6F,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QACnClG,EACAA,EAAKqE,OAET,MAAMuG,EAAiBxQ,EAAAL,KAAIwB,EAAA,KAAqB6I,IAAI4B,GACpD,IAAK4E,EAAgB,CACjB,M,CAGJ,MAAM9H,EAAU/I,KAAK+C,YAAY6B,WAAWkM,cACxC,GAAGD,QAAqBzK,EAAOC,KAAKkF,QAChC,MACA,YAIRxC,IAAE,MAAFA,SAAE,SAAFA,EAAIgI,SAAS9K,EAAKuC,MAAM,MAIhCxI,KAAKoF,gBAAkBiL,CAC3B,EAACK,GAAA,SAAAA,EAGGzK,EACAG,EACAE,GAEA,MAAM0K,EAAY3H,OAAAC,OAAAD,OAAAC,OAAA,GACXjJ,EAAAL,KAAIM,EAAA,IAAA2Q,IAAS5N,KAAbrD,KAAciG,EAAMG,EAAQE,IAAO,CACtC4K,UAAWjL,EAAKyE,SAChBnG,GAAI6B,EAAOC,OAEf,MAAM4F,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QAAQlG,EAAMA,EAAKqE,O,MACpD5D,EAA2BT,EAAKtD,MAAQ,GAA7BwO,EAAWC,EAAA1K,EAAtB,UAEN,OAAOuF,IAAapL,EAAWE,oBAC3BkL,IAAapL,EAAWI,eACtBZ,EAAAL,KAAIM,EAAA,IAAA+Q,IAAkBhO,KAAtBrD,KAAuBgR,EAAY3H,OAAAC,OAAA,GAC5BrD,EAAKtD,O,+BAILqO,GACAG,EAEjB,EAACE,GAAA,SAAAA,EAEiBC,EAAuBC,GACrC,IAAK,MAAMtO,KAAOsO,EAAQ,CACtB,GACIA,EAAOtO,aAAgBoG,SACtBmI,MAAMC,QAAQF,EAAOtO,KACtBA,KAAOqO,EACT,CACEA,EAAOrO,GAAO5C,EAAAL,KAAIM,EAAA,IAAA+Q,GAAkBhO,KAAtBrD,KAAuBsR,EAAOrO,GAAMsO,EAAOtO,G,KACtD,CACHqO,EAAOrO,GAAOsO,EAAOtO,E,EAG7B,OAAOqO,CACX,EAAC9H,GAAA,SAAAA,IAGG,OAAOxJ,KAAKoF,gBAAgBY,QACxB,CAACrD,EAAM+O,KACH,MAAMC,EAAetI,OAAOuI,KAAKF,EAAKrS,IAAI6G,OAAOF,QAC7C,CAACE,EAAOjD,K,MACJ,MAAM4O,GAAYnL,EAAAgL,EAAKxL,MAAMC,MACxB4J,GAAMA,EAAE3J,OAAOC,OAASpD,OAC5B,MAAAyD,SAAA,SAAAA,EAAET,KAEH,IAAIuC,EAAaqJ,IAAS,MAATA,SAAS,SAATA,EAAWrJ,MAE5B,IAAIqJ,IAAS,MAATA,SAAS,SAATA,EAAWvH,SAAUnJ,EAAYa,MAAO,CACxCwG,EAAQsJ,KAAKC,UACT1R,EAAAL,KAAIM,EAAA,IAAA0R,IAAqB3O,KAAzBrD,KACI6R,EAAUlP,KAAKA,KACfM,G,CAKZ,OAAAoG,OAAAC,OAAAD,OAAAC,OAAA,GACOpD,GAAK,CACRjD,CAACA,GAAGoG,OAAAC,OAAAD,OAAAC,OAAA,GACGoI,EAAKrS,IAAI6G,MAAMjD,IAAI,CACtBuF,QACAyJ,IAAKJ,IAAS,MAATA,SAAS,SAATA,EAAWI,OAAG,GAI/B,IAGJ,MAAO,CACH1B,QAAS,IACF5N,EAAK4N,WACLmB,EAAKxL,MAAMtD,KAAKqD,GAASA,EAAKG,UAErCgK,KAAM,IACCzN,EAAKyN,KACR,CACIlK,MAAOyL,EACPrL,OAAQoL,EAAKrS,IAAIiH,SAG5B,GAEL,CACIiK,QAAS,GACTH,KAAM,IAGlB,EAACa,GAAA,SAAAA,EAGGhL,EACA1G,EACA+G,GAEA,IAAKL,EAAM,CACP,OAAO,I,CAGX,MAAMiM,EAAUjM,EAAKiM,QACrB,IAAIC,EACJ,GAAI7L,IAAM,MAANA,SAAM,SAANA,EAAQO,SAAU,CAClBsL,EAAa,I,KACV,CACHA,EAAa5S,EAAImJ,K,CAErB,MAAM0J,EAAenM,EAAKuC,MAC1B,MAAMyD,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QAAQlG,EAAMA,EAAKqE,OAE1D,MAAM+H,EAAiB,IAAIjS,IAA+B,CACtD,CAACS,EAAWC,aAAcT,EAAAL,KAAIM,EAAA,IAAAgS,IAAmB9R,KAAKR,OACtD,CAACa,EAAWa,YAAarB,EAAAL,KAAIM,EAAA,IAAAiS,IAAa/R,KAAKR,OAC/C,CAACa,EAAW2R,MAAOnS,EAAAL,KAAIM,EAAA,IAAAmS,IAAajS,KAAKR,OACzC,CAACa,EAAWO,KAAMf,EAAAL,KAAIM,EAAA,IAAAoS,IAAalS,KAAKR,OACxC,CAACa,EAAW8R,SAAUtS,EAAAL,KAAIM,EAAA,IAAAsS,IAAapS,KAAKR,OAC5C,CAACa,EAAWgS,aAAcxS,EAAAL,KAAIM,EAAA,IAAAwS,IAAatS,KAAKR,OAChD,CAACa,EAAWG,SAAUX,EAAAL,KAAIM,EAAA,IAAAgS,IAAmB9R,KAAKR,OAClD,CAACa,EAAWe,OAAQvB,EAAAL,KAAIM,EAAA,IAAAyS,IAAavS,KAAKR,OAC1C,CAACa,EAAWE,mBAAoBV,EAAAL,KAAIM,EAAA,IAAAoS,IAAalS,KAAKR,OACtD,CAACa,EAAWI,eAAgBZ,EAAAL,KAAIM,EAAA,IAAAoS,IAAalS,KAAKR,OAClD,CAACa,EAAWmS,OAAQ3S,EAAAL,KAAIM,EAAA,IAAA2S,IAAgBzS,KAAKR,OAC7C,CAACa,EAAWQ,KAAMhB,EAAAL,KAAIM,EAAA,IAAA4S,IAAc1S,KAAKR,OACzC,CAACa,EAAWsS,OAAQ9S,EAAAL,KAAIM,EAAA,IAAA8S,IAAgB5S,KAAKR,OAC7C,CAACa,EAAWuL,MAAO/L,EAAAL,KAAIM,EAAA,IAAA+S,IAAa7S,KAAKR,OACzC,CAACa,EAAWyS,OAAQjT,EAAAL,KAAIM,EAAA,IAAAiT,IAAa/S,KAAKR,OAC1C,CAACa,EAAW2S,OAAQnT,EAAAL,KAAIM,EAAA,IAAAmT,IAAajT,KAAKR,OAC1C,CAACa,EAAWmB,MAAO3B,EAAAL,KAAIM,EAAA,IAAAoT,IAAmBlT,KAAKR,OAC/C,CAACa,EAAWS,KAAMjB,EAAAL,KAAIM,EAAA,IAAAqT,IAAcnT,KAAKR,SAG7C,MAAM4T,EAAUvB,EAAehI,IAAI4B,GAEnC,OAAO2H,EACDA,EAAQ1B,EAASC,EAAYC,EAAcnM,EAAM1G,EAAI8G,MACrD,IACV,EAACuK,GAAA,SAAAA,EAES3K,EAAyB1G,GAC/B,MAAM0M,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QAAQlG,EAAMA,EAAKqE,OAE1D,IAAKrE,EAAKyE,SAAU,CAChB,OAAO,I,CAGX,GAAIuB,IAAapL,EAAWO,KAAM,CAC9B,MAAO,CACHyS,aAAc,KACd/J,MAAOvK,EAAImJ,MACXwI,UAAWjL,EAAKyE,SAChBnG,GAAIhF,EAAI8G,KACRyN,UAAW,M,CAInB,GACI7H,IAAapL,EAAWE,oBACxBkL,IAAapL,EAAWI,eAC1B,CACE,OAAAoI,OAAAC,OAAAD,OAAAC,OAAA,GACOjJ,EAAAL,KAAIM,EAAA,IAAAgS,IAAkBjP,KAAtBrD,KACCiG,EAAKiM,QACL3S,EAAImJ,MACJ,KACAzC,EACA1G,EAAI8G,OACP,CACD0N,iBAAkB,KAClBlL,MAAO,GACPc,MAAO,CAAE0D,MAAO,QAChB6D,UAAWjL,EAAKyE,SAChBnG,GAAIhF,EAAI8G,M,CAIhB,OAAO,IACX,EAACqM,GAAA,SAAAA,EAGGsB,EACAC,EACA7B,EACAnM,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACEhU,EAAAL,KAAIM,EAAA,IAAAgU,IAAkBjR,KAAtBrD,KAAuBiG,EAAM1B,E,CAGjC,OAAOgQ,EAAWnC,EACtB,EAACK,GAAA,SAAAA,IAIG,MAAO,CACH9P,KAAM,CACF6R,MAAO,OACPC,YAAa,CACTjM,MAAO,SAEXjE,GAAI,eACJwG,OAAQ,eACR2J,MAAO,QAGnB,EAACnC,GAAA,SAAAA,EAGGyB,EACAC,EACAU,EACA1O,EACA1B,G,YAEA0B,EAAKtD,KAAOsD,EAAKtD,MAAQ,GAEzBsD,EAAKtD,KAAKiS,QAAU,KAChBvU,EAAAL,KAAIM,EAAA,IAAA4K,IAAuB7H,KAA3BrD,KAA4BiG,EAAM1B,EAAG,EAGzC,KAAImC,EAAAT,EAAKtD,QAAI,MAAA+D,SAAA,SAAAA,EAAEmO,iBAAgBpM,EAAAxC,EAAKtD,QAAI,MAAA8F,SAAA,SAAAA,EAAEyI,UAAU,CAChD7Q,EAAAL,KAAIqC,EAAA,KAAeoJ,MAAK0E,EAAAlK,EAAKtD,QAAI,MAAAwN,SAAA,SAAAA,EAAE0E,aACnCxU,EAAAL,KAAIF,EAAA,KAAaoD,YAAYc,UACzBsM,EAAArK,EAAKtD,QAAI,MAAA2N,SAAA,SAAAA,EAAEuE,YACX5O,EAAKtD,KAAKiS,QAAQpU,KAAKR,M,CAI/B,OAAAqJ,OAAAC,OAAA,CACIQ,MAAO7D,EAAKuC,MACZsM,IAAK7O,EAAK6O,KACP7O,EAAKtD,KAEhB,EAAC2P,GAAA,SAAAA,EAGGyC,EACA5C,EACAC,EACAnM,EACA1B,G,QAEA,MAAMyQ,EAAiBC,EAAiB7C,EAAcD,EAAY,IAElE,GAAIlM,EAAK6O,IAAK,CACV,MAAM7I,EAAWvM,GAAIwM,QAAQvJ,KAAKsD,KAAKkG,QAAQlG,EAAMA,EAAKqE,OAE1D,MAAM4K,EAAU7U,EAAAL,KAAIY,EAAA,KAAayJ,IAAI4B,GAErC,IAAKiJ,EAAS,CACV,M,CAGJA,EAAQtS,KAAKuS,IACT,MAAMrS,EACFmG,IAEA5I,EAAAL,KAAIM,EAAA,IAAA8U,IAA8B/R,KAAlCrD,KACIiJ,EAAEkC,OACFlF,EAAK6O,IACLE,EACAzQ,EACA6N,EACH,EAELpS,KAAK+C,YAAYyI,iBAAiB2J,EAAQrS,GAC1CzC,EAAAL,KAAIuB,EAAA,KAAYkK,KAAK,CACjB5I,MAAOsS,EACPrS,WACF,G,MAEH,GAAIiS,EAAY,CACnBC,EAAerS,KAAK,YAAYA,KAC5BtC,EAAAL,KAAIM,EAAA,IAAA+U,IAAyBhS,KAA7BrD,KAA8B+U,EAAY3C,E,CAGlD,KACI1L,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACEhU,EAAAL,KAAIM,EAAA,IAAAgU,IAAkBjR,KAAtBrD,KAAuBiG,EAAM1B,E,CAGjC,OAAOyQ,CACX,EAACpC,GAAA,SAAAA,EAGGoB,EACA7B,EACAC,EACAnM,EACA1B,G,QAEA,IAAI5B,EAAO2S,EAAWlD,EAAcD,GAEpC,KACIzL,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACE,OAAAhL,OAAAC,OAAAD,OAAAC,OAAA,GACO3G,GAAI,CACP4S,OAAQ,KACJlV,EAAAL,KAAIM,EAAA,IAAAkV,IAAiBnS,KAArBrD,KAAsBiG,EAAM1B,EAAG,G,CAK3C,OAAO5B,CACX,EAACmQ,GAAA,SAAAA,EAGGkB,EACA7B,EACAwC,GAEA,MAAO,CACHhS,KAAM,CACF,iBAAkB,CACdmH,MAAOqI,IAIvB,EAACY,GAAA,SAAAA,EAGGiB,EACAC,EACA7B,GAEA,MAAO,CACHqD,aAAcrD,EAEtB,EAACmB,GAAA,SAAAA,EAGGS,EACA7B,EACAwC,EACA1O,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACE,MAAO,CACHvK,MAAOqI,EACPoD,OAAQ,KACJlV,EAAAL,KAAIM,EAAA,IAAAkV,IAAiBnS,KAArBrD,KAAsBiG,EAAM1B,EAAG,E,CAI3C,MAAO,CAAEuF,MAAOqI,EACpB,EAACkB,GAAA,SAAAA,EAGGnB,EACA+B,EACA7B,EACAnM,EACA1B,G,QAEA,IAAI5B,EAAO+S,EAAWtD,EAAcF,GAEpC,KACIxL,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACE,OAAAhL,OAAAC,OAAAD,OAAAC,OAAA,GACO3G,GAAI,CACP4S,OAAQ,KACJlV,EAAAL,KAAIM,EAAA,IAAAkV,IAAiBnS,KAArBrD,KAAsBiG,EAAM1B,EAAG,G,CAK3C,OAAO5B,CACX,EAAC8Q,GAAA,SAAAA,EAGGO,EACA7B,EACAC,GAEA,OAAOuD,EAAWvD,EAAcD,EACpC,EAACe,GAAA,SAAAA,EAGGc,EACA7B,EACAC,EACAnM,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACEhU,EAAAL,KAAIM,EAAA,IAAAgU,IAAkBjR,KAAtBrD,KAAuBiG,EAAM1B,E,CAGjC,MAAO,CACH5B,KAAM,CACF,iBAAkB,CACdmH,MAAOqI,IAGfsD,aAAcrD,EAEtB,EAACgB,GAAA,SAAAA,EAGGY,EACA7B,EACAC,EACAnM,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACE,MAAO,CACHoB,aAAcrD,GAAgB,GAC9BtI,MAAOqI,GAAc,IACrB3J,MAAO4J,GAAgB,GACvBmD,OAAQ,KACJlV,EAAAL,KAAIM,EAAA,IAAAkV,IAAiBnS,KAArBrD,KAAsBiG,EAAM1B,EAAG,E,CAK3C,MAAO,CACHkR,aAAcrD,GAAgB,GAC9BtI,MAAOqI,GAAc,IACrB3J,MAAO4J,GAAgB,GAE/B,EAACuB,GAAA,SAAAA,EAGGK,EACA7B,EACAwC,EACA1O,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACEhU,EAAAL,KAAIM,EAAA,IAAAgU,IAAkBjR,KAAtBrD,KAAuBiG,EAAM1B,E,CAEjC,MAAO,CACH5B,KAAM,CACF,iBAAkB,CACdmH,MAAOqI,IAIvB,EAACc,GAAA,SAAAA,EAGGe,EACA7B,EACAwC,EACA1O,EACA1B,G,QAEA,KACImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,gBACpB1L,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpBnO,EAAKoO,UACP,CACE,MAAO,CACHvK,MAAOqI,EACPoD,OAAQ,KACJlV,EAAAL,KAAIM,EAAA,IAAAkV,IAAiBnS,KAArBrD,KAAsBiG,EAAM1B,EAAG,E,CAI3C,MAAO,CAAEuF,MAAOqI,EACpB,EAACuB,GAAA,SAAAA,EAGGkC,EACA3B,EACA4B,EACA5P,EACA1B,GAEA,IACI,IAAI5B,EAAOmP,KAAKgE,MAAM7P,EAAKuC,OAE3B,IAAK7F,EAAM,CACPtC,EAAAL,KAAIF,EAAA,KAAa+D,MAAMkS,WACnB/V,KACA,mBAAmBuE,UACnByR,EAAiBC,SAErB,OAAO,I,CAGX,GAAKtT,EAAagG,OAAS,iBAAkB,CACzCtI,EAAAL,KAAIF,EAAA,KAAa+D,MAAMkS,WACnB/V,KACA,6BAA6BuE,oDAC7ByR,EAAiBE,OAErB,OAAO,I,CAGX,MAAO,CACHvT,KAAM,CACF4N,QAAS5N,EAAK4N,QAAQ3N,KAAKrD,GAAG8J,OAAAC,OAAAD,OAAAC,OAAA,GACvB/J,GAAG,CACN0S,IAAKtP,EAAKyN,KAAK,GAAGlK,MAAM3G,EAAI8G,MAAM4L,QAEtC7B,KAAMzN,EAAKyN,KAAKxN,KAAKvD,GAAGgK,OAAAC,OAAAD,OAAAC,OAAA,GACjBjK,GAAG,CACN6G,MAAOmD,OAAOuI,KAAKvS,EAAI6G,OAAOF,QAAO,CAACC,EAAMhD,KACxC,MAAMmD,EAASzD,EAAK4N,QAAQpK,MACvB5G,GAAQA,EAAI8G,OAASpD,IAE1B,OAAAoG,OAAAC,OAAAD,OAAAC,OAAA,GACOrD,GAAI,CACPhD,CAACA,GAAGoG,OAAAC,OAAAD,OAAAC,OAAA,GACGjK,EAAI6G,MAAMjD,IAAI,CACjBN,KAAI0G,OAAAC,OAAAD,OAAAC,OAAA,GACGjJ,EAAAL,KAAIM,EAAA,IAAA2Q,IAAS5N,KAAbrD,KACCX,EAAI6G,MAAMjD,GACVmD,IACH,CACD8K,SACI7R,EAAI6G,MAAMjD,GAAKyH,WAAa,MAChCnG,GAAI6B,EAAO7B,QAAE,GAI1B,S,CAIjB,MAAO0E,GACL5I,EAAAL,KAAIF,EAAA,KAAa+D,MAAMkS,WACnB/V,KACA,qBAAqBuE,2CACrByR,EAAiBE,OAErB,OAAO,I,CAEf,EAAClE,GAAA,SAAAA,EAGGmE,EACApL,GAEA,MAAMqL,EAAO/M,OAAAC,OAAAD,OAAAC,OAAA,GACN6M,GAAU,CACb/F,KAAM+F,EAAW/F,KAAKxN,KAAKvD,GAAGgK,OAAAC,OAAAD,OAAAC,OAAA,GAAWjK,GAAG,CAAE6G,MAAO,SAGzD,MAAMmQ,EAAiBF,EAAW5F,QAC7BtD,QAAQ1N,GAAQA,EAAIoM,aACpB/I,KAAKrD,GAAQA,EAAI8G,OAEtB,IAAKgQ,EAAepX,OAAQ,CACxB,OAAOmX,C,CAGX,IACI,MAAME,EAAmBxE,KAAKgE,MAC1BzV,EAAAL,KAAIW,EAAA,KAAeyP,KAAK,GAAGlK,MAAM6E,GAAQvC,OAG7C4N,EAAQhG,KAAO+F,EAAW/F,KAAKxN,KAAI,CAACvD,EAAK+O,IACrCiI,EAAerQ,QACX,CAACuQ,EAAYC,KACT,MAAMC,EACFH,EAAiBlG,KAAKhC,GAAGlI,MAAMsQ,IAC/BnX,EAAI6G,MAAMsQ,GAAOhO,QACb8N,EAAiBlG,KAAKhC,GAAGlI,MAAMsQ,GAAOhO,MAE9C,GAAIiO,EAAS,CACT,OAAApN,OAAAC,OAAAD,OAAAC,OAAA,GACOgN,EAAiBlG,KAAKhC,IAAE,CAC3BlI,MAAKmD,OAAAC,OAAAD,OAAAC,OAAA,GACEiN,EAAWrQ,OAAK,CACnBsQ,CAACA,GAAKnN,OAAAC,OAAAD,OAAAC,OAAA,GACCgN,EAAiBlG,KAAKhC,GAAGlI,MACxBsQ,IACH,CACDhO,MAAOnJ,EAAI6G,MAAMsQ,GAAOhO,W,CAMxC,OAAAa,OAAAC,OAAAD,OAAAC,OAAA,GACOgN,EAAiBlG,KAAKhC,IAAE,CAC3BlI,MAAOqQ,EAAWrQ,OAAK,GAE9BmD,OAAAC,OAAAD,OAAAC,OAAA,GACIgN,EAAiBlG,KAAKhC,IAAE,CAAElI,MAAO,QAI9C,OAAOkQ,C,CACT,MAAOnN,GACL,OAAOmN,C,CAEf,EAACf,GAAA,SAAAA,EAEwBnD,EAAcE,GACnC,MAAMwB,EAAUvT,EAAAL,KAAIG,EAAA,KAAoBkK,IAAI6H,EAAQvJ,MAEpD,GAAIiL,EAAS,CACT,OAAOA,EAAQ1B,EAASE,E,KACrB,CACH,OAAOF,EAAQtP,KAAK8T,IAAM,CACtBlO,MAAOkO,EAAO5M,MACdvF,GAAImS,EAAOnS,GACXoS,SAAUvE,IAAiBsE,EAAOnS,M,CAG9C,EAAChE,GAAA,SAAAA,EAGG2R,EACAE,GAEA,OAAOF,EAAQrC,SAASjN,KAAKgU,I,MAAU,OACnCrS,GAAIqS,EAAMxP,QAAQyP,OAClBrO,MAAOoO,EAAMxP,QAAQ0P,MACrBH,SAAUvE,IAAiBwE,EAAMxP,QAAQyP,OACzChH,WAAUnJ,EAAAkQ,EAAM/G,YAAQ,MAAAnJ,SAAA,SAAAA,EAAEzH,QACpBoB,EAAAL,KAAIM,EAAA,IAAAC,GAAwB8C,KAA5BrD,KAA6B4W,EAAOxE,GACpC,GACT,GACL,EAAC3R,GAAA,SAAAA,EAGGyR,EACAE,GAEA,OAAOF,EAAQrC,SAASjN,KAAKgU,I,MAAU,OACnCrS,GAAIqS,EAAM3E,IAAI8E,EACdvO,MAAOoO,EAAMpO,MACbmO,SAAUvE,IAAiBwE,EAAM3E,IAAI8E,EACrClH,WAAUnJ,EAAAkQ,EAAM/G,YAAQ,MAAAnJ,SAAA,SAAAA,EAAEzH,QACpBoB,EAAAL,KAAIM,EAAA,IAAAG,GAAgC4C,KAApCrD,KAAqC4W,EAAOxE,GAC5C,GACT,GACL,EAAC1R,GAAA,SAAAA,EAEoBwR,EAAcE,GAC/B,OAAOF,EAAQ9B,KAAKxN,KAAKvD,I,MACrB,MAAM6G,EAAQ7G,EAAI2X,QAAU3X,EAAI6G,MAChC,MAAO3B,EAAIiE,GAASa,OAAOuI,KAAK1L,GAEhC,MAAO,CACH3B,GAAI2B,EAAM3B,GAAIiE,MACdA,QAAO9B,EAAAR,EAAMsC,MAAM,MAAA9B,SAAA,SAAAA,EAAE8B,QAAStC,EAAM3B,GAAIiE,MACxCmO,SAAUvE,IAAiBlM,EAAM3B,GAAIiE,MACxC,GAET,EAACwH,GAAA,SAAAA,EAEe/J,GACZ,MAAMgK,EAAU5G,OAAAC,OAAAD,OAAAC,OAAA,GACTrD,GAAI,CACPtD,KAAMtC,EAAAL,KAAIM,EAAA,IAAAiS,IAAYlP,KAAhBrD,KAAiB,KAAM,KAAMiG,EAAKuC,MAAOvC,EAAMA,EAAKgM,IAAI8E,GAC9DxS,GAAI0B,EAAKgM,IAAI8E,IAEjB,OAAO9G,CACX,EAACmF,GAAA,SAAAA,EAGGjK,EACA2J,EACAnS,EACA4B,EACA6N,GAEA,GACIjH,EAAO5G,KAAOA,GACb4G,EAA4C8L,OAAS,MACxD,CACE,M,CAEJjX,KAAKkX,eACDpC,EACA3J,EAAOgM,WACP9W,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,MACAmL,EAAO5G,IACT6S,MAAMlF,I,MACJvP,EAAKA,KAAK,YAAYA,MAClB+D,EAAArG,EAAAL,KAAIM,EAAA,IAAA+U,IAAyBhS,KAA7BrD,KAA8BkS,EAASE,MAAa,MAAA1L,SAAA,EAAAA,EAAI,GAC5DyE,EAAO7G,KAAKd,SAAS,GAE7B,EAACgS,GAED6B,eAAA7B,EAAuBvP,EAAyB1B,G,QAC5C,MAAM+S,EAAWjX,EAAAL,KAAIM,EAAA,IAAAiX,GAASlU,KAAbrD,KAAcuE,GAG/B,GAAI0B,EAAKoO,UAAW,CAChBhU,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KACIuE,EACA+S,EAAS9O,MAEH,KAEAnI,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UACtBC,EAAmBiS,iBAIjC,IAAKH,EAAS9O,MAAO,CACjB,M,MAED,CACHnI,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KAAmBuE,EAAI,K,CAI3B,KAAImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,cAAemD,EAAS9O,MAAO,CACnD,MAAMkP,MAAEA,SAAgB1X,KAAK2X,sBAAsB,CAC/C1F,IAAKhM,EAAKgM,IACV2F,aAAcvX,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,MACd8U,IAAK7O,EAAK6O,MAEd,GAAI4C,EAAO,CACPrX,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KAAmBuE,EAAI,K,KACpB,CACHlE,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KACIuE,EACAlE,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UACtBC,EAAmBqS,gBAG3B,M,EAIR,KAAIpP,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBAAoB/T,EAAAL,KAAIM,EAAA,IAAAwX,IAAkBzU,KAAtBrD,MAA0B,CAClEA,KAAK+X,wBACD,CACI3O,OAAMC,OAAAC,OAAA,GAAOjJ,EAAAL,KAAIW,EAAA,MACjB4I,MAAOlJ,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,OAEXuE,E,CAGZ,EAAC+P,GAAA,SAAAA,EAEiBrO,EAAyB1B,GACvC,MAAM4Q,EAAS9U,EAAAL,KAAIkB,EAAA,KAAiBmJ,IAAIpE,EAAKqE,OAC7C,IAAK6K,EAAQ,CACT,M,CAGJ,MAAMrS,EAAUuU,MAAOpO,I,QACnB,MAAMqO,EAAWjX,EAAAL,KAAIM,EAAA,IAAAiX,GAASlU,KAAbrD,KAAcuE,GAE/B,GAAI0E,EAAEkC,OAAO5G,KAAOA,EAAI,CACpB,M,CAIJ,GAAI0B,EAAKoO,UAAW,CAChBhU,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KACIuE,EACA+S,EAAS9O,MAEH,KAEAnI,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UACtBC,EAAmBiS,iBAIjC,IAAKxO,EAAEkC,OAAO3C,MAAO,CACjB,M,MAED,CACHnI,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KAAmBuE,EAAI,K,CAI3B,KAAImC,EAAAT,EAAKiO,iBAAa,MAAAxN,SAAA,SAAAA,EAAEyN,cAAelL,EAAEkC,OAAO3C,MAAO,CACnD,MAAMkP,MAAEA,SAAgB1X,KAAK2X,sBAAsB,CAC/C1F,IAAKhM,EAAKgM,IACV2F,aAAcvX,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,MACd8U,IAAK7O,EAAK6O,MAGdzU,EAAAL,KAAIM,EAAA,IAAAkX,IAAcnU,KAAlBrD,KACIuE,EACAmT,EAEM,KAEArX,EAAAL,KAAIF,EAAA,KAAaiE,SAASwB,UACtBC,EAAmBqS,gBAGjC,IAAKH,EAAO,CACR,M,EAIR,KACIjP,EAAAxC,EAAKiO,iBAAa,MAAAzL,SAAA,SAAAA,EAAE2L,mBACpB/T,EAAAL,KAAIM,EAAA,IAAAwX,IAAkBzU,KAAtBrD,MACF,CACEA,KAAK+X,wBACD,CACI3O,OAAMC,OAAAC,OAAA,GAAOjJ,EAAAL,KAAIW,EAAA,MACjB4I,MAAOlJ,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,OAEXuE,E,GAIZvE,KAAK+C,YAAYyI,iBAAiB2J,EAAQrS,GAC1CzC,EAAAL,KAAIuB,EAAA,KAAYkK,KAAK,CACjB5I,MAAOsS,EACPrS,WAER,EAAC0U,GAAA,SAAAA,EAEajT,EAAYkK,GACtBzO,KAAKoF,gBAAkBpF,KAAKoF,gBAAgBxC,KAAKqD,GAAIoD,OAAAC,OAAAD,OAAAC,OAAA,GAC9CrD,GAAI,CACPC,MAAOD,EAAKC,MAAMtD,KAAI,EAAGqD,OAAMG,aAC3B,MAAMzD,EACFyD,EAAOC,OAAS9B,E,+BAEH0B,EAAKtD,MAAI,CACZ8L,UAEJxI,EAAKtD,KACf,MAAO,CACHyD,SACAH,KAAIoD,OAAAC,OAAAD,OAAAC,OAAA,GACGrD,GAAI,CACPtD,SAEP,OAGb,EAACmV,GAAA,SAAAA,IAGG,OAAO9X,KAAKoF,gBAAgBqC,MAAK,EAAGvB,QAAO7G,SACvC6G,EAAMuB,MACF,EAAGxB,OAAMG,QAAUC,WACfJ,EAAKuC,QAAUnJ,EAAI6G,MAAMG,GAAMmC,SAG/C,EAAC0C,GAAA,SAAAA,EAEsBjF,EAAyB1B,GAC5C0B,EAAK6O,IACC9U,KAAKgY,yBAAyB,CAC1BlD,IAAK7O,EAAK6O,IACV/J,OAAQxG,EACRqT,aAAcvX,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,QAElBA,KAAKmJ,SAAS,CACVX,MAAO,CACHY,OAAMC,OAAAC,OAAA,GAAOjJ,EAAAL,KAAIW,EAAA,MACjB4I,MAAOlJ,EAAAL,KAAIM,EAAA,IAAAkJ,IAAiBnG,KAArBrD,OAEXiG,KAAM1B,GAEpB,EAAC0T,GAAA,SAAAA,EAGGC,EACAC,GAEA,MAAMC,EAAQF,EAAK/R,MAAMkS,IAAC,IAAA3R,EAAK,OAAAA,EAAA2R,EAAEC,aAAS,MAAA5R,SAAA,SAAAA,EAAE6R,SAAS,SAAS,IAC9D,GAAIH,GAAS,KAAM,CACf,M,CAGJ,MAAMzU,EAAQyU,EAAM,wBACpB,MAAMI,EAAa7U,EAAMyC,OAAOC,KAEhC,IAAIoS,EAASL,EACb,IAAInS,EAAOjG,KAAK2C,KAAKyN,KAAK,GAAGlK,MAAMsS,GACnC,IAAIpS,EAASpG,KAAK2C,KAAK4N,QAAQpK,MAAM4J,GAAMA,EAAE1J,MAAQmS,IAErD,MAAO,CACHC,SACAxS,OACAG,SACA+R,gBAER,EAACO,GAAA,SAAAA,EAEmBzP,GAChB,MAAM0P,EAAYtY,EAAAL,KAAIF,EAAA,KAAa8Y,aAC/B3P,EAAEqI,OACFtR,KAAK+C,aAGT,OAAO1C,EAAAL,KAAIM,EAAA,IAAA2X,IAAiB5U,KAArBrD,KAAsB2Y,EAAW1P,EAC5C,EAAC9E,GAAA,SAAAA,IAGG9D,EAAAL,KAAIF,EAAA,KAAa+Y,SAASC,gBAAgBC,IAAI1Y,EAAAL,KAAIE,EAAA,MAElD,MAAM8Y,EAAS/P,IACX,GAAIA,EAAEgQ,QAAU,EAAG,CACf,MAAMC,EAAU7Y,EAAAL,KAAIM,EAAA,IAAAoY,IAAoBrV,KAAxBrD,KAAyBiJ,GAEzC,GAAIiQ,EAAS,CACTlZ,KAAKmZ,wBAAwB9U,KAAK,CAC9BC,KAAMtE,KACNuE,GAAIvE,KAAK+C,YAAYwB,GACrB2U,W,IAMhB7Y,EAAAL,KAAIF,EAAA,KAAa+Y,SAASO,GACtB/Y,EAAAL,KAAIE,EAAA,KACJmZ,EAAqBC,IACrBN,EAER,E","ignoreList":[]}
package/dist/ketchup/{p-caa70779.entry.js → p-7e994945.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-1911a49e.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-8cbd8be4.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-59c76030.js";import"./p-9db21afb.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
- //# sourceMappingURL=p-caa70779.entry.js.map
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-1911a49e.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-f53792c4.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-59c76030.js";import"./p-9db21afb.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
+ //# sourceMappingURL=p-7e994945.entry.js.map
package/dist/ketchup/{p-3f141611.entry.js → p-91f3e313.entry.js} RENAMED
@@ -1,2 +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,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-1911a49e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-10dfd311.js";import{F as y}from"./p-8cbd8be4.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-59c76030.js";import"./p-9db21afb.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-3f141611.entry.js.map
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,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-1911a49e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-10dfd311.js";import{F as y}from"./p-f53792c4.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-59c76030.js";import"./p-9db21afb.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-91f3e313.entry.js.map