@siemens/ix 2.0.0-beta.1 → 2.0.0

package/dist/siemens-ix/siemens-ix.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,+geAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,y/eAAuCJ,EAAA"}

package/dist/types/components/blind/blind.d.ts

@@ -1,4 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CardVariant } from '../card/card';
+export type BlindVariant = CardVariant | 'outline';
 export declare class Blind {
   /**
    * Collapsed state
@@ -18,13 +20,18 @@ export declare class Blind {
    * @since 1.5.0
    */
   icon: string;
+  /**
+   * Blind variant
+   * @since 2.0.0
+   */
+  variant: BlindVariant;
   /**
    * Collapsed state changed
    */
   collapsedChange: EventEmitter<boolean>;
   hostElement: HTMLIxBlindElement;
   private chevronRef;
-  private id;
+  private blindId;
   constructor();
   private onHeaderClick;
   componentDidLoad(): void;

package/dist/types/components/card/card.d.ts

@@ -1,4 +1,4 @@
-export type CardVariant = 'insight' | 'notification' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success';
+export type CardVariant = 'insight' | 'notification' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'primary';
 /**
  * @since 1.6.0
  */

package/dist/types/components/chip/chip.d.ts

@@ -17,7 +17,7 @@ export declare class Chip {
   /**
    * Show icon
    */
-  icon: string | undefined;
+  icon: string;
   /**
    * Custom color for pill. Only working for `variant='custom'`
    */
@@ -30,12 +30,6 @@ export declare class Chip {
    * Show chip with outline style
    */
   outline: boolean;
-  /**
-   * Fire event if close button is clicked
-   *
-   *  @deprecated Will be removed in 2.0.0. Use `closeChip`
-   */
-  close: EventEmitter;
   /**
    * Fire event if close button is clicked
    *

package/dist/types/components/dropdown/dropdown.d.ts

@@ -26,7 +26,7 @@ export declare class Dropdown {
    */
   anchor: string | HTMLElement;
   /**
-   * Close behavior
+   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.
    */
   closeBehavior: 'inside' | 'outside' | 'both' | boolean;
   /**
@@ -76,6 +76,7 @@ export declare class Dropdown {
   private localUId;
   constructor();
   get dropdownItems(): HTMLIxDropdownItemElement[];
+  get slotElement(): HTMLSlotElement;
   private addEventListenersFor;
   private removeEventListenersFor;
   private registerListener;
@@ -83,7 +84,7 @@ export declare class Dropdown {
   private resolveElement;
   changedShow(newShow: boolean): Promise<void>;
   changedTrigger(newTriggerValue: string | HTMLElement, oldTriggerValue: string | HTMLElement): void;
-  clickOutside(event: Event): void;
+  clickOutside(event: PointerEvent): void;
   keydown(event: KeyboardEvent): void;
   private isNestedDropdown;
   private isAnchorSubmenu;
@@ -93,6 +94,7 @@ export declare class Dropdown {
   private applyDropdownPosition;
   componentDidLoad(): Promise<void>;
   componentDidRender(): Promise<void>;
+  private isClickInsideDropdown;
   disconnectedCallback(): void;
   /**
    * Update position of dropdown

package/dist/types/components/dropdown/test/dropdown.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/dropdown-button/dropdown-button.d.ts

@@ -18,11 +18,6 @@ export declare class DropdownButton {
    * Button with no background or outline
    */
   ghost: boolean;
-  /**
-   * Active button (has no effect)
-   * @deprecated Will be removed in 3.0.0
-   */
-  active: boolean;
   /**
    * Disable button
    */

package/dist/types/components/dropdown-item/dropdown-item.d.ts

@@ -21,17 +21,11 @@ export declare class DropdownItem {
    * Whether the item is checked or not. If true a checkmark will mark the item as checked.
    */
   checked: boolean;
-  /**
-   * @internal
-   */
+  /** @internal */
   isSubMenu: boolean;
-  /**
-   * @internal
-   */
+  /** @internal */
   suppressChecked: boolean;
-  /**
-   * Click on item
-   */
+  /** @internal */
   itemClick: EventEmitter<HTMLIxDropdownItemElement>;
   /**
    * Internal usage only

package/dist/types/components/event-list-item/event-list-item.d.ts

@@ -20,13 +20,6 @@ export declare class EventListItem {
    * Show chevron on right side of the event list item
    */
   chevron: boolean;
-  /**
-   * Opacity of the status indicator.
-   * Defaults to 1.0
-   *
-   * @deprecated Will be removed in 2.0.0
-   */
-  opacity: number;
   /**
    * Event list item click
    */

package/dist/types/components/grid/layout-grid.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @since 2.0.0
+ */
+export declare class LayoutGrid {
+  /**
+   * The grid will not have any horizontal padding
+   */
+  noMargin: boolean;
+  /**
+   * Grid gap
+   */
+  gap: '8' | '12' | '16' | '24';
+  /**
+   * Overwrite the default number of columns. Choose between 2 and 12 columns.
+   */
+  columns: number;
+  render(): any;
+}

package/dist/types/components/menu-item/menu-item.d.ts

@@ -15,7 +15,7 @@ export declare class MenuItem {
   /**
    * Icon name from @siemens/ix-icons
    *
-   * @deprecated Use `icon` property. Will be removed in 3.0.0
+   * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0
    */
   tabIcon: string;
   /**

package/dist/types/components/modal/modal.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';
-export type IxModalDynamicSize = 'full-width';
+export type IxModalDynamicSize = 'full-width' | 'full-screen';
 export type IxModalSize = IxModalFixedSize | IxModalDynamicSize;
 export declare class Modal {
   private ariaAttributes;

package/dist/types/components/pagination/test/pagination.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/select/select.d.ts

@@ -115,7 +115,7 @@ export declare class Select {
   onKeyDown(event: KeyboardEvent): Promise<void>;
   private onEnterNavigation;
   private onArrowNavigation;
-  private setHoverEffectForNavigatedSelectItem;
+  private applyFocusTo;
   private filterItemsWithTypeahead;
   private removeHiddenFromItems;
   private clearInput;

package/dist/types/components/slider/slider.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type SliderMarker = Array<number>;
+/**
+ * @since 2.0.0
+ *
+ * @slot label-start - Element will be displayed at the start of the slider
+ * @slot label-end - Element will be displayed at the end of the slider
+ */
+export declare class IxSlider {
+  hostElement: HTMLIxSliderElement;
+  /**
+   * Legal number intervals
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step
+   */
+  step: number;
+  /**
+   * Minimum slider value
+   */
+  min: number;
+  /**
+   * Maximum slider value
+   */
+  max: number;
+  /**
+   * Current value of the slider
+   */
+  value: number;
+  /**
+   * Define tick marker on the slider. Marker has to be within slider min/max
+   */
+  marker: SliderMarker;
+  /**
+   * Show a trace line
+   */
+  trace: boolean;
+  /**
+   * Define the start point of the trace line
+   */
+  traceReference: number;
+  /**
+   * Show control as disabled
+   */
+  disabled: boolean;
+  /**
+   * Show error state and message
+   */
+  error: boolean | string;
+  /**
+   *
+   */
+  valueChange: EventEmitter<number>;
+  rangeInput: number;
+  rangeMin: number;
+  rangeMax: number;
+  rangeTraceReference: number;
+  showTooltip: boolean;
+  private a11yAttributes;
+  get tooltip(): HTMLIxTooltipElement;
+  get pseudoThumb(): HTMLElement;
+  get slider(): HTMLInputElement;
+  onShowTooltipChange(): void;
+  componentWillLoad(): void;
+  private updateRangeVariables;
+  private onInput;
+  private emitInputEvent;
+  private isMarkerActive;
+  onPointerUp(): void;
+  render(): any;
+}

package/dist/types/components/slider/test/slider.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/split-button/split-button.d.ts

@@ -43,7 +43,6 @@ export declare class SplitButton {
   buttonClick: EventEmitter<MouseEvent>;
   private triggerElement;
   private dropdownElement;
-  get splitItems(): HTMLIxSplitButtonItemElement[];
   private linkTriggerRef;
   componentDidLoad(): void;
   render(): any;

package/dist/types/components/split-button-item/split-button-item.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead.
+ */
 export declare class SplitButtonItem {
   /**
    * Dropdown icon

package/dist/types/components/tabs/tabs.d.ts

@@ -33,6 +33,7 @@ export declare class Tabs {
   styleNextArrow: {};
   stylePreviousArrow: {};
   scrollActionAmount: number;
+  private windowStartSize;
   private clickAction;
   onWindowResize(): number;
   private getTabs;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -24,6 +24,8 @@ export declare class Tooltip {
    * @since 1.5.0
    */
   placement: 'top' | 'right' | 'bottom' | 'left';
+  /** @internal */
+  animationFrame: boolean;
   visible: boolean;
   hostElement: HTMLIxTooltipElement;
   private observer;
@@ -34,8 +36,12 @@ export declare class Tooltip {
   private tooltipCloseTimeInMS;
   private get arrowElement();
   private destroyAutoUpdate;
-  private showTooltip;
-  private hideTooltip;
+  private onTooltipShow;
+  private onTooltipHide;
+  /** @internal */
+  showTooltip(anchorElement: any): Promise<void>;
+  /** @internal */
+  hideTooltip(): Promise<void>;
   private computeArrowPosition;
   private computeTooltipPosition;
   private queryAnchorElements;

package/dist/types/components/utils/a11y.d.ts

@@ -1,5 +1,5 @@
 export declare const a11yBoolean: (value: boolean) => "true" | "false";
-export declare const a11yHostAttributes: (hostElement: HTMLElement) => Record<A11yAttributeName, any>;
+export declare const a11yHostAttributes: (hostElement: HTMLElement, ignoreAttributes?: A11yAttributeName[]) => Record<A11yAttributeName, any>;
 type PartialRecord<K extends keyof any, T> = {
   [P in K]?: T;
 };

package/dist/types/components/utils/breakpoints.d.ts

@@ -1,7 +1,7 @@
 declare const mediaQueries: {
-  readonly sm: "(min-width: 36em)";
-  readonly md: "(min-width: 48em)";
-  readonly lg: "(min-width: 62em)";
+  readonly sm: "(max-width: 48em)";
+  readonly md: "(min-width: 48.0625em) and (max-width: 80em)";
+  readonly lg: "(min-width: 80.0625em)";
 };
 export type Breakpoint = keyof typeof mediaQueries;
 export declare const matchBreakpoint: (breakpoint: Breakpoint) => boolean;

package/dist/types/components/utils/shadow-dom.d.ts

@@ -1,3 +1,4 @@
 export declare function closestElement(selector: string, el: any): any;
 export declare function getSlottedElements<R = any>(slot: any): R[];
 export declare function hasSlottedElements(slot: any): boolean;
+export declare function containsElement(target: Element, element: Element): boolean;