@baloise/ds-core 19.9.4 → 20.0.0-next.4

package/docs/tags.json

@@ -0,0 +1,44 @@
+[
+  "ds-accordion",
+  "ds-alert-container",
+  "ds-app",
+  "ds-badge",
+  "ds-button",
+  "ds-button-group",
+  "ds-card",
+  "ds-card-actions",
+  "ds-card-content",
+  "ds-card-header",
+  "ds-card-subtitle",
+  "ds-card-title",
+  "ds-checkbox",
+  "ds-checkbox-group",
+  "ds-close",
+  "ds-content",
+  "ds-divider",
+  "ds-heading",
+  "ds-icon",
+  "ds-input",
+  "ds-item",
+  "ds-label",
+  "ds-list",
+  "ds-logo",
+  "ds-notification",
+  "ds-number-input",
+  "ds-pagination",
+  "ds-progress-bar",
+  "ds-radio",
+  "ds-radio-group",
+  "ds-segment",
+  "ds-segment-item",
+  "ds-shape",
+  "ds-snackbar",
+  "ds-spinner",
+  "ds-stack",
+  "ds-tag",
+  "ds-tag-group",
+  "ds-text",
+  "ds-textarea",
+  "ds-toast",
+  "ds-toggle"
+]

package/loader/cdn.js

@@ -1,2 +1,4 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -1,2 +1,4 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.es2017.js

@@ -1,2 +1,4 @@
-export * from '../dist/esm/polyfills/index.js';
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
 export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,3 +1,5 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@baloise/ds-core",
-  "version": "19.9.4",
-  "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
+  "version": "20.0.0-next.4",
+  "description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
   "repository": {
     "type": "git",
-    "url": "https://github.com/baloise/design-system.git"
+    "url": "git+https://github.com/baloise/design-system.git"
   },
   "publishConfig": {
     "access": "public"
@@ -22,43 +22,49 @@
   "files": [
     "components/",
     "dist/",
+    "docs/",
     "loader/"
   ],
   "scripts": {
-    "test:ui": "vitest --ui"
+    "build": "node ../../scripts/build-core.mjs",
+    "start": "kill-port 4000 2>/dev/null || true && DS_DEVELOPMENT=true stencil build --dev --serve --watch --port=4000",
+    "test": "vitest --run",
+    "test:ui": "vitest --ui",
+    "lint": "eslint .",
+    "play": "npx playwright test --ui",
+    "play:file": "CI=1 npx playwright test",
+    "play:a11y": "CI=1 npx playwright test --project='♿️ A11Y'",
+    "play:components": "CI=1 npx playwright test --project='⚙️ Component'",
+    "play:visual": "CI=1 npx playwright test --project='🖼️ Visual / 💻 Desktop Chrome' --project='🖼️ Visual / 📱 Mobile Chrome'",
+    "play:update": "CI=1 npx playwright test --project='🖼️ Visual / 💻 Desktop Chrome' --project='🖼️ Visual / 📱 Mobile Chrome' --update-snapshots",
+    "play:ci": "CI=1 npx playwright test"
   },
   "dependencies": {
-    "@baloise/ds-styles": "19.9.4",
-    "@baloise/ds-icons": "19.9.4",
-    "@baloise/web-app-utils": "3.15.0",
-    "@floating-ui/dom": "~1.6.3",
-    "@popperjs/core": "~2.11.4",
-    "@stencil/core": "4.38.2",
-    "big.js": "~6.2.1",
-    "contactjs": "2.1.7",
-    "filesize.js": "~2.0.0",
-    "dompurify": "3.1.2",
-    "lodash.camelcase": "~4.3.0",
-    "lodash.isempty": "~4.4.0",
-    "lodash.isnan": "~3.0.2",
-    "lodash.isnil": "~4.0.0",
-    "lodash.padstart": "~4.6.1",
-    "lodash.upperfirst": "~4.3.1",
-    "lodash.isequal": "~4.5.0",
+    "@baloise/ds-assets": "20.0.0-next.4",
+    "@baloise/ds-css": "20.0.0-next.4",
+    "@baloise/ds-tokens": "20.0.0-next.4",
+    "@floating-ui/dom": "^1.7.6",
+    "@popperjs/core": "^2.11.4",
+    "@stencil/core": "^4.43.4",
+    "big.js": "^7.0.1",
+    "contactjs": "^2.1.7",
+    "dompurify": "^3.4.2",
+    "filesize.js": "^2.0.0",
+    "lodash": "^4.18.1",
     "lottie-colorify": "0.8.0",
-    "lottie-web": "5.8.1",
-    "luxon": "~3.4.3",
-    "tslib": "2.1.0"
+    "lottie-web": "^5.8.1",
+    "luxon": "^3.7.2",
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@baloise/output-target-angular": "0.0.0",
-    "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-maps": "19.9.4",
-    "@baloise/ds-brand-icons": "19.9.4",
-    "@baloise/ds-favicons": "19.9.4",
-    "compression": "~1.8.1",
-    "express": "~4.22.1",
-    "serve-index": "~1.9.1"
+    "@baloise/ds-playwright": "20.0.0-next.4",
+    "libs-output-target-angular": "0.0.0",
+    "libs-output-target-web": "0.0.0",
+    "@playwright/test": "1.59.1",
+    "@types/luxon": "3.7.1",
+    "compression": "1.8.1",
+    "express": "5.2.1",
+    "serve-index": "1.9.2"
   },
   "sideEffects": false
 }

package/components/_commonjsHelpers.js

@@ -1,7 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/components/animation.decorator.js

@@ -1,75 +0,0 @@
-import { l as debounce, v as isChildOfEventTarget, p as addEventListener, q as removeEventListener } from './helpers.js';
-import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
-
-class BalAnimationListener extends ListenerAbstract {
-    constructor() {
-        super(...arguments);
-        this.debouncedNotify = debounce(target => this.notify({ target }), 42);
-        this.callbackWillAnimate = (ev) => {
-            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
-        };
-        this.callbackDidAnimate = (ev) => {
-            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
-        };
-    }
-    connect(el) {
-        super.connect(el);
-        const win = window;
-        if (win) {
-            addEventListener(win, 'balWillAnimate', this.callbackWillAnimate, { passive: true });
-            addEventListener(win, 'balDidAnimate', this.callbackDidAnimate, { passive: true });
-        }
-    }
-    disconnect() {
-        super.disconnect();
-        const win = window;
-        if (win) {
-            removeEventListener(win, 'balWillAnimate', this.callbackWillAnimate);
-            removeEventListener(win, 'balDidAnimate', this.callbackDidAnimate);
-        }
-    }
-}
-
-class BalAnimationSubject extends SingleSubject {
-    constructor() {
-        super((observer, data) => {
-            observer.animationListener(data);
-        });
-        this.listener = new BalAnimationListener();
-    }
-    attach(observer) {
-        super.attach(observer);
-        this.listener.connect(observer.el);
-        this.listener.add(info => super.notify(info));
-    }
-    detach() {
-        super.detach();
-        this.listener.disconnect();
-    }
-}
-new BalAnimationSubject();
-
-function ListenToAnimation() {
-    return function (target, _propertyKey, _descriptor) {
-        const { connectedCallback, componentDidLoad, disconnectedCallback } = target;
-        target.connectedCallback = function () {
-            if (!this._balAnimationSubject) {
-                this._balAnimationSubject = new BalAnimationSubject();
-            }
-            return connectedCallback && connectedCallback.call(this);
-        };
-        target.componentDidLoad = function () {
-            this._balAnimationSubject.attach(this);
-            return componentDidLoad && componentDidLoad.call(this);
-        };
-        target.disconnectedCallback = function () {
-            if (this._balAnimationSubject) {
-                this._balAnimationSubject.detach();
-                this._balAnimationSubject = undefined;
-            }
-            return disconnectedCallback && disconnectedCallback.call(this);
-        };
-    };
-}
-
-export { ListenToAnimation as L };

package/components/aria.js

@@ -1,8 +0,0 @@
-const ariaBooleanToString = (value) => {
-    if (value === undefined || value === null) {
-        return undefined;
-    }
-    return !!value ? 'true' : 'false';
-};
-
-export { ariaBooleanToString as a };

package/components/array.js

@@ -1,20 +0,0 @@
-import { i as isNil } from './index2.js';
-import { i as isEqual } from './index5.js';
-
-/**
- * Returns `true` if the arrays are equal
- *
- * ```typescript
- * areArraysEqual(['a', 'b'], ['b', 'a']) // true
- * ```
- */
-function areArraysEqual(a, b) {
-    if (isNil(a) || isNil(b)) {
-        return false;
-    }
-    const copyA = [...a].sort();
-    const copyB = [...b].sort();
-    return isEqual(copyA, copyB);
-}
-
-export { areArraysEqual as a };

package/components/attributes.js

@@ -1,38 +0,0 @@
-const trackingAttributes = ['data-tracking-style', 'data-tracking-topic', 'data-tracking-context', 'data-tracking-id'];
-/**
- * Elements inside of web components sometimes need to inherit global attributes
- * set on the host. For example, the inner input in `bal-input` should inherit
- * the `title` attribute that developers set directly on `bal-input`. This
- * helper function should be called in componentWillLoad and assigned to a variable
- * that is later used in the render function.
- * This function also removes the attribute from the parent when its set on child.
- *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
- */
-const inheritAttributes = (el, attributes = []) => {
-    const attributeObject = {};
-    attributes.forEach(attr => {
-        if (el.hasAttribute(attr)) {
-            const value = el.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = el.getAttribute(attr);
-            }
-            el.removeAttribute(attr);
-        }
-    });
-    return attributeObject;
-};
-/**
- * Returns an array of tracking attributes that should be copied from
- * the host element to a target within the component.
- * @param el The element that the attributes should be copied from.
- * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.
- * Use this in instances where we manually specify aria attributes on the `<Host>` element.
- */
-const inheritTrackingAttributes = (el, ignoreList) => {
-    let attributesToInherit = trackingAttributes;
-    return inheritAttributes(el, attributesToInherit);
-};
-
-export { inheritTrackingAttributes as a, inheritAttributes as i };

package/components/bal-accordion-details.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface BalAccordionDetails extends Components.BalAccordionDetails, HTMLElement {}
-export const BalAccordionDetails: {
-    prototype: BalAccordionDetails;
-    new (): BalAccordionDetails;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/bal-accordion-details.js

@@ -1,103 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { B as BEM } from './bem.js';
-import { L as Logger } from './log.js';
-
-const balAccordionDetailsCss = ".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";
-
-const AccordionDetails = /*@__PURE__*/ proxyCustomElement(class AccordionDetails extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.componentId = `bal-accordion-details-${accordionDetailIds++}`;
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * @internal
-         */
-        this.state = 1 /* AccordionState.Collapsed */;
-        /**
-         * @internal
-         */
-        this.active = false;
-        /**
-         * @internal
-         */
-        this.animated = true;
-        /**
-         * PRIVATE METHODS
-         * ------------------------------------------------------
-         */
-        this.updateAccordionId = () => { var _a; return (this.parentAccordionId = (_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.id); };
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback() {
-        this.updateAccordionId();
-    }
-    componentWillRender() {
-        this.updateAccordionId();
-    }
-    /**
-     * GETTERS
-     * ------------------------------------------------------
-     */
-    get parentAccordionElement() {
-        var _a;
-        return ((_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('bal-accordion')) || null;
-    }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render() {
-        const block = BEM.block('accordion').element('details');
-        const containerEl = block.element('container');
-        const wrapperEl = containerEl.element('wrapper');
-        const id = this.parentAccordionId ? `${this.parentAccordionId}-details` : this.componentId;
-        const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
-        const contentPart = expanded ? 'content expanded' : 'content';
-        return (h(Host, { key: '1e909c6bdc60974006159dc9eb6408d3350ea684', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('expanding').class(this.state === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.state === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.state === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.state === 1 /* AccordionState.Collapsed */)), block.modifier('animated').class(this.animated)) }, h("div", { key: 'f38a2c41997e018e4226384b81dd73d7e55d16e8', id: `${id}-content`, "aria-labelledby": `${this.parentAccordionId}-trigger-button`, role: "region", part: contentPart, class: Object.assign({}, wrapperEl.class()), "data-testid": "bal-accordion-details" }, h("slot", { key: '8429dd4b9a113cade1d579d23cba01e38bb9fb9e' }))));
-    }
-    get el() { return this; }
-    static get style() { return balAccordionDetailsCss; }
-}, [260, "bal-accordion-details", {
-        "state": [2],
-        "active": [4],
-        "animated": [4],
-        "parentAccordionId": [32]
-    }]);
-__decorate([
-    Logger('bal-accordion-details'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], AccordionDetails.prototype, "createLogger", null);
-let accordionDetailIds = 0;
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-accordion-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-accordion-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AccordionDetails);
-            }
-            break;
-    } });
-}
-
-const BalAccordionDetails = AccordionDetails;
-const defineCustomElement = defineCustomElement$1;
-
-export { BalAccordionDetails, defineCustomElement };

package/components/bal-accordion-summary.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface BalAccordionSummary extends Components.BalAccordionSummary, HTMLElement {}
-export const BalAccordionSummary: {
-    prototype: BalAccordionSummary;
-    new (): BalAccordionSummary;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/bal-accordion-summary.js

@@ -1,139 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { B as BEM } from './bem.js';
-import { s as stopEventBubbling } from './form-input.js';
-import { L as Logger } from './log.js';
-import { i as isEnterKey, a as isSpaceKey } from './keyboard.helpers.js';
-
-const balAccordionSummaryCss = "@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";
-
-const AccordionSummary = /*@__PURE__*/ proxyCustomElement(class AccordionSummary extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.componentId = `bal-accordion-summary-${accordionSummaryIds++}`;
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * If `true` the whole summary component acts as a trigger and can be clicked
-         */
-        this.trigger = false;
-        /**
-         * @internal
-         */
-        this.active = false;
-        /**
-         * @internal
-         */
-        this.state = 1 /* AccordionState.Collapsed */;
-        /**
-         * PRIVATE METHODS
-         * ------------------------------------------------------
-         */
-        this.updateAccordionId = () => { var _a; return (this.parentAccordionId = (_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.id); };
-        /**
-         * EVENT HANDLER
-         * ------------------------------------------------------
-         */
-        this.onClick = (ev) => {
-            var _a;
-            stopEventBubbling(ev);
-            (_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.humanToggle();
-        };
-        this.onKeyDown = (ev) => {
-            var _a;
-            if (isEnterKey(ev) || isSpaceKey(ev)) {
-                stopEventBubbling(ev);
-                (_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.humanToggle();
-            }
-        };
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback() {
-        const accordion = this.parentAccordionElement;
-        if (accordion) {
-            accordion.version = 2;
-        }
-        this.updateAccordionId();
-    }
-    disconnectedCallback() {
-        const accordion = this.parentAccordionElement;
-        if (accordion) {
-            accordion.version = 1;
-        }
-        this.updateAccordionId();
-    }
-    /**
-     * GETTERS
-     * ------------------------------------------------------
-     */
-    get parentAccordionElement() {
-        var _a;
-        return ((_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('bal-accordion')) || null;
-    }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render() {
-        const block = BEM.block('accordion').element('summary');
-        const id = this.parentAccordionId ? `${this.parentAccordionId}-summary` : this.componentId;
-        const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
-        const buttonPart = expanded ? 'button expanded' : 'button';
-        let attributes = {};
-        if (this.trigger) {
-            attributes = {
-                'aria-controls': `${this.parentAccordionId}-details-content`,
-                'role': 'button',
-                'tabindex': 0,
-                'part': buttonPart,
-                'data-testid': 'bal-accordion-button',
-                'onClick': this.onClick,
-                'onKeyDown': this.onKeyDown,
-            };
-        }
-        return (h(Host, Object.assign({ key: 'ed4f3e46644cf6288855154214126231e5b25e1d', id: id, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('trigger').class(this.trigger)), block.modifier('inner-trigger').class(!this.trigger)), { 'bal-focused': this.trigger }) }, attributes, { "data-testid": "bal-accordion-summary" })));
-    }
-    get el() { return this; }
-    static get style() { return balAccordionSummaryCss; }
-}, [256, "bal-accordion-summary", {
-        "trigger": [4],
-        "active": [1540],
-        "state": [2],
-        "parentAccordionId": [32]
-    }]);
-__decorate([
-    Logger('bal-accordion-summary'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], AccordionSummary.prototype, "createLogger", null);
-let accordionSummaryIds = 0;
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-accordion-summary"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-accordion-summary":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AccordionSummary);
-            }
-            break;
-    } });
-}
-
-const BalAccordionSummary = AccordionSummary;
-const defineCustomElement = defineCustomElement$1;
-
-export { BalAccordionSummary, defineCustomElement };

package/components/bal-accordion-trigger.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface BalAccordionTrigger extends Components.BalAccordionTrigger, HTMLElement {}
-export const BalAccordionTrigger: {
-    prototype: BalAccordionTrigger;
-    new (): BalAccordionTrigger;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;