npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118162146 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118162146

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

package/dist/cjs/{f-paginator-utils-af69bd51.js → f-paginator-utils-32b87c09.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 const index = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 var FPaginatorMode;
@@ -135,4 +135,4 @@ exports.FPaginator = FPaginator;
 exports.pageChange = pageChange;
 exports.rowsPerPageChange = rowsPerPageChange;
-//# sourceMappingURL=f-paginator-utils-af69bd51.js.map
+//# sourceMappingURL=f-paginator-utils-32b87c09.js.map

package/dist/cjs/{f-paginator-utils-af69bd51.js.map → f-paginator-utils-32b87c09.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"f-paginator-utils-af69bd51.js","mappings":"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","names":["dom","KupLanguagePage","KupLanguageRow","h","FButton","KupLanguageGeneric","KupComponentSizing","FButtonStyling"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-paginator component.\n /\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/-------------------------------------------------/\n/ C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"version":3}
1	+ {"file":"f-paginator-utils-32b87c09.js","mappings":"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","names":["dom","KupLanguagePage","KupLanguageRow","h","FButton","KupLanguageGeneric","KupComponentSizing","FButtonStyling"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-paginator component.\n /\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/-------------------------------------------------/\n/ C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"version":3}

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

@@ -6,17 +6,17 @@ const index = require('./index-4e97f23f.js');
 const kupManager$1 = require('./kup-manager-fe741ac9.js');
 const fTextField = require('./f-text-field-4226081f.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fCell = require('./f-cell-99c84f1c.js');
+const fCell = require('./f-cell-121c7e46.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 const fChip = require('./f-chip-29e9258a.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
 const kupDataTableHelper = require('./kup-data-table-helper-00427a69.js');
-const fPaginatorUtils = require('./f-paginator-utils-af69bd51.js');
+const fPaginatorUtils = require('./f-paginator-utils-32b87c09.js');
 /**
  * Props of the kup-autocomplete component.

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

@@ -8,13 +8,13 @@ const kupDataTableHelper = require('./kup-data-table-helper-00427a69.js');
 const fImage = require('./f-image-8dbf27a2.js');
 const fChip = require('./f-chip-29e9258a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-99c84f1c.js');
-const fPaginatorUtils = require('./f-paginator-utils-af69bd51.js');
+const fCell = require('./f-cell-121c7e46.js');
+const fPaginatorUtils = require('./f-paginator-utils-32b87c09.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
 require('./f-text-field-4226081f.js');
-require('./f-button-54d0f017.js');
+require('./f-button-e29b456b.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./component-cb3b32f5.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$4 = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fChip = require('./f-chip-29e9258a.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 require('./f-button-declarations-76ef9f87.js');

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-54d0f017.js');
-const fCell = require('./f-cell-99c84f1c.js');
+const fButton = require('./f-button-e29b456b.js');
+const fCell = require('./f-cell-121c7e46.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-8dbf27a2.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
 const fTextField = require('./f-text-field-4226081f.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');

package/dist/cjs/kup-family-tree.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-8dbf27a2.js');
 const kupManager = require('./kup-manager-fe741ac9.js');

package/dist/cjs/kup-image-list.cjs.entry.js CHANGED Viewed

@@ -6,9 +6,9 @@ const index = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-99c84f1c.js');
+const fCell = require('./f-cell-121c7e46.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');

package/dist/cjs/kup-input-panel.cjs.entry.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const fButton = require('./f-button-54d0f017.js');
-const fCell = require('./f-cell-99c84f1c.js');
+const fButton = require('./f-button-e29b456b.js');
+const fCell = require('./f-cell-121c7e46.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 const fTypography = require('./f-typography-024bace8.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-8dbf27a2.js');

package/dist/collection/f-components/f-button/f-button.js CHANGED Viewed

@@ -68,7 +68,7 @@ function renderButton(props) {
         'button--raised': isRaised ? true : false,
         'button--no-label': !props.label || props.label === ' ' ? true : false,
         'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-        [`button--${props.sizing}`]: props.sizing ? true : false,
+        [`button--${props.sizing || 'small'}`]: true,
         [`button--${props.contentAlign}`]: props.contentAlign ? true : false,
     };
     const classLabelObj = {

package/dist/collection/f-components/f-button/f-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"f-button.js","sourceRoot":"","sources":["../../../src/f-components/f-button/f-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/-------------------------------------------------/\n/* C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON \|\|\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null \|\| props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/-------------------------------------------------/\n/ M e t h o d s /\n/-------------------------------------------------/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined \|\| isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label \|\| props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner \|\| props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"]}
1	+ {"version":3,"file":"f-button.js","sourceRoot":"","sources":["../../../src/f-components/f-button/f-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/-------------------------------------------------/\n/* C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON \|\|\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null \|\| props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/-------------------------------------------------/\n/ M e t h o d s /\n/-------------------------------------------------/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined \|\| isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label \|\| props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing \|\| 'small'}`]: true,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner \|\| props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"]}

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

@@ -4365,7 +4365,7 @@ function renderButton(props) {
         'button--raised': isRaised ? true : false,
         'button--no-label': !props.label || props.label === ' ' ? true : false,
         'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-        [`button--${props.sizing}`]: props.sizing ? true : false,
+        [`button--${props.sizing || 'small'}`]: true,
         [`button--${props.contentAlign}`]: props.contentAlign ? true : false,
     };
     const classLabelObj = {