npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030100919 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030100919

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

package/dist/cjs/kup-nav-bar.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

package/dist/cjs/kup-numeric-picker.cjs.entry.js CHANGED Viewed

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-03d5cda6.js');
+const fTextField = require('./f-text-field-02d9d284.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-3fc9697c.js');

package/dist/cjs/kup-photo-frame.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager$1 = require('./kup-manager-51a6b521.js');
+const kupManager$1 = require('./kup-manager-189eaf63.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-03d5cda6.js');
+const fTextField = require('./f-text-field-02d9d284.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 require('./kup-dates-3fc9697c.js');
 const kupQlikCss = ".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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-189eaf63.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
@@ -187,7 +187,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: '9b6d456eb00745c049ad88669c69421503a0689e' }, index.h("style", { key: '805ec04b61f03df27983446576d90e72555b3dc2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a9740d5f078e2bb88ce9cf883af4c3c389117437', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '77aba9c411341c4c8977b0bd2e304373029844de' }, props)), index.h(fImage.FImage, Object.assign({ key: '0aa9eb3ba5a6ea9c25c9f44637ef53b24fd90c4e' }, propsFImage, { onClick: (event) => {
+        return (index.h(index.Host, { key: '94065214e2a71b21f5c267b9e674a87b80c9875c' }, index.h("style", { key: '4bb5e3698c6f7a0ec37b13ddc461d4c3e08ad71f' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '2c3d0c38823f5444d9cf94f141f4399b32b0f1f4', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '4486f4bb1ef72269e23cb1f5277657310789a277' }, props)), index.h(fImage.FImage, Object.assign({ key: '66a5d473165b7b1f2467fb4e4210011fbb32016a' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));
@@ -195,6 +195,7 @@ const KupTypography = class {
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
     }
+    static get assetsDirs() { return ["assets/fonts"]; }
     get rootElement() { return index.getElement(this); }
 };
 _KupTypography_clickCbDropCard = new WeakMap(), _KupTypography_dropDownActionCardAnchor = new WeakMap();

package/dist/cjs/kup-typography.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kup-typography.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FTypographyType","KupDynamicPositionPlacement","getProps","forceUpdate","setProps","h","Host","componentWrapperId","FTypography","FImage"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/*\n Props of the kup-typography component.\n * Used to export every prop in an object.\n /\nexport enum KupTypographyProps {\n data = 'the text of the text',\n Style = 'it is the style of the text',\n Border = 'when true it will appear a border',\n BorderWidth = 'it is the width of the border',\n Align = 'text alignment',\n FontBold = 'when true it will display the bold font',\n FontItalic = 'when true it will display the italic ( cursive )',\n FontName = 'it is the name of the font',\n FontSize = 'it is the size of the font of the text',\n FontULine = 'when true it will show the underline',\n FontColor = 'it is the color of the font of the text',\n BackColor = 'it is the background color of the text',\n Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n KupManager,\n KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n FTypographyProps,\n FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n KupTypographyClickEventPayload,\n KupTypographyIconClickEventPayload,\n KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n KupDynamicPositionAnchor,\n KupDynamicPositionElement,\n KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n tag: 'kup-typography',\n styleUrl: 'kup-typography.scss',\n shadow: true,\n})\nexport class KupTypography {\n /\n References the root HTML element of the component (<kup-typography>).\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 Manage the toolbar icon. If true is visible, otherwise is not\n * @default null\n /\n @Prop() toolbar: boolean = true;\n /\n Display DataNode Toolbar.\n * @default null\n /\n @Prop() toolbarData: KupDataNode[];\n /\n Sets the sizing of the textfield\n * @default FTypographyType.BODY_COMPACT\n /\n @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n /\n This is the content of the text\n * @default null\n /\n @Prop() value: string = null;\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 private kupManager: KupManager = kupManagerInstance();\n #clickCbDropCard: KupManagerClickCb = null;\n /\n Toolbar List.\n /\n private toolbarList: KupDynamicPositionElement;\n #dropDownActionCardAnchor: HTMLElement = null;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-typography-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n });\n }\n\n onKupIconClick(el: HTMLElement) {\n this.#dropDownActionCardAnchor = el;\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.createDropDownToolbarList();\n }\n\n onKupToolbarItemClick(e: CustomEvent) {\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n node: e.detail.selected,\n });\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n closeRowToolbarList() {\n if (this.toolbarList) {\n this.kupManager.dynamicPosition.stop(\n this.toolbarList as KupDynamicPositionElement\n );\n this.kupManager.removeClickCallback(this.#clickCbDropCard);\n this.toolbarList.remove();\n this.toolbarList = null;\n }\n }\n\n createDropDownToolbarList() {\n if (this.toolbarList) {\n this.closeRowToolbarList();\n }\n const listEl = document.createElement('kup-toolbar');\n listEl.data = this.toolbarData;\n listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n this.onKupToolbarItemClick(e);\n setTimeout(() => {\n this.closeRowToolbarList();\n }, 0);\n });\n this.toolbarList = listEl;\n this.#clickCbDropCard = {\n cb: () => {\n this.closeRowToolbarList();\n },\n el: this.toolbarList,\n };\n\n this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n this.rootElement.shadowRoot.appendChild(this.toolbarList);\n requestAnimationFrame(() => {\n this.kupManager.dynamicPosition.register(\n this.toolbarList as unknown as KupDynamicPositionElement,\n this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n 0,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n this.kupManager.dynamicPosition.start(\n this.toolbarList as unknown as KupDynamicPositionElement\n );\n });\n }\n\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, KupTypographyProps, 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTypographyProps = {\n toolbar: this.toolbar,\n value: this.value,\n type: this.type,\n };\n\n const propsFImage: FImageProps = {\n color: 'var(--kup-gray-color-70)',\n resource: 'more_vert',\n sizeX: '16px',\n sizeY: '16px',\n wrapperClass: 'image__iconToolbar',\n };\n const classObjParent: Record<string, boolean> = {\n 'kup-typography--wrap': props.toolbar ? true : false,\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 class={classObjParent}\n onClick={() => this.onKupClick}\n >\n <FTypography {...props} />\n <FImage\n {...propsFImage}\n onClick={(event: MouseEvent) => {\n event.stopPropagation();\n this.onKupIconClick(\n event.currentTarget as HTMLElement\n );\n }}\n />\n </div>\n </Host>\n );\n }\n disconnectedCallback() {\n this.kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-typography.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FTypographyType","KupDynamicPositionPlacement","getProps","forceUpdate","setProps","h","Host","componentWrapperId","FTypography","FImage"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/*\n Props of the kup-typography component.\n * Used to export every prop in an object.\n /\nexport enum KupTypographyProps {\n data = 'the text of the text',\n Style = 'it is the style of the text',\n Border = 'when true it will appear a border',\n BorderWidth = 'it is the width of the border',\n Align = 'text alignment',\n FontBold = 'when true it will display the bold font',\n FontItalic = 'when true it will display the italic ( cursive )',\n FontName = 'it is the name of the font',\n FontSize = 'it is the size of the font of the text',\n FontULine = 'when true it will show the underline',\n FontColor = 'it is the color of the font of the text',\n BackColor = 'it is the background color of the text',\n Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n KupManager,\n KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n FTypographyProps,\n FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n KupTypographyClickEventPayload,\n KupTypographyIconClickEventPayload,\n KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n KupDynamicPositionAnchor,\n KupDynamicPositionElement,\n KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n assetsDirs: ['assets/fonts'],\n tag: 'kup-typography',\n styleUrl: 'kup-typography.scss',\n shadow: true,\n})\nexport class KupTypography {\n /\n References the root HTML element of the component (<kup-typography>).\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 Manage the toolbar icon. If true is visible, otherwise is not\n * @default null\n /\n @Prop() toolbar: boolean = true;\n /\n Display DataNode Toolbar.\n * @default null\n /\n @Prop() toolbarData: KupDataNode[];\n /\n Sets the sizing of the textfield\n * @default FTypographyType.BODY_COMPACT\n /\n @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n /\n This is the content of the text\n * @default null\n /\n @Prop() value: string = null;\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 private kupManager: KupManager = kupManagerInstance();\n #clickCbDropCard: KupManagerClickCb = null;\n /\n Toolbar List.\n /\n private toolbarList: KupDynamicPositionElement;\n #dropDownActionCardAnchor: HTMLElement = null;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-typography-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n });\n }\n\n onKupIconClick(el: HTMLElement) {\n this.#dropDownActionCardAnchor = el;\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.createDropDownToolbarList();\n }\n\n onKupToolbarItemClick(e: CustomEvent) {\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n node: e.detail.selected,\n });\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n closeRowToolbarList() {\n if (this.toolbarList) {\n this.kupManager.dynamicPosition.stop(\n this.toolbarList as KupDynamicPositionElement\n );\n this.kupManager.removeClickCallback(this.#clickCbDropCard);\n this.toolbarList.remove();\n this.toolbarList = null;\n }\n }\n\n createDropDownToolbarList() {\n if (this.toolbarList) {\n this.closeRowToolbarList();\n }\n const listEl = document.createElement('kup-toolbar');\n listEl.data = this.toolbarData;\n listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n this.onKupToolbarItemClick(e);\n setTimeout(() => {\n this.closeRowToolbarList();\n }, 0);\n });\n this.toolbarList = listEl;\n this.#clickCbDropCard = {\n cb: () => {\n this.closeRowToolbarList();\n },\n el: this.toolbarList,\n };\n\n this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n this.rootElement.shadowRoot.appendChild(this.toolbarList);\n requestAnimationFrame(() => {\n this.kupManager.dynamicPosition.register(\n this.toolbarList as unknown as KupDynamicPositionElement,\n this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n 0,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n this.kupManager.dynamicPosition.start(\n this.toolbarList as unknown as KupDynamicPositionElement\n );\n });\n }\n\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, KupTypographyProps, 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTypographyProps = {\n toolbar: this.toolbar,\n value: this.value,\n type: this.type,\n };\n\n const propsFImage: FImageProps = {\n color: 'var(--kup-gray-color-70)',\n resource: 'more_vert',\n sizeX: '16px',\n sizeY: '16px',\n wrapperClass: 'image__iconToolbar',\n };\n const classObjParent: Record<string, boolean> = {\n 'kup-typography--wrap': props.toolbar ? true : false,\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 class={classObjParent}\n onClick={() => this.onKupClick}\n >\n <FTypography {...props} />\n <FImage\n {...propsFImage}\n onClick={(event: MouseEvent) => {\n event.stopPropagation();\n this.onKupIconClick(\n event.currentTarget as HTMLElement\n );\n }}\n />\n </div>\n </Host>\n );\n }\n disconnectedCallback() {\n this.kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

package/dist/collection/components/kup-typography/assets/fonts/IBMPlexMono-Regular.woff ADDED Viewed

Binary file

package/dist/collection/components/kup-typography/assets/fonts/IBMPlexMono-Regular.woff2 ADDED Viewed

Binary file

package/dist/collection/components/kup-typography/assets/fonts/IBMPlexSans-Regular.woff ADDED Viewed

Binary file

package/dist/collection/components/kup-typography/assets/fonts/IBMPlexSans-Regular.woff2 ADDED Viewed

Binary file

package/dist/collection/components/kup-typography/kup-typography.js CHANGED Viewed

@@ -157,7 +157,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '9b6d456eb00745c049ad88669c69421503a0689e' }, h("style", { key: '805ec04b61f03df27983446576d90e72555b3dc2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a9740d5f078e2bb88ce9cf883af4c3c389117437', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '77aba9c411341c4c8977b0bd2e304373029844de' }, props)), h(FImage, Object.assign({ key: '0aa9eb3ba5a6ea9c25c9f44637ef53b24fd90c4e' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: '94065214e2a71b21f5c267b9e674a87b80c9875c' }, h("style", { key: '4bb5e3698c6f7a0ec37b13ddc461d4c3e08ad71f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2c3d0c38823f5444d9cf94f141f4399b32b0f1f4', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '4486f4bb1ef72269e23cb1f5277657310789a277' }, props)), h(FImage, Object.assign({ key: '66a5d473165b7b1f2467fb4e4210011fbb32016a' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));
@@ -177,6 +177,7 @@ export class KupTypography {
             "$": ["kup-typography.css"]
         };
     }
+    static get assetsDirs() { return ["assets/fonts"]; }
     static get properties() {
         return {
             "customStyle": {

package/dist/collection/components/kup-typography/kup-typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-typography.js","sourceRoot":"","sources":["../../../src/components/kup-typography/kup-typography.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n KupManager,\n KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n FTypographyProps,\n FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n KupTypographyClickEventPayload,\n KupTypographyIconClickEventPayload,\n KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n KupDynamicPositionAnchor,\n KupDynamicPositionElement,\n KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n tag: 'kup-typography',\n styleUrl: 'kup-typography.scss',\n shadow: true,\n})\nexport class KupTypography {\n /*\n References the root HTML element of the component (<kup-typography>).\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 Manage the toolbar icon. If true is visible, otherwise is not\n * @default null\n /\n @Prop() toolbar: boolean = true;\n /\n Display DataNode Toolbar.\n * @default null\n /\n @Prop() toolbarData: KupDataNode[];\n /\n Sets the sizing of the textfield\n * @default FTypographyType.BODY_COMPACT\n /\n @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n /\n This is the content of the text\n * @default null\n /\n @Prop() value: string = null;\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 private kupManager: KupManager = kupManagerInstance();\n #clickCbDropCard: KupManagerClickCb = null;\n /\n Toolbar List.\n /\n private toolbarList: KupDynamicPositionElement;\n #dropDownActionCardAnchor: HTMLElement = null;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-typography-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n });\n }\n\n onKupIconClick(el: HTMLElement) {\n this.#dropDownActionCardAnchor = el;\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.createDropDownToolbarList();\n }\n\n onKupToolbarItemClick(e: CustomEvent) {\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n node: e.detail.selected,\n });\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n closeRowToolbarList() {\n if (this.toolbarList) {\n this.kupManager.dynamicPosition.stop(\n this.toolbarList as KupDynamicPositionElement\n );\n this.kupManager.removeClickCallback(this.#clickCbDropCard);\n this.toolbarList.remove();\n this.toolbarList = null;\n }\n }\n\n createDropDownToolbarList() {\n if (this.toolbarList) {\n this.closeRowToolbarList();\n }\n const listEl = document.createElement('kup-toolbar');\n listEl.data = this.toolbarData;\n listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n this.onKupToolbarItemClick(e);\n setTimeout(() => {\n this.closeRowToolbarList();\n }, 0);\n });\n this.toolbarList = listEl;\n this.#clickCbDropCard = {\n cb: () => {\n this.closeRowToolbarList();\n },\n el: this.toolbarList,\n };\n\n this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n this.rootElement.shadowRoot.appendChild(this.toolbarList);\n requestAnimationFrame(() => {\n this.kupManager.dynamicPosition.register(\n this.toolbarList as unknown as KupDynamicPositionElement,\n this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n 0,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n this.kupManager.dynamicPosition.start(\n this.toolbarList as unknown as KupDynamicPositionElement\n );\n });\n }\n\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, KupTypographyProps, 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTypographyProps = {\n toolbar: this.toolbar,\n value: this.value,\n type: this.type,\n };\n\n const propsFImage: FImageProps = {\n color: 'var(--kup-gray-color-70)',\n resource: 'more_vert',\n sizeX: '16px',\n sizeY: '16px',\n wrapperClass: 'image__iconToolbar',\n };\n const classObjParent: Record<string, boolean> = {\n 'kup-typography--wrap': props.toolbar ? true : false,\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 class={classObjParent}\n onClick={() => this.onKupClick}\n >\n <FTypography {...props} />\n <FImage\n {...propsFImage}\n onClick={(event: MouseEvent) => {\n event.stopPropagation();\n this.onKupIconClick(\n event.currentTarget as HTMLElement\n );\n }}\n />\n </div>\n </Host>\n );\n }\n disconnectedCallback() {\n this.kupManager.theme.unregister(this);\n }\n}\n"]}
1	+ {"version":3,"file":"kup-typography.js","sourceRoot":"","sources":["../../../src/components/kup-typography/kup-typography.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n KupManager,\n KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n FTypographyProps,\n FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n KupTypographyClickEventPayload,\n KupTypographyIconClickEventPayload,\n KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n KupDynamicPositionAnchor,\n KupDynamicPositionElement,\n KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n assetsDirs: ['assets/fonts'],\n tag: 'kup-typography',\n styleUrl: 'kup-typography.scss',\n shadow: true,\n})\nexport class KupTypography {\n /*\n References the root HTML element of the component (<kup-typography>).\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 Manage the toolbar icon. If true is visible, otherwise is not\n * @default null\n /\n @Prop() toolbar: boolean = true;\n /\n Display DataNode Toolbar.\n * @default null\n /\n @Prop() toolbarData: KupDataNode[];\n /\n Sets the sizing of the textfield\n * @default FTypographyType.BODY_COMPACT\n /\n @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n /\n This is the content of the text\n * @default null\n /\n @Prop() value: string = null;\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 private kupManager: KupManager = kupManagerInstance();\n #clickCbDropCard: KupManagerClickCb = null;\n /\n Toolbar List.\n /\n private toolbarList: KupDynamicPositionElement;\n #dropDownActionCardAnchor: HTMLElement = null;\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-typography-iconclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n @Event({\n eventName: 'kup-typography-itemclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n onKupClick() {\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n });\n }\n\n onKupIconClick(el: HTMLElement) {\n this.#dropDownActionCardAnchor = el;\n this.kupIconClick.emit({\n comp: this,\n id: this.rootElement.id,\n });\n this.createDropDownToolbarList();\n }\n\n onKupToolbarItemClick(e: CustomEvent) {\n this.kupItemClick.emit({\n comp: this,\n id: this.rootElement.id,\n value: this.value,\n node: e.detail.selected,\n });\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n closeRowToolbarList() {\n if (this.toolbarList) {\n this.kupManager.dynamicPosition.stop(\n this.toolbarList as KupDynamicPositionElement\n );\n this.kupManager.removeClickCallback(this.#clickCbDropCard);\n this.toolbarList.remove();\n this.toolbarList = null;\n }\n }\n\n createDropDownToolbarList() {\n if (this.toolbarList) {\n this.closeRowToolbarList();\n }\n const listEl = document.createElement('kup-toolbar');\n listEl.data = this.toolbarData;\n listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n this.onKupToolbarItemClick(e);\n setTimeout(() => {\n this.closeRowToolbarList();\n }, 0);\n });\n this.toolbarList = listEl;\n this.#clickCbDropCard = {\n cb: () => {\n this.closeRowToolbarList();\n },\n el: this.toolbarList,\n };\n\n this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n this.rootElement.shadowRoot.appendChild(this.toolbarList);\n requestAnimationFrame(() => {\n this.kupManager.dynamicPosition.register(\n this.toolbarList as unknown as KupDynamicPositionElement,\n this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n 0,\n KupDynamicPositionPlacement.AUTO,\n true\n );\n this.kupManager.dynamicPosition.start(\n this.toolbarList as unknown as KupDynamicPositionElement\n );\n });\n }\n\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, KupTypographyProps, 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FTypographyProps = {\n toolbar: this.toolbar,\n value: this.value,\n type: this.type,\n };\n\n const propsFImage: FImageProps = {\n color: 'var(--kup-gray-color-70)',\n resource: 'more_vert',\n sizeX: '16px',\n sizeY: '16px',\n wrapperClass: 'image__iconToolbar',\n };\n const classObjParent: Record<string, boolean> = {\n 'kup-typography--wrap': props.toolbar ? true : false,\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 class={classObjParent}\n onClick={() => this.onKupClick}\n >\n <FTypography {...props} />\n <FImage\n {...propsFImage}\n onClick={(event: MouseEvent) => {\n event.stopPropagation();\n this.onKupIconClick(\n event.currentTarget as HTMLElement\n );\n }}\n />\n </div>\n </Host>\n );\n }\n disconnectedCallback() {\n this.kupManager.theme.unregister(this);\n }\n}\n"]}

package/dist/collection/managers/kup-theme/kup-theme-declarations.js CHANGED Viewed

@@ -244,4 +244,13 @@ export var KupThemeIconValues;
     KupThemeIconValues["KEY"] = "--kup-key-icon";
     KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
+export var KupThemeFonts;
+(function (KupThemeFonts) {
+    KupThemeFonts["IBM_PLEX_MONO"] = "IbmPlexMono-Regular";
+    KupThemeFonts["IBM_PLEX_SANS"] = "IbmPlexSans-Regular";
+})(KupThemeFonts || (KupThemeFonts = {}));
+export const KupThemeFontFamilyMap = {
+    [KupThemeFonts.IBM_PLEX_MONO]: 'IBM Plex Mono',
+    [KupThemeFonts.IBM_PLEX_SANS]: 'IBM Plex Sans',
+};
 //# sourceMappingURL=kup-theme-declarations.js.map

package/dist/collection/managers/kup-theme/kup-theme-declarations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-theme-declarations.js","sourceRoot":"","sources":["../../../src/managers/kup-theme/kup-theme-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import { GenericObject, KupTagNames } from '../../types/GenericTypes';\n\n/*\n Variable used to fetch the MASTER customStyle (used in every component).\n /\nexport const masterCustomStyle = 'MASTER';\n/\n Components using the FButton functional component.\n /\nexport const fButtonUsers = [\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.IMAGE_LIST,\n KupTagNames.SNACKBAR,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FCell functional component.\n /\nexport const fCellUsers = [\n KupTagNames.BOX,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FCheckbox functional component.\n /\nexport const fCheckboxUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FChip functional component.\n /\nexport const fChipUsers = [\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FImage functional component.\n /\nexport const fImageUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.ACTIVITY_TIMELINE,\n KupTagNames.BADGE,\n KupTagNames.BOX,\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DIALOG,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.IMAGE,\n KupTagNames.IMAGE_LIST,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.MAGIC_BOX,\n KupTagNames.RADIO,\n KupTagNames.SNACKBAR,\n KupTagNames.TAB_BAR,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TOOLBAR,\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FPaginator functional component.\n /\nexport const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];\n/\n Components using the FProgressBar functional component.\n /\nexport const fProgressBarUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.PROGRESS_BAR,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FRadio functional component.\n /\nexport const fRadioUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.RADIO,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FRating functional component.\n /\nexport const fRatingUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.RATING,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FSwitch functional component.\n /\nexport const fSwitchUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.SWITCH,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n\n/\n Components using the FSwitch functional component.\n /\nexport const fTypographyUsers = [\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n];\n/\n Components using the FTextField functional component.\n /\nexport const fTextFieldUsers = [\n KupTagNames.AUTOCOMPLETE,\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.COLOR_PICKER,\n KupTagNames.COMBOBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DATE_PICKER,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.NUMERIC_PICKER,\n KupTagNames.PLANNER,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TIME_PICKER,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the MDC ripple effect.\n /\nexport const rippleUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.CARD,\n KupTagNames.IMAGE_LIST,\n KupTagNames.TAB_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the Editor component.\n /\nexport const editorUsers = [KupTagNames.INPUT_PANEL];\n/\n Interface of the themes JSON.\n /\nexport interface KupThemeJSON {\n [index: string]: KupThemeElement;\n}\n/\n Interface wrapping all the others.\n /\nexport interface KupThemeElement {\n cssVariables: KupThemeCSSVariables;\n icons: KupThemeIcons;\n customStyles?: GenericObject;\n imports?: string[];\n}\n/\n All CSS variables managed by KupTheme.\n /\nexport interface KupThemeCSSVariables {\n [KupThemeColorValues.PRIMARY]: string;\n [KupThemeColorValues.SECONDARY]: string;\n [KupThemeColorValues.BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR]: string;\n [KupThemeColorValues.DRAWER]: string;\n [KupThemeColorValues.DRAWER_BACKGROUND]: string;\n '--kup-navbar-height': string;\n '--kup-drawer-width': string;\n '--kup-font-family': string;\n '--kup-font-size': string;\n [KupThemeColorValues.TEXT]: string;\n [KupThemeColorValues.TEXT_ON_PRIMARY]: string;\n [KupThemeColorValues.DISABLED_BACKGROUND]: string;\n [KupThemeColorValues.DISABLED]: string;\n [KupThemeColorValues.HOVER_BACKGROUND]: string;\n [KupThemeColorValues.HOVER]: string;\n [KupThemeColorValues.TITLE_BACKGROUND]: string;\n [KupThemeColorValues.TITLE]: string;\n [KupThemeColorValues.ICON]: string;\n [KupThemeColorValues.BORDER]: string;\n '--kup-box-shadow': string;\n [KupThemeColorValues.INFO]: string;\n [KupThemeColorValues.SUCCESS]: string;\n [KupThemeColorValues.WARNING]: string;\n [KupThemeColorValues.DANGER]: string;\n [KupThemeColorValues.SPINNER]: string;\n [KupThemeColorValues.CHART_1]: string;\n [KupThemeColorValues.CHART_2]: string;\n [KupThemeColorValues.CHART_3]: string;\n [KupThemeColorValues.CHART_4]: string;\n '--kup-font-family-monospace': string;\n '--kup-obj-cursor': string;\n [KupThemeColorValues.TEXT_ON_SECONDARY]: string;\n '--kup-card-zindex': number;\n '--kup-drawer-zindex': number;\n '--kup-navbar-zindex': number;\n}\n/\n All icons managed by KupTheme.\n /\nexport interface KupThemeIcons {\n [KupThemeIconValues.ASCENDING]: string;\n [KupThemeIconValues.CLEAR]: string;\n [KupThemeIconValues.COLLAPSED]: string;\n [KupThemeIconValues.DESCENDING]: string;\n [KupThemeIconValues.DROPDOWN]: string;\n [KupThemeIconValues.EXPANDED]: string;\n [KupThemeIconValues.FILTER_REMOVE]: string;\n}\n/\n Object returned by the colorCheck method, containing hex/rgb/hsl CSS colors and rgb/hsl values.\n /\nexport interface KupThemeColor {\n hexColor: string;\n hslColor: string;\n hslValues: string;\n hue: string;\n lightness: string;\n saturation: string;\n rgbColor: string;\n rgbValues: string;\n}\n/\n Interface of a color described by RGB colors.\n /\nexport interface KupThemeRGBValues {\n r: number;\n g: number;\n b: number;\n}\n/\n Interface of a color described by HSL colors.\n /\nexport interface KupThemeHSLValues {\n h: number;\n s: number;\n l: number;\n}\n/\n List of all colors.\n /\nexport enum KupThemeColorValues {\n PRIMARY = '--kup-primary-color',\n SECONDARY = '--kup-secondary-color',\n BACKGROUND = '--kup-background-color',\n NAV_BAR = '--kup-navbar-color',\n NAV_BAR_BACKGROUND = '--kup-navbar-background-color',\n DRAWER = '--kup-drawer-color',\n DRAWER_BACKGROUND = '--kup-drawer-background-color',\n TEXT = '--kup-text-color',\n TEXT_ON_PRIMARY = '--kup-text-on-primary-color',\n TEXT_ON_SECONDARY = '--kup-text-on-secondary-color',\n DISABLED_BACKGROUND = '--kup-disabled-background-color',\n DISABLED = '--kup-disabled-color',\n HOVER_BACKGROUND = '--kup-hover-background-color',\n HOVER = '--kup-hover-color',\n TITLE_BACKGROUND = '--kup-title-background-color',\n TITLE = '--kup-title-color',\n ICON = '--kup-text-secondary',\n BORDER = '--kup-border-subtle',\n INFO = '--kup-info-color-50',\n SUCCESS = '--kup-success-color-50',\n WARNING = '--kup-warning-color-50',\n DANGER = '--kup-danger-color-50',\n SPINNER = '--kup-spinner-color',\n CHART_1 = '--kup-chart-color-1',\n CHART_2 = '--kup-chart-color-2',\n CHART_3 = '--kup-chart-color-3',\n CHART_4 = '--kup-chart-color-4',\n}\n/\n List of all icons.\n */\nexport enum KupThemeIconValues {\n ASCENDING = '--kup-ascending-icon',\n CLEAR = '--kup-clear-icon',\n COLLAPSED = '--kup-collapsed-icon',\n DESCENDING = '--kup-descending-icon',\n DROPDOWN = '--kup-dropdown-icon',\n EXPANDED = '--kup-expanded-icon',\n FILTER_REMOVE = '--kup-filter-remove-icon',\n KEY = '--kup-key-icon',\n SEARCH = '--kup-search-icon',\n}\n"]}
1	+ {"version":3,"file":"kup-theme-declarations.js","sourceRoot":"","sources":["../../../src/managers/kup-theme/kup-theme-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import { GenericObject, KupTagNames } from '../../types/GenericTypes';\n\n/*\n Variable used to fetch the MASTER customStyle (used in every component).\n /\nexport const masterCustomStyle = 'MASTER';\n/\n Components using the FButton functional component.\n /\nexport const fButtonUsers = [\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.IMAGE_LIST,\n KupTagNames.SNACKBAR,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FCell functional component.\n /\nexport const fCellUsers = [\n KupTagNames.BOX,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FCheckbox functional component.\n /\nexport const fCheckboxUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FChip functional component.\n /\nexport const fChipUsers = [\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FImage functional component.\n /\nexport const fImageUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.ACTIVITY_TIMELINE,\n KupTagNames.BADGE,\n KupTagNames.BOX,\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DIALOG,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.IMAGE,\n KupTagNames.IMAGE_LIST,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.MAGIC_BOX,\n KupTagNames.RADIO,\n KupTagNames.SNACKBAR,\n KupTagNames.TAB_BAR,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TOOLBAR,\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FPaginator functional component.\n /\nexport const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];\n/\n Components using the FProgressBar functional component.\n /\nexport const fProgressBarUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.PROGRESS_BAR,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FRadio functional component.\n /\nexport const fRadioUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.RADIO,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FRating functional component.\n /\nexport const fRatingUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.RATING,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the FSwitch functional component.\n /\nexport const fSwitchUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.SWITCH,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n\n/\n Components using the FSwitch functional component.\n /\nexport const fTypographyUsers = [\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n];\n/\n Components using the FTextField functional component.\n /\nexport const fTextFieldUsers = [\n KupTagNames.AUTOCOMPLETE,\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.COLOR_PICKER,\n KupTagNames.COMBOBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DATE_PICKER,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.NUMERIC_PICKER,\n KupTagNames.PLANNER,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TIME_PICKER,\n KupTagNames.TREE,\n KupTagNames.TOOLBAR,\n];\n/\n Components using the MDC ripple effect.\n /\nexport const rippleUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.CARD,\n KupTagNames.IMAGE_LIST,\n KupTagNames.TAB_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the Editor component.\n /\nexport const editorUsers = [KupTagNames.INPUT_PANEL];\n/\n Interface of the themes JSON.\n /\nexport interface KupThemeJSON {\n [index: string]: KupThemeElement;\n}\n/\n Interface wrapping all the others.\n /\nexport interface KupThemeElement {\n cssVariables: KupThemeCSSVariables;\n icons: KupThemeIcons;\n customStyles?: GenericObject;\n fonts?: KupThemeFonts[];\n}\n/\n All CSS variables managed by KupTheme.\n /\nexport interface KupThemeCSSVariables {\n [KupThemeColorValues.PRIMARY]: string;\n [KupThemeColorValues.SECONDARY]: string;\n [KupThemeColorValues.BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR]: string;\n [KupThemeColorValues.DRAWER]: string;\n [KupThemeColorValues.DRAWER_BACKGROUND]: string;\n '--kup-navbar-height': string;\n '--kup-drawer-width': string;\n '--kup-font-family': string;\n '--kup-font-size': string;\n [KupThemeColorValues.TEXT]: string;\n [KupThemeColorValues.TEXT_ON_PRIMARY]: string;\n [KupThemeColorValues.DISABLED_BACKGROUND]: string;\n [KupThemeColorValues.DISABLED]: string;\n [KupThemeColorValues.HOVER_BACKGROUND]: string;\n [KupThemeColorValues.HOVER]: string;\n [KupThemeColorValues.TITLE_BACKGROUND]: string;\n [KupThemeColorValues.TITLE]: string;\n [KupThemeColorValues.ICON]: string;\n [KupThemeColorValues.BORDER]: string;\n '--kup-box-shadow': string;\n [KupThemeColorValues.INFO]: string;\n [KupThemeColorValues.SUCCESS]: string;\n [KupThemeColorValues.WARNING]: string;\n [KupThemeColorValues.DANGER]: string;\n [KupThemeColorValues.SPINNER]: string;\n [KupThemeColorValues.CHART_1]: string;\n [KupThemeColorValues.CHART_2]: string;\n [KupThemeColorValues.CHART_3]: string;\n [KupThemeColorValues.CHART_4]: string;\n '--kup-font-family-monospace': string;\n '--kup-obj-cursor': string;\n [KupThemeColorValues.TEXT_ON_SECONDARY]: string;\n '--kup-card-zindex': number;\n '--kup-drawer-zindex': number;\n '--kup-navbar-zindex': number;\n}\n/\n All icons managed by KupTheme.\n /\nexport interface KupThemeIcons {\n [KupThemeIconValues.ASCENDING]: string;\n [KupThemeIconValues.CLEAR]: string;\n [KupThemeIconValues.COLLAPSED]: string;\n [KupThemeIconValues.DESCENDING]: string;\n [KupThemeIconValues.DROPDOWN]: string;\n [KupThemeIconValues.EXPANDED]: string;\n [KupThemeIconValues.FILTER_REMOVE]: string;\n}\n/\n Object returned by the colorCheck method, containing hex/rgb/hsl CSS colors and rgb/hsl values.\n /\nexport interface KupThemeColor {\n hexColor: string;\n hslColor: string;\n hslValues: string;\n hue: string;\n lightness: string;\n saturation: string;\n rgbColor: string;\n rgbValues: string;\n}\n/\n Interface of a color described by RGB colors.\n /\nexport interface KupThemeRGBValues {\n r: number;\n g: number;\n b: number;\n}\n/\n Interface of a color described by HSL colors.\n /\nexport interface KupThemeHSLValues {\n h: number;\n s: number;\n l: number;\n}\n/\n List of all colors.\n /\nexport enum KupThemeColorValues {\n PRIMARY = '--kup-primary-color',\n SECONDARY = '--kup-secondary-color',\n BACKGROUND = '--kup-background-color',\n NAV_BAR = '--kup-navbar-color',\n NAV_BAR_BACKGROUND = '--kup-navbar-background-color',\n DRAWER = '--kup-drawer-color',\n DRAWER_BACKGROUND = '--kup-drawer-background-color',\n TEXT = '--kup-text-color',\n TEXT_ON_PRIMARY = '--kup-text-on-primary-color',\n TEXT_ON_SECONDARY = '--kup-text-on-secondary-color',\n DISABLED_BACKGROUND = '--kup-disabled-background-color',\n DISABLED = '--kup-disabled-color',\n HOVER_BACKGROUND = '--kup-hover-background-color',\n HOVER = '--kup-hover-color',\n TITLE_BACKGROUND = '--kup-title-background-color',\n TITLE = '--kup-title-color',\n ICON = '--kup-text-secondary',\n BORDER = '--kup-border-subtle',\n INFO = '--kup-info-color-50',\n SUCCESS = '--kup-success-color-50',\n WARNING = '--kup-warning-color-50',\n DANGER = '--kup-danger-color-50',\n SPINNER = '--kup-spinner-color',\n CHART_1 = '--kup-chart-color-1',\n CHART_2 = '--kup-chart-color-2',\n CHART_3 = '--kup-chart-color-3',\n CHART_4 = '--kup-chart-color-4',\n}\n/\n List of all icons.\n */\nexport enum KupThemeIconValues {\n ASCENDING = '--kup-ascending-icon',\n CLEAR = '--kup-clear-icon',\n COLLAPSED = '--kup-collapsed-icon',\n DESCENDING = '--kup-descending-icon',\n DROPDOWN = '--kup-dropdown-icon',\n EXPANDED = '--kup-expanded-icon',\n FILTER_REMOVE = '--kup-filter-remove-icon',\n KEY = '--kup-key-icon',\n SEARCH = '--kup-search-icon',\n}\nexport enum KupThemeFonts {\n IBM_PLEX_MONO = 'IbmPlexMono-Regular',\n IBM_PLEX_SANS = 'IbmPlexSans-Regular',\n}\nexport const KupThemeFontFamilyMap: Record<KupThemeFonts, string> = {\n [KupThemeFonts.IBM_PLEX_MONO]: 'IBM Plex Mono',\n [KupThemeFonts.IBM_PLEX_SANS]: 'IBM Plex Sans',\n};\n"]}

package/dist/collection/managers/kup-theme/kup-theme.js CHANGED Viewed

@@ -15,7 +15,7 @@ import * as fSwitchCSS from "../../f-components/f-switch/f-switch.css";
 import * as fTextFieldCSS from "../../f-components/f-text-field/f-text-field.css";
 import * as FTypographyCSS from "../../f-components/f-typography/f-typography.css";
 import * as rippleCSS from "./mdc-ripple.css";
-import { editorUsers, fButtonUsers, fCellUsers, fCheckboxUsers, fChipUsers, fImageUsers, fPaginatorUsers, fProgressBarUsers, fRadioUsers, fRatingUsers, fSwitchUsers, fTypographyUsers, fTextFieldUsers, masterCustomStyle, rippleUsers, } from "./kup-theme-declarations";
+import { editorUsers, fButtonUsers, fCellUsers, fCheckboxUsers, fChipUsers, fImageUsers, fPaginatorUsers, fProgressBarUsers, fRadioUsers, fRatingUsers, fSwitchUsers, fTypographyUsers, fTextFieldUsers, masterCustomStyle, rippleUsers, KupThemeFontFamilyMap, } from "./kup-theme-declarations";
 import { KupDebugCategory } from "../kup-debug/kup-debug-declarations";
 const dom = document.documentElement;
 /**
@@ -35,18 +35,21 @@ export class KupTheme {
             .querySelector('head')
             .appendChild(document.createElement('style'));
     }
-    /**
-     * Sets the CSS variables of the theme.
-     */
-    imports() {
-        const imports = this.list[this.name].imports
-            ? this.list[this.name].imports
-            : [];
-        let css = '';
-        for (let index = 0; index < imports.length; index++) {
-            css += '@import ' + imports[index] + ';';
-        }
-        return css;
+    fonts() {
+        const theme = this.list[this.name];
+        let fonts = '';
+        if (theme.fonts) {
+            theme.fonts.forEach((f) => {
+                const fontPath = getAssetPath(`./assets/fonts/${f}`);
+                const fontFace = `@font-face {
+                    font-family: ${KupThemeFontFamilyMap[f]};
+                    src: url('${fontPath}.woff2') format('woff2'),
+                         url('${fontPath}.woff') format('woff');
+                  }`;
+                fonts += fontFace;
+            });
+        }
+        return fonts;
     }
     /**
      * Sets the CSS variables of the theme.
@@ -125,7 +128,7 @@ export class KupTheme {
         }
         this.cssVars = {};
         this.styleTag.innerText =
-            this.imports() +
+            this.fonts() +
                 ' :root[kup-theme="' +
                 this.name +
                 '"]{' +