Socket
Socket
Sign inDemoInstall

@ui5/webcomponents-base

Package Overview
Dependencies
Maintainers
5
Versions
482
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ui5/webcomponents-base - npm Package Compare versions

Comparing version 1.23.0-rc.5 to 1.23.0

4

dist/asset-registries/i18n.d.ts

@@ -17,4 +17,4 @@ type I18nLoader = (localeId: string) => Promise<I18nData>;

* It should be fully finished before the i18nBundle class is created in the webcomponents.
* This method uses the bundle URLs that are populated by the <code>registerI18nBundle</code> method.
* To simplify the usage, the synchronization of both methods happens internally for the same <code>bundleId</code>
* This method uses the bundle URLs that are populated by the `registerI18nBundle` method.
* To simplify the usage, the synchronization of both methods happens internally for the same `bundleId`
* @param {packageName} packageName the NPM package name

@@ -21,0 +21,0 @@ * @public

@@ -58,4 +58,4 @@ import getLocale from "../locale/getLocale.js";

* It should be fully finished before the i18nBundle class is created in the webcomponents.
* This method uses the bundle URLs that are populated by the <code>registerI18nBundle</code> method.
* To simplify the usage, the synchronization of both methods happens internally for the same <code>bundleId</code>
* This method uses the bundle URLs that are populated by the `registerI18nBundle` method.
* To simplify the usage, the synchronization of both methods happens internally for the same `bundleId`
* @param {packageName} packageName the NPM package name

@@ -62,0 +62,0 @@ * @public

@@ -7,2 +7,3 @@ import type { I18nText } from "../i18nBundle.js";

spotSvg: string;
dotSvg: string;
title: I18nText;

@@ -9,0 +10,0 @@ subtitle: I18nText;

@@ -47,2 +47,3 @@ import getSharedResource from "../getSharedResource.js";

spotSvg: data.spotSvg,
dotSvg: data.dotSvg,
title: data.title,

@@ -49,0 +50,0 @@ subtitle: data.subtitle,

@@ -14,3 +14,3 @@ declare enum RegisteredIconCollection {

* Registers collection version per theme.
* </b>For exmaple:</b> registerIconCollectionForTheme("my-custom-icons", {"sap_horizon": "my-custom-icons-v5"})
* **For exmaple:** registerIconCollectionForTheme("my-custom-icons", {"sap_horizon": "my-custom-icons-v5"})
* @param { string } collectionName

@@ -17,0 +17,0 @@ * @param { ThemeToCollectionMap } themeCollectionMap

@@ -26,3 +26,3 @@ import { isLegacyThemeFamily } from "../../config/Theme.js";

* Registers collection version per theme.
* </b>For exmaple:</b> registerIconCollectionForTheme("my-custom-icons", {"sap_horizon": "my-custom-icons-v5"})
* **For exmaple:** registerIconCollectionForTheme("my-custom-icons", {"sap_horizon": "my-custom-icons-v5"})
* @param { string } collectionName

@@ -29,0 +29,0 @@ * @param { ThemeToCollectionMap } themeCollectionMap

declare const isBooted: () => boolean;
/**
* Attaches a callback that will be executed after boot finishes.
* <b>Note:</b> If the framework already booted, the callback will be immediately executed.
* **Note:** If the framework already booted, the callback will be immediately executed.
* @public

@@ -6,0 +6,0 @@ * @param { Function } listener

@@ -18,3 +18,3 @@ import whenDOMReady from "./util/whenDOMReady.js";

* Attaches a callback that will be executed after boot finishes.
* <b>Note:</b> If the framework already booted, the callback will be immediately executed.
* **Note:** If the framework already booted, the callback will be immediately executed.
* @public

@@ -21,0 +21,0 @@ * @param { Function } listener

@@ -9,18 +9,18 @@ type IconCollection = string;

*
* <b>Usage</b>
* <b>For example</b>, to make "SAP-icons version 5.x" the default icon collection in "sap_fiori_3":
* **Usage**
* **For example**, to make "SAP-icons version 5.x" the default icon collection in "sap_fiori_3":
*
* <pre>
* ```
* setDefaultIconCollection("sap_fiori_3", "SAP-icons-v5");
*
* <ui5-icon name="home"></ui5-icon>
* </pre>
* ```
*
* <b>For example</b>, to make a custom icon collection (with name "my-custom-collection") the default icon collection in "sap_fiori_3":
* **For example**, to make a custom icon collection (with name "my-custom-collection") the default icon collection in "sap_fiori_3":
*
* <pre>
* ```
* setDefaultIconCollection("sap_fiori_3", "my-custom-collection");
*
* <ui5-icon name="custom-icon-name"></ui5-icon>
* </pre>
* ```
*

@@ -27,0 +27,0 @@ * @public

@@ -9,18 +9,18 @@ const IconCollectionConfiguration = new Map();

*
* <b>Usage</b>
* <b>For example</b>, to make "SAP-icons version 5.x" the default icon collection in "sap_fiori_3":
* **Usage**
* **For example**, to make "SAP-icons version 5.x" the default icon collection in "sap_fiori_3":
*
* <pre>
* ```
* setDefaultIconCollection("sap_fiori_3", "SAP-icons-v5");
*
* <ui5-icon name="home"></ui5-icon>
* </pre>
* ```
*
* <b>For example</b>, to make a custom icon collection (with name "my-custom-collection") the default icon collection in "sap_fiori_3":
* **For example**, to make a custom icon collection (with name "my-custom-collection") the default icon collection in "sap_fiori_3":
*
* <pre>
* ```
* setDefaultIconCollection("sap_fiori_3", "my-custom-collection");
*
* <ui5-icon name="custom-icon-name"></ui5-icon>
* </pre>
* ```
*

@@ -27,0 +27,0 @@ * @public

@@ -28,3 +28,3 @@ /**

* fetched over the network instead of using the inlined one.
* <b>Note:</b> By default the language will not be fetched.
* **Note:** By default the language will not be fetched.
*

@@ -31,0 +31,0 @@ * @public

@@ -51,3 +51,3 @@ import { getLanguage as getConfiguredLanguage, getFetchDefaultLanguage as getConfiguredFetchDefaultLanguage, } from "../InitialConfiguration.js";

* fetched over the network instead of using the inlined one.
* <b>Note:</b> By default the language will not be fetched.
* **Note:** By default the language will not be fetched.
*

@@ -54,0 +54,0 @@ * @public

@@ -32,3 +32,3 @@ /**

* Returns if the currently set theme is part of legacy theme families ("sap_belize" or "sap_fiori_3").
* <b>Note</b>: in addition, the method checks the base theme of a custom theme, built via the ThemeDesigner.
* **Note**: in addition, the method checks the base theme of a custom theme, built via the ThemeDesigner.
*

@@ -35,0 +35,0 @@ * @private

@@ -59,3 +59,3 @@ import { getTheme as getConfiguredTheme } from "../InitialConfiguration.js";

* Returns if the currently set theme is part of legacy theme families ("sap_belize" or "sap_fiori_3").
* <b>Note</b>: in addition, the method checks the base theme of a custom theme, built via the ThemeDesigner.
* **Note**: in addition, the method checks the base theme of a custom theme, built via the ThemeDesigner.
*

@@ -62,0 +62,0 @@ * @private

@@ -13,8 +13,6 @@ /**

*
* <b>Note:</b> The feature is specific to custom themes, created with the `UI Theme Designer`.
* **Note:** The feature is specific to custom themes, created with the `UI Theme Designer`.
* The provided theme root is used only as a base to construct the actual location of the theme styles: `{themeRoot}/.../css_variables.css`.
*
* <br/>
*
* <b>Note:</b> Certain security restrictions will apply before fetching the theme assets.
* **Note:** Certain security restrictions will apply before fetching the theme assets.
* Absolute URLs to a different origin than the current page will result in using the current page as an origin.

@@ -21,0 +19,0 @@ * To allow specific origins, use &lt;meta name="sap-allowedThemeOrigins" content="https://my-example-host.com/"&gt; tag inside the &lt;head&gt; of the page.

@@ -23,8 +23,6 @@ import createLinkInHead from "../util/createLinkInHead.js";

*
* <b>Note:</b> The feature is specific to custom themes, created with the `UI Theme Designer`.
* **Note:** The feature is specific to custom themes, created with the `UI Theme Designer`.
* The provided theme root is used only as a base to construct the actual location of the theme styles: `{themeRoot}/.../css_variables.css`.
*
* <br/>
*
* <b>Note:</b> Certain security restrictions will apply before fetching the theme assets.
* **Note:** Certain security restrictions will apply before fetching the theme assets.
* Absolute URLs to a different origin than the current page will result in using the current page as an origin.

@@ -31,0 +29,0 @@ * To allow specific origins, use &lt;meta name="sap-allowedThemeOrigins" content="https://my-example-host.com/"&gt; tag inside the &lt;head&gt; of the page.

@@ -10,3 +10,3 @@ /**

* Sets the IANA timezone ID.
* <b>For example:</b> "America/New_York", "Europe/London", "Australia/Sydney", "Asia/Bishkek", etc.
* **For example:** "America/New_York", "Europe/London", "Australia/Sydney", "Asia/Bishkek", etc.
*>

@@ -13,0 +13,0 @@ * @param {string} timezone

@@ -17,3 +17,3 @@ import { getTimezone as getConfiguredTimezone } from "../InitialConfiguration.js";

* Sets the IANA timezone ID.
* <b>For example:</b> "America/New_York", "Europe/London", "Australia/Sydney", "Asia/Bishkek", etc.
* **For example:** "America/New_York", "Europe/London", "Australia/Sydney", "Asia/Bishkek", etc.
*>

@@ -20,0 +20,0 @@ * @param {string} timezone

@@ -11,6 +11,8 @@ /**

/**
* Call this function to enable or disable the usage of <link> tags instead of <style> tags to achieve CSP compliance
* Example: "setUseLinks(true)" will unconditionally use <link> tags for all browsers;
* Example: "setUseLinks(!document.adoptedStyleSheets) will only enable the usage of <link> tags for browsers that do not support constructable stylesheets.
* Call this function to enable or disable the usage of `<link>` tags instead of `<style>` tags to achieve CSP compliance
*
* Example: "setUseLinks(true)" will unconditionally use `<link>` tags for all browsers.
*
* Example: "setUseLinks(!document.adoptedStyleSheets) will only enable the usage of `<link>` tags for browsers that do not support constructable stylesheets.
*
* @public

@@ -21,6 +23,7 @@ * @param use whether links will be used

/**
* Call this function to enable or disable the preloading of <link> tags.
* Note: only taken into account when <link> tags are being used.
* Note: links are being preloaded by default, so call "setPreloadLinks(false)" to opt out of this.
* Call this function to enable or disable the preloading of `<link>` tags.
*
* **Note:** only taken into account when `<link>` tags are being used.
* **Note:** links are being preloaded by default, so call "setPreloadLinks(false)" to opt out of this.
*
* @public

@@ -27,0 +30,0 @@ * @param preload

@@ -23,6 +23,8 @@ const roots = new Map();

/**
* Call this function to enable or disable the usage of <link> tags instead of <style> tags to achieve CSP compliance
* Example: "setUseLinks(true)" will unconditionally use <link> tags for all browsers;
* Example: "setUseLinks(!document.adoptedStyleSheets) will only enable the usage of <link> tags for browsers that do not support constructable stylesheets.
* Call this function to enable or disable the usage of `<link>` tags instead of `<style>` tags to achieve CSP compliance
*
* Example: "setUseLinks(true)" will unconditionally use `<link>` tags for all browsers.
*
* Example: "setUseLinks(!document.adoptedStyleSheets) will only enable the usage of `<link>` tags for browsers that do not support constructable stylesheets.
*
* @public

@@ -35,6 +37,7 @@ * @param use whether links will be used

/**
* Call this function to enable or disable the preloading of <link> tags.
* Note: only taken into account when <link> tags are being used.
* Note: links are being preloaded by default, so call "setPreloadLinks(false)" to opt out of this.
* Call this function to enable or disable the preloading of `<link>` tags.
*
* **Note:** only taken into account when `<link>` tags are being used.
* **Note:** links are being preloaded by default, so call "setPreloadLinks(false)" to opt out of this.
*
* @public

@@ -41,0 +44,0 @@ * @param preload

const VersionInfo = {
version: "1.23.0-rc.5",
version: "1.23.0",
major: 1,
minor: 23,
patch: 0,
suffix: "-rc.5",
suffix: "",
isNext: false,
buildTime: 1709193928,
buildTime: 1709751462,
};
export default VersionInfo;
//# sourceMappingURL=VersionInfo.js.map
/**
* Ignores all custom HTML elements with a given tag prefix to improve the rendering performance of the UI5 Web Components.
* <br>
*
* <b>When used:</b> the UI5 Web Components framework treats all custom HTML elements,
* **When used:** the UI5 Web Components framework treats all custom HTML elements,
* starting with the given prefix as if they are standard HTML elements, such as: `div`, `span`, etc, without additional processing.
* <br>
*
* <b>When not used:</b> the framework waits for the slotted children to be defined and registered first,
* **When not used:** the framework waits for the slotted children to be defined and registered first,
* because the state or visual appearance of the parent may rely on the slotted elements/children.
*
* <b>Note:</b> We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
* **Note:** We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
* inside UI5 Web Components, to improve the time to render.

@@ -14,0 +12,0 @@ *

@@ -7,12 +7,10 @@ /**

* Ignores all custom HTML elements with a given tag prefix to improve the rendering performance of the UI5 Web Components.
* <br>
*
* <b>When used:</b> the UI5 Web Components framework treats all custom HTML elements,
* **When used:** the UI5 Web Components framework treats all custom HTML elements,
* starting with the given prefix as if they are standard HTML elements, such as: `div`, `span`, etc, without additional processing.
* <br>
*
* <b>When not used:</b> the framework waits for the slotted children to be defined and registered first,
* **When not used:** the framework waits for the slotted children to be defined and registered first,
* because the state or visual appearance of the parent may rely on the slotted elements/children.
*
* <b>Note:</b> We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
* **Note:** We recommend using `ignoreCustomElements` when slotting custom HTML elements (with only semantic purpose)
* inside UI5 Web Components, to improve the time to render.

@@ -19,0 +17,0 @@ *

/**
* Re-renders all RTL-aware UI5 Elements.
*
* <b>Note:</b> Call this method whenever you change the "dir" property anywhere in your HTML page.
* <b>Example:</b> <code>document.body.dir = "rtl"; applyDirection();</code>
* **Note:** Call this method whenever you change the "dir" property anywhere in your HTML page.
*
* **Example:** `document.body.dir = "rtl"; applyDirection();`
* @public

@@ -7,0 +8,0 @@ * @returns {Promise<void>}

@@ -6,4 +6,5 @@ import { reRenderAllUI5Elements } from "../Render.js";

*
* <b>Note:</b> Call this method whenever you change the "dir" property anywhere in your HTML page.
* <b>Example:</b> <code>document.body.dir = "rtl"; applyDirection();</code>
* **Note:** Call this method whenever you change the "dir" property anywhere in your HTML page.
*
* **Example:** `document.body.dir = "rtl"; applyDirection();`
* @public

@@ -10,0 +11,0 @@ * @returns {Promise<void>}

@@ -12,9 +12,9 @@ type Range = Map<string, Array<number>>;

* The ranges of this set are:
* <ul>
* <li><code>"S"</code>: For screens smaller than 600 pixels.</li>
* <li><code>"M"</code>: For screens greater than or equal to 600 pixels and smaller than 1024 pixels.</li>
* <li><code>"L"</code>: For screens greater than or equal to 1024 pixels and smaller than 1440 pixels.</li>
* <li><code>"XL"</code>: For screens greater than or equal to 1440 pixels.</li>
* </ul>
*
* - `"S"`: For screens smaller than 600 pixels.
* - `"M"`: For screens greater than or equal to 600 pixels and smaller than 1024 pixels.
* - `"L"`: For screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
* - `"XL"`: For screens greater than or equal to 1440 pixels.
*
*
* @public

@@ -21,0 +21,0 @@ */

@@ -18,9 +18,9 @@ const mediaRanges = new Map();

* The ranges of this set are:
* <ul>
* <li><code>"S"</code>: For screens smaller than 600 pixels.</li>
* <li><code>"M"</code>: For screens greater than or equal to 600 pixels and smaller than 1024 pixels.</li>
* <li><code>"L"</code>: For screens greater than or equal to 1024 pixels and smaller than 1440 pixels.</li>
* <li><code>"XL"</code>: For screens greater than or equal to 1440 pixels.</li>
* </ul>
*
* - `"S"`: For screens smaller than 600 pixels.
* - `"M"`: For screens greater than or equal to 600 pixels and smaller than 1024 pixels.
* - `"L"`: For screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
* - `"XL"`: For screens greater than or equal to 1440 pixels.
*
*
* @public

@@ -33,15 +33,15 @@ */

*
* This initialization step makes the range set ready to be used for one of the other functions in namespace <code>MediaRange</code>.
* This initialization step makes the range set ready to be used for one of the other functions in namespace `MediaRange`.
*
* A range set can be defined as shown in the following example:
* <pre>
* ```
* MediaRange.initRangeSet("MyRangeSet", [200, 400], ["Small", "Medium", "Large"]);
* </pre>
* ```
* This example defines the following named ranges:
* <ul>
* <li><code>"Small"</code>: For screens smaller than 200 pixels.</li>
* <li><code>"Medium"</code>: For screens greater than or equal to 200 pixels and smaller than 400 pixels.</li>
* <li><code>"Large"</code>: For screens greater than or equal to 400 pixels.</li>
* </ul>
*
* - `"Small"`: For screens smaller than 200 pixels.
* - `"Medium"`: For screens greater than or equal to 200 pixels and smaller than 400 pixels.
* - `"Large"`: For screens greater than or equal to 400 pixels.
*
*
* @param name The name of the range set to be initialized.

@@ -57,3 +57,3 @@ * The name must be a valid id and consist only of letters and numeric digits.

*
* If the optional parameter <code>width</code> is given, the active range will be determined for that width,
* If the optional parameter `width` is given, the active range will be determined for that width,
* otherwise it is determined for the current window size.

@@ -63,3 +63,3 @@ *

* @param [width] An optional width, based on which the range should be determined;
* If <code>width</code> is not provided, the window size will be used.
* If `width` is not provided, the window size will be used.
* @returns The name of the current active interval of the range set.

@@ -66,0 +66,0 @@ * @public

@@ -5,3 +5,3 @@ import DataType from "./DataType.js";

* DOM Element reference or ID.
* <b>Note:</b> If an ID is passed, it is expected to be part of the same <code>document</code> element as the consuming component.
* **Note:** If an ID is passed, it is expected to be part of the same `document` element as the consuming component.
*

@@ -8,0 +8,0 @@ * @public

@@ -5,3 +5,3 @@ import DataType from "./DataType.js";

* DOM Element reference or ID.
* <b>Note:</b> If an ID is passed, it is expected to be part of the same <code>document</code> element as the consuming component.
* **Note:** If an ID is passed, it is expected to be part of the same `document` element as the consuming component.
*

@@ -8,0 +8,0 @@ * @public

@@ -48,3 +48,3 @@ import DataType from "./types/DataType.js";

* or returns the default value if not.
* <b>Note:</b> Only intended for use by UI5Element.js
* **Note:** Only intended for use by UI5Element.js
* @public

@@ -56,3 +56,3 @@ */

* or throws an exception if not.
* <b>Note:</b> Only intended for use by UI5Element.js
* **Note:** Only intended for use by UI5Element.js
* @public

@@ -59,0 +59,0 @@ */

@@ -66,3 +66,3 @@ import { camelToKebabCase } from "./util/StringHelper.js";

* or returns the default value if not.
* <b>Note:</b> Only intended for use by UI5Element.js
* **Note:** Only intended for use by UI5Element.js
* @public

@@ -80,3 +80,3 @@ */

* or throws an exception if not.
* <b>Note:</b> Only intended for use by UI5Element.js
* **Note:** Only intended for use by UI5Element.js
* @public

@@ -83,0 +83,0 @@ */

/**
* Creates a <link> tag in the <head> tag
* Creates a `<link>` tag in the `<head>` tag
* @param href - the CSS

@@ -4,0 +4,0 @@ * @param attributes - optional attributes to add to the tag

/**
* Creates a <link> tag in the <head> tag
* Creates a `<link>` tag in the `<head>` tag
* @param href - the CSS

@@ -4,0 +4,0 @@ * @param attributes - optional attributes to add to the tag

/**
* Creates a <style> tag in the <head> tag
* Creates a `<style>` tag in the `<head>` tag
* @param cssText - the CSS

@@ -4,0 +4,0 @@ * @param attributes - optional attributes to add to the tag

/**
* Creates a <style> tag in the <head> tag
* Creates a `<style>` tag in the `<head>` tag
* @param cssText - the CSS

@@ -4,0 +4,0 @@ * @param attributes - optional attributes to add to the tag

{
"name": "@ui5/webcomponents-base",
"version": "1.23.0-rc.5",
"version": "1.23.0",
"description": "UI5 Web Components: webcomponents.base",

@@ -48,3 +48,3 @@ "author": "SAP SE (https://www.sap.com)",

"@openui5/sap.ui.core": "1.120.3",
"@ui5/webcomponents-tools": "1.23.0-rc.5",
"@ui5/webcomponents-tools": "1.23.0",
"chromedriver": "^121.0.2",

@@ -59,3 +59,3 @@ "clean-css": "^5.2.2",

},
"gitHead": "0d1e9a0c37abaeabaed26e1be9e543f991a6ed94"
"gitHead": "6c2f16f7d091aed0a487986cfebe5f6aabf71160"
}

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc