1. Advisor
  2. @ui5/webcomponents-base
  3. @ui5/webcomponents-base code examples
View all @ui5/webcomponents-base analysis

How to use @ui5/webcomponents-base - 10 common examples

To help you get started, we’ve selected a few @ui5/webcomponents-base examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github external
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";

const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github external
/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github external
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / tools / lib / init-package / resources / src / json-imports / Themes.js View on Github external
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";

const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github external
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";

const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github external
import fiori3 from "../assets/themes/sap_fiori_3/parameters-bundle.css.json";
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";

const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / tools / lib / init-package / resources / src / json-imports / Themes.js View on Github external
const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / tools / lib / init-package / resources / src / json-imports / Themes.js View on Github external
/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / tools / lib / init-package / resources / src / json-imports / Themes.js View on Github external
// Main assets
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";

const isInlined = obj => typeof (obj) === "object";

/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */

registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);

registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);
github SAP / ui5-webcomponents / packages / main / src / Select.js View on Github external
_enableFormSupport() {
		const FormSupport = getFeature("FormSupport");
		if (FormSupport) {
			FormSupport.syncNativeHiddenInput(this, (element, nativeInput) => {
				nativeInput.disabled = element.disabled;
				nativeInput.value = element._currentlySelectedOption.value;
			});
		} else if (this.name) {
			console.warn(`In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
		}
	}

@ui5/webcomponents-base

UI5 Web Components: webcomponents.base

GitHub
Apache-2.0
Latest version published 1 month ago

Package Health Score

90 / 100
Full package analysis

Popular @ui5/webcomponents-base functions

Similar packages