@sme.up/ketchup 11.0.0-SNAPSHOT-20241205094300 → 11.0.0-SNAPSHOT-20241205133449
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.
- package/dist/cjs/kup-input-panel.cjs.entry.js +5 -5
- package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js.map +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +4 -4
- package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
- package/dist/components/kup-input-panel.js +5 -5
- package/dist/components/kup-input-panel.js.map +1 -1
- package/dist/esm/kup-input-panel.entry.js +5 -5
- package/dist/esm/kup-input-panel.entry.js.map +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-18faef7f.entry.js +2 -0
- package/dist/ketchup/p-18faef7f.entry.js.map +1 -0
- package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +1 -1
- package/package.json +1 -1
- package/dist/ketchup/p-a5036446.entry.js +0 -2
- package/dist/ketchup/p-a5036446.entry.js.map +0 -1
|
@@ -11,7 +11,7 @@ export var KupInputPanelProps;
|
|
|
11
11
|
KupInputPanelProps["optionsHandler"] = "Sets the callback function to recieve options";
|
|
12
12
|
KupInputPanelProps["buttonPosition"] = "Manage the position of the buttons related to the input panel content. It is an enumeration";
|
|
13
13
|
KupInputPanelProps["inputPanelPosition"] = "Manage the global layout of the input panel fields. The default is COLUMNS.";
|
|
14
|
-
KupInputPanelProps["
|
|
14
|
+
KupInputPanelProps["autoFocus"] = "Sets whether the first input should receive focus.";
|
|
15
15
|
})(KupInputPanelProps || (KupInputPanelProps = {}));
|
|
16
16
|
export var KupInputPanelPosition;
|
|
17
17
|
(function (KupInputPanelPosition) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-input-panel-declarations.js","sourceRoot":"","sources":["../../../src/components/kup-input-panel/kup-input-panel-declarations.ts"],"names":[],"mappings":"AAkEA,MAAM,CAAN,IAAY,8BAEX;AAFD,WAAY,8BAA8B;IACtC,6CAAW,CAAA;AACf,CAAC,EAFW,8BAA8B,KAA9B,8BAA8B,QAEzC;AAwFD,MAAM,CAAN,IAAY,kBASX;AATD,WAAY,kBAAkB;IAC1B,oEAA8C,CAAA;IAC9C,8DAAwC,CAAA;IACxC,mHAA6F,CAAA;IAC7F,4EAAsD,CAAA;IACtD,sFAAgE,CAAA;IAChE,oIAA8G,CAAA;IAC9G,wHAAkG,CAAA;IAClG,sFAAgE,CAAA;AACpE,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,QAS7B;AAaD,MAAM,CAAN,IAAY,qBAOX;AAPD,WAAY,qBAAqB;IAC7B,4CAAmB,CAAA;IACnB,0CAAiB,CAAA;IACjB,gDAAuB,CAAA;IACvB,8CAAqB,CAAA;IACrB,gDAAuB,CAAA;IACvB,gDAAuB,CAAA;AAC3B,CAAC,EAPW,qBAAqB,KAArB,qBAAqB,QAOhC;AAED,MAAM,CAAN,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACrC,kDAAiB,CAAA;IACjB,8CAAa,CAAA;IACb,kDAAiB,CAAA;IACjB,gDAAe,CAAA;IACf,4CAAW,CAAA;AACf,CAAC,EANW,6BAA6B,KAA7B,6BAA6B,QAMxC;AAMD,MAAM,CAAC,MAAM,qBAAqB,GAAsB;IACpD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,QAAQ;CACnB,CAAC","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
|
|
1
|
+
{"version":3,"file":"kup-input-panel-declarations.js","sourceRoot":"","sources":["../../../src/components/kup-input-panel/kup-input-panel-declarations.ts"],"names":[],"mappings":"AAkEA,MAAM,CAAN,IAAY,8BAEX;AAFD,WAAY,8BAA8B;IACtC,6CAAW,CAAA;AACf,CAAC,EAFW,8BAA8B,KAA9B,8BAA8B,QAEzC;AAwFD,MAAM,CAAN,IAAY,kBASX;AATD,WAAY,kBAAkB;IAC1B,oEAA8C,CAAA;IAC9C,8DAAwC,CAAA;IACxC,mHAA6F,CAAA;IAC7F,4EAAsD,CAAA;IACtD,sFAAgE,CAAA;IAChE,oIAA8G,CAAA;IAC9G,wHAAkG,CAAA;IAClG,sFAAgE,CAAA;AACpE,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,QAS7B;AAaD,MAAM,CAAN,IAAY,qBAOX;AAPD,WAAY,qBAAqB;IAC7B,4CAAmB,CAAA;IACnB,0CAAiB,CAAA;IACjB,gDAAuB,CAAA;IACvB,8CAAqB,CAAA;IACrB,gDAAuB,CAAA;IACvB,gDAAuB,CAAA;AAC3B,CAAC,EAPW,qBAAqB,KAArB,qBAAqB,QAOhC;AAED,MAAM,CAAN,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACrC,kDAAiB,CAAA;IACjB,8CAAa,CAAA;IACb,kDAAiB,CAAA;IACjB,gDAAe,CAAA;IACf,4CAAW,CAAA;AACf,CAAC,EANW,6BAA6B,KAA7B,6BAA6B,QAMxC;AAMD,MAAM,CAAC,MAAM,qBAAqB,GAAsB;IACpD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,QAAQ;CACnB,CAAC","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 autoFocus = 'Sets whether the first input should receive focus.'\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\ninterface InputPanelCommand {\n [key: string]: string;\n}\n\nexport const InputPanelKeyCommands: InputPanelCommand = {\n '*F01': 'F1',\n '*F02': 'F2',\n '*F03': 'F3',\n '*F04': 'F4',\n '*F05': 'F5',\n '*F06': 'F6',\n '*F07': 'F7',\n '*F08': 'F8',\n '*F09': 'F9',\n '*F10': 'F10',\n '*F11': 'F11',\n '*F12': 'F12',\n '*F13': 'shift+F1',\n '*F14': 'shift+F2',\n '*F15': 'shift+F3',\n '*F16': 'shift+F4',\n '*F17': 'shift+F5',\n '*F18': 'shift+F6',\n '*F19': 'shift+F7',\n '*F20': 'shift+F8',\n '*F21': 'shift+F9',\n '*F22': 'shift+F10',\n '*F23': 'shift+F11',\n '*F24': 'shift+F12',\n '*ENT': 'Enter',\n '*PDN': 'PageDown',\n '*PUP': 'PageUp',\n};\n"]}
|
|
@@ -177,15 +177,15 @@ export class KupInputPanel {
|
|
|
177
177
|
__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_didLoadInteractables).call(this);
|
|
178
178
|
this.kupReady.emit({ comp: this, id: this.rootElement.id });
|
|
179
179
|
__classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, true);
|
|
180
|
+
if (__classPrivateFieldGet(this, _KupInputPanel_formRef, "f") && this.autoFocus) {
|
|
181
|
+
__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setFocusOnFirstInput).call(this);
|
|
182
|
+
}
|
|
180
183
|
}
|
|
181
184
|
componentWillRender() {
|
|
182
185
|
__classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logRender(this, false);
|
|
183
186
|
}
|
|
184
187
|
componentDidRender() {
|
|
185
188
|
if (__classPrivateFieldGet(this, _KupInputPanel_formRef, "f")) {
|
|
186
|
-
if (this.autoFocus) {
|
|
187
|
-
__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setFocusOnFirstInput).call(this);
|
|
188
|
-
}
|
|
189
189
|
const fs = __classPrivateFieldGet(this, _KupInputPanel_formRef, "f").querySelectorAll('.f-text-field');
|
|
190
190
|
for (let index = 0; index < fs.length; index++) {
|
|
191
191
|
FTextFieldMDC(fs[index]);
|
|
@@ -200,7 +200,7 @@ export class KupInputPanel {
|
|
|
200
200
|
h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
|
|
201
201
|
]
|
|
202
202
|
: this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
|
|
203
|
-
return (h(Host, { key: '
|
|
203
|
+
return (h(Host, { key: 'a2ef6d22997dcc13f0416c6df7cda032d0b59fe8' }, h("style", { key: '2e3d94c59dbd4b71c972fef2c6c5e64b288c85ba' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '352412de8ed64e2c37ab1d8488bb91b186a4e160', id: componentWrapperId }, inputPanelContent)));
|
|
204
204
|
}
|
|
205
205
|
disconnectedCallback() {
|
|
206
206
|
__classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
|