@sme.up/ketchup 11.0.0-SNAPSHOT-20241030162740 → 11.0.0-SNAPSHOT-20241031094059
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/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +20 -2
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/kup-cell/kup-cell.css +1 -1
- package/dist/collection/components/kup-tab-bar/kup-tab-bar-declarations.js +13 -0
- package/dist/collection/components/kup-tab-bar/kup-tab-bar-declarations.js.map +1 -1
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.css +21 -0
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js +34 -2
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +21 -2
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-cell.js +1 -1
- package/dist/components/kup-cell.js.map +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-autocomplete_28.entry.js +20 -2
- package/dist/esm/kup-autocomplete_28.entry.js.map +1 -1
- package/dist/esm/kup-cell.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js.map +1 -1
- package/dist/ketchup/p-bbc10d85.entry.js +2 -0
- package/dist/ketchup/p-bbc10d85.entry.js.map +1 -0
- package/dist/ketchup/{p-a55d2c8b.entry.js → p-cbf20461.entry.js} +2 -2
- package/dist/ketchup/p-cbf20461.entry.js.map +1 -0
- package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts +13 -1
- package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts +6 -1
- package/dist/types/components.d.ts +12 -2
- package/package.json +1 -1
- package/dist/ketchup/p-4799c97f.entry.js +0 -2
- package/dist/ketchup/p-4799c97f.entry.js.map +0 -1
- package/dist/ketchup/p-a55d2c8b.entry.js.map +0 -1
|
@@ -8,7 +8,19 @@ export declare enum KupTabBarProps {
|
|
|
8
8
|
customStyle = "Custom style of the component.",
|
|
9
9
|
data = "List of elements.",
|
|
10
10
|
ripple = "When enabled displays Material's ripple effect on item headers.",
|
|
11
|
-
toolbar = "when true, it will show the toolbar activation icon"
|
|
11
|
+
toolbar = "when true, it will show the toolbar activation icon",
|
|
12
|
+
variant = "Variant of the component. It is either flat or contained"
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Styling options for the f-button component.
|
|
16
|
+
* @enum {string}
|
|
17
|
+
* @property {string} FLAT - Flat style: no background nor borders.
|
|
18
|
+
* @property {string} CONTAINED - Background and active field as background.
|
|
19
|
+
|
|
20
|
+
*/
|
|
21
|
+
export declare enum KupTabbarStyling {
|
|
22
|
+
FLAT = "flat",
|
|
23
|
+
CONTAINED = "contained"
|
|
12
24
|
}
|
|
13
25
|
/**
|
|
14
26
|
* The object of a single radio.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
|
|
2
|
+
import { KupTabBarNode, KupTabBarEventPayload, KupTabbarStyling } from './kup-tab-bar-declarations';
|
|
3
3
|
import { GenericObject } from '../../types/GenericTypes';
|
|
4
4
|
import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
|
|
5
5
|
import { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';
|
|
@@ -21,6 +21,11 @@ export declare class KupTabBar {
|
|
|
21
21
|
* @default null
|
|
22
22
|
*/
|
|
23
23
|
data: KupTabBarNode[];
|
|
24
|
+
/**
|
|
25
|
+
* List of elements.
|
|
26
|
+
* @default KupTabbarStyling.FLAT
|
|
27
|
+
*/
|
|
28
|
+
variant: KupTabbarStyling;
|
|
24
29
|
/**
|
|
25
30
|
* Defaults at false. When set to true, the component is dense.
|
|
26
31
|
* @default false
|
|
@@ -56,7 +56,7 @@ import { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-dec
|
|
|
56
56
|
import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
|
|
57
57
|
import { FSwitchSizing } from "./f-components/f-switch/f-switch-declarations";
|
|
58
58
|
import { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
|
|
59
|
-
import { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
|
|
59
|
+
import { KupTabBarEventPayload, KupTabBarNode, KupTabbarStyling } from "./components/kup-tab-bar/kup-tab-bar-declarations";
|
|
60
60
|
import { KupToolbarClickEventPayload, KupToolbarItemClickEventPayload } from "./components/kup-toolbar/kup-toolbar-declarations";
|
|
61
61
|
import { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations";
|
|
62
62
|
import { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations";
|
|
@@ -114,7 +114,7 @@ export { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-dec
|
|
|
114
114
|
export { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
|
|
115
115
|
export { FSwitchSizing } from "./f-components/f-switch/f-switch-declarations";
|
|
116
116
|
export { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
|
|
117
|
-
export { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
|
|
117
|
+
export { KupTabBarEventPayload, KupTabBarNode, KupTabbarStyling } from "./components/kup-tab-bar/kup-tab-bar-declarations";
|
|
118
118
|
export { KupToolbarClickEventPayload, KupToolbarItemClickEventPayload } from "./components/kup-toolbar/kup-toolbar-declarations";
|
|
119
119
|
export { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations";
|
|
120
120
|
export { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations";
|
|
@@ -3887,6 +3887,11 @@ export namespace Components {
|
|
|
3887
3887
|
* @default null
|
|
3888
3888
|
*/
|
|
3889
3889
|
"toolbarData": KupDataNode[];
|
|
3890
|
+
/**
|
|
3891
|
+
* List of elements.
|
|
3892
|
+
* @default KupTabbarStyling.FLAT
|
|
3893
|
+
*/
|
|
3894
|
+
"variant": KupTabbarStyling;
|
|
3890
3895
|
}
|
|
3891
3896
|
interface KupTaskGantt {
|
|
3892
3897
|
"barProps": KupPlannerTaskGanttProps['barProps'];
|
|
@@ -9074,6 +9079,11 @@ declare namespace LocalJSX {
|
|
|
9074
9079
|
* @default null
|
|
9075
9080
|
*/
|
|
9076
9081
|
"toolbarData"?: KupDataNode[];
|
|
9082
|
+
/**
|
|
9083
|
+
* List of elements.
|
|
9084
|
+
* @default KupTabbarStyling.FLAT
|
|
9085
|
+
*/
|
|
9086
|
+
"variant"?: KupTabbarStyling;
|
|
9077
9087
|
}
|
|
9078
9088
|
interface KupTaskGantt {
|
|
9079
9089
|
"barProps"?: KupPlannerTaskGanttProps['barProps'];
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-86b6489e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-7d7b8718.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-fe31a004.js";import"./p-a16707d1.js";const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"90637215fbd5c4b76a36681e4638c8999ce77a4b"},s("style",{key:"a8833d7b93b58e42b897ac3b807e33d6797bb59c"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"ebc03e49d971e45309f70180481687696ff43054",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"d247b4b45d87e9b7dd325f0dac80853d0b8155e2"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
|
|
2
|
-
//# sourceMappingURL=p-4799c97f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"6ZAAA,MAAMA,EAAa,6gEACnB,MAAAC,EAAeD,E,yWC+CFE,EAAO,M,mFAiDhBC,EAAAC,IAAAC,KAA0BC,K,iBAlCI,G,UAKF,K,aAIIC,EAAaC,K,iBAKd,M,gBAKD,M,oBAM1BC,EAAwBC,K,CA4B5B,mBAAMC,CAAcC,GAChB,IAAKP,KAAKQ,KAAKC,SAAU,CACrBT,KAAKQ,KAAKC,SAAW,E,CAEzB,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,UAAY,IAAIA,G,GAItCT,KAAKa,S,CAQT,cAAMC,CAASC,GACX,OAAOD,EAASd,KAAMgB,EAAcD,E,CAMxC,aAAMF,GACFI,EAAYjB,K,CAOhB,sBAAMkB,CAAiBX,GACnB,IAAKP,KAAKQ,KAAKC,SAAU,CACrB,M,CAEJ,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,SAAWT,KAAKQ,KAAKC,SAASU,QACpC,IAAIC,OAAOX,EAAU,KACrB,G,GAKhBT,KAAKa,S,CAOT,cAAMQ,CAASC,GACXD,EAASrB,KAAMgB,EAAcM,E,CAOzB,sBAAAC,GACJ,GAAIvB,KAAKwB,YAAa,CAClB,MAAMC,EAAsC,KACjC,CACHC,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbC,GAAI7B,KAAK8B,YAAYD,GACrBE,SAAU,MACVC,IAAKhC,KAAKiC,gBAIlBC,EAAAlC,KAAIF,EAAA,KAAaqC,SAASC,UACtBpC,KAAK8B,YAAYO,WAAWC,cACxB,IAAMC,GAEV,CACI,aAAAC,GACI,OAAO,I,GAGf,CACIC,SAAUhB,GAEdiB,EAAcC,M,EAKlB,cAAAf,GACJ,MAAMgB,EAAO,UACb,MAAMC,EAAQC,UACd,MAAO,CACHF,OACAC,Q,CAIA,WAAAZ,GACJ,MAAMc,EAAqB/C,KAAK4B,iBAChC,MAAMI,EAAkB,CAAEgB,MAAO,IACjChB,EAAIgB,MAAMD,EAAIH,MAAQ5C,KAAKQ,KAC3B,OAAOwB,C,CAGH,WAAAiB,CAAYC,GAChBA,EAAEC,kBACFnD,KAAKoD,mBAAmBC,KAAK,CACzBC,KAAMtD,KACN6B,GAAI7B,KAAK8B,YAAYD,GACrBH,KAAM1B,KAAKQ,M,CAQnB,iBAAA+C,GACIrB,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMC,SAASzD,MAChCkC,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,OACrCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASH,SAASzD,MACnCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMJ,SAASzD,K,CAGpC,gBAAA8D,GACI5B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,K,CAGzC,mBAAA+D,GACI7B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,M,CAG3C,kBAAAiE,GACIjE,KAAKuB,yBACLW,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,K,CAG3C,MAAAkE,GACI,MAAM5C,EAA2B,CAC7BI,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbuC,UAAWnE,KACXoE,QAASpE,KAAKoE,QACdC,SAAUrE,KAAKQ,KAAK8D,WACpBC,UAAW,KACXvC,IAAKhC,KAAKiC,eAGd,OACIuC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,SAAAE,IAAA,4CACKxC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMc,YACpB3E,KAAK8B,cAGb0C,EAAA,OAAAE,IAAA,2CACI7C,GAAIU,EACJqC,MACI5E,KAAK6E,WACC,CACIC,QAAS,OACT,iBAAkBC,EACd/E,KAAKgF,gBAET,cAAe,SACfC,IAAK,UAET,IAGVT,EAACU,EAAKC,OAAAC,OAAA,CAAAV,IAAA,4CAAKpD,IACVtB,KAAK6E,WACFL,EAACa,EAAO,CACJC,WAAW,SACXC,MAAOrD,EAAAlC,KAAIF,EAAA,KAAa8D,SAAS4B,UAC7BC,EAAmBC,SAEvBC,aAAa,eACbC,QAAU1C,IACNlD,KAAKiD,YAAYC,EAAE,IAG3B,M,CAMpB,oBAAA2C,GACI3D,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMsC,WAAW9F,MAClCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASkC,WAAW9F,MACrCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMiC,WAAW9F,K","ignoreList":[]}
|