@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250630

package/dist/cjs/bal-file-upload.cjs.entry.js

@@ -1,58 +1,71 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const array = require('./array-ae164ca3.js');
-const formInput = require('./form-input-e9974433.js');
-const log = require('./log-33398c2a.js');
-const bem = require('./bem-81bc6a2d.js');
-const balFileUpload_type = require('./bal-file-upload.type-616d69d9.js');
-const form = require('./form-17c98ac2.js');
-const aria = require('./aria-7672033f.js');
-require('./index-e6a233be.js');
-require('./index-3b7f8988.js');
-require('./_commonjsHelpers-68cdf74f.js');
-require('./helpers-debb881a.js');
-require('./browser-1d542d0f.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-D4vG8k57.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var array = require('./array-Db63Hhl1.js');
+var formInput = require('./form-input-B660-bjw.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var bem = require('./bem-p0PWVN8n.js');
+var balFileUpload_type = require('./bal-file-upload.type-BzNkF3YQ.js');
+var form = require('./form-BSlIiqcR.js');
+var aria = require('./aria-BzkqcV7W.js');
+require('./index-BZ67Dcnb.js');
+require('./index-BobQkZjn.js');
 
 var lib = {};
 
 var spec = {};
 
-Object.defineProperty(spec, "__esModule", { value: true });
-var si = { radix: 1e3, unit: ['b', 'kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'] };
-var iec = { radix: 1024, unit: ['b', 'Kib', 'Mib', 'Gib', 'Tib', 'Pib', 'Eib', 'Zib', 'Yib'] };
-var jedec = { radix: 1024, unit: ['b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'] };
-spec.SPECS = {
-    si: si,
-    iec: iec,
-    jedec: jedec,
-};
+var hasRequiredSpec;
 
-Object.defineProperty(lib, "__esModule", { value: true });
-var spec_1 = spec;
-/**
- * file size
- * @param bytes
- * @param fixed
- * @param spec
- */
-function default_1(bytes, fixed, spec) {
-    if (fixed === void 0) { fixed = 1; }
-    bytes = Math.abs(bytes);
-    var _a = spec_1.SPECS[spec] || spec_1.SPECS['jedec'], radix = _a.radix, unit = _a.unit;
-    var loop = 0;
-    // calculate
-    while (bytes >= radix) {
-        bytes /= radix;
-        ++loop;
-    }
-    return bytes.toFixed(fixed) + " " + unit[loop];
+function requireSpec () {
+	if (hasRequiredSpec) return spec;
+	hasRequiredSpec = 1;
+	Object.defineProperty(spec, "__esModule", { value: true });
+	var si = { radix: 1e3, unit: ['b', 'kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'] };
+	var iec = { radix: 1024, unit: ['b', 'Kib', 'Mib', 'Gib', 'Tib', 'Pib', 'Eib', 'Zib', 'Yib'] };
+	var jedec = { radix: 1024, unit: ['b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'] };
+	spec.SPECS = {
+	    si: si,
+	    iec: iec,
+	    jedec: jedec,
+	};
+	
+	return spec;
+}
+
+var hasRequiredLib;
+
+function requireLib () {
+	if (hasRequiredLib) return lib;
+	hasRequiredLib = 1;
+	Object.defineProperty(lib, "__esModule", { value: true });
+	var spec_1 = requireSpec();
+	/**
+	 * file size
+	 * @param bytes
+	 * @param fixed
+	 * @param spec
+	 */
+	function default_1(bytes, fixed, spec) {
+	    if (fixed === void 0) { fixed = 1; }
+	    bytes = Math.abs(bytes);
+	    var _a = spec_1.SPECS[spec] || spec_1.SPECS['jedec'], radix = _a.radix, unit = _a.unit;
+	    var loop = 0;
+	    // calculate
+	    while (bytes >= radix) {
+	        bytes /= radix;
+	        ++loop;
+	    }
+	    return bytes.toFixed(fixed) + " " + unit[loop];
+	}
+	lib.default = default_1;
+	
+	return lib;
 }
-var _default = lib.default = default_1;
+
+var libExports = requireLib();
+var fileSize = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(libExports);
 
 const bemListEl = bem.BEM.block('file-upload').element('list');
 const FileListComponent = ({ files, disabled, subTitle, onRemoveFile, }) => {
@@ -62,7 +75,7 @@ const FileListComponent = ({ files, disabled, subTitle, onRemoveFile, }) => {
                 index.h("bal-icon", { name: "document" })),
             index.h("bal-list-item-content", null,
                 index.h("bal-list-item-title", null, file.name),
-                index.h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : _default(file.size))),
+                index.h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : fileSize(file.size))),
             index.h("bal-list-item-icon", { right: true, class: {
                     'file-remove': true,
                     'is-clickable': !disabled,
@@ -135,20 +148,70 @@ const validateFileArray = (state, files, fileOptions) => {
 };
 
 const balFileUploadCss = ".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";
-const BalFileUploadStyle0 = balFileUploadCss;
 
 const FileUpload = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balChange = index.createEvent(this, "balChange", 7);
-        this.balFilesAdded = index.createEvent(this, "balFilesAdded", 7);
-        this.balFilesRemoved = index.createEvent(this, "balFilesRemoved", 7);
-        this.balRejectedFile = index.createEvent(this, "balRejectedFile", 7);
-        this.balInputClick = index.createEvent(this, "balInputClick", 7);
-        this.balBlur = index.createEvent(this, "balBlur", 7);
-        this.balFocus = index.createEvent(this, "balFocus", 7);
+        this.balChange = index.createEvent(this, "balChange");
+        this.balFilesAdded = index.createEvent(this, "balFilesAdded");
+        this.balFilesRemoved = index.createEvent(this, "balFilesRemoved");
+        this.balRejectedFile = index.createEvent(this, "balRejectedFile");
+        this.balInputClick = index.createEvent(this, "balInputClick");
+        this.balBlur = index.createEvent(this, "balBlur");
+        this.balFocus = index.createEvent(this, "balFocus");
         this.fileUploadId = `bal-file-upload-${FileUploadIds++}`;
+        this.files = [];
+        this.focused = false;
+        this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.fileUploadId;
+        /**
+         * Input value.
+         */
+        this.value = [];
         this.initialValue = this.value || [];
+        /**
+         * Label of the drop area.
+         */
+        this.label = 'Choose or drop a file...';
+        /**
+         * If `true` multiple file upload is possible.
+         */
+        this.multiple = true;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = false;
+        /**
+         * If `true` the file upload is disabled and shows a spinner
+         */
+        this.loading = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true` below the drop-down area it generates a file list.
+         */
+        this.hasFileList = true;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         /**
          * PRIVATE METHODS
          * ------------------------------------------------------
@@ -238,25 +301,6 @@ const FileUpload = class {
             }
             this.balInputClick.emit(ev);
         };
-        this.files = [];
-        this.focused = false;
-        this.ariaForm = form.defaultBalAriaForm;
-        this.name = this.fileUploadId;
-        this.value = [];
-        this.label = 'Choose or drop a file...';
-        this.multiple = true;
-        this.disabled = false;
-        this.readonly = false;
-        this.loading = false;
-        this.required = false;
-        this.accept = undefined;
-        this.maxFiles = undefined;
-        this.maxFileSize = undefined;
-        this.maxBundleSize = undefined;
-        this.hasFileList = true;
-        this.invalid = false;
-        this.subTitle = undefined;
-        this.autoInvalidOff = false;
     }
     createLogger(log) {
         this.log = log;
@@ -356,12 +400,12 @@ const FileUpload = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-file-upload'),
+    index.Logger('bal-file-upload'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], FileUpload.prototype, "createLogger", null);
 let FileUploadIds = 0;
-FileUpload.style = BalFileUploadStyle0;
+FileUpload.style = balFileUploadCss;
 
 exports.bal_file_upload = FileUpload;

package/dist/cjs/bal-footer.cjs.entry.js

@@ -1,20 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index_esm = require('./index.esm-a38eebac.js');
-const bem = require('./bem-81bc6a2d.js');
-const log = require('./log-33398c2a.js');
-const helpers = require('./helpers-debb881a.js');
-const config_utils = require('./config.utils-df30e424.js');
-const config_default = require('./config.default-7e96eb95.js');
-const config_decorator = require('./config.decorator-de244188.js');
-require('./index-3b7f8988.js');
-require('./_commonjsHelpers-68cdf74f.js');
-require('./index-758765f7.js');
-require('./browser-1d542d0f.js');
+var index = require('./index-D4vG8k57.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var index_esm = require('./index.esm-CKDqUwIC.js');
+var config_decorator = require('./config.decorator-D_FjiIar.js');
+var bem = require('./bem-p0PWVN8n.js');
+require('./index-BZ67Dcnb.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-BobQkZjn.js');
+require('./index-C413E-IK.js');
+require('./index-ifu9fMyU.js');
 
 const i18nBalFooter = {
     en: {
@@ -50,19 +45,34 @@ const i18nBalFooter = {
 };
 
 const balFooterCss = ":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-color-white);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";
-const BalFooterStyle0 = balFooterCss;
 
 const Footer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.links = [];
         this.socialMediaLinks = [];
-        this.language = config_default.defaultConfig.language;
-        this.region = config_default.defaultConfig.region;
-        this.allowedLanguages = config_default.defaultConfig.allowedLanguages;
+        this.language = index.defaultConfig.language;
+        this.region = index.defaultConfig.region;
+        this.allowedLanguages = index.defaultConfig.allowedLanguages;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * If `true` the legal Baloise links will be hidden.
+         */
         this.hideLinks = false;
+        /**
+         * If provided, the footer links will be overridden.
+         */
         this.overrideLinks = undefined;
+        /**
+         * If `true` the social media links will be shown.
+         */
         this.showSocialMedia = false;
+        /**
+         * If `true` the language selection will be hidden.
+         */
         this.hideLanguageSelection = false;
     }
     createLogger(log) {
@@ -97,7 +107,7 @@ const Footer = class {
      * ------------------------------------------------------
      */
     changeLanguage(language) {
-        config_utils.updateBalLanguage(language);
+        index.updateBalLanguage(language);
     }
     updateFooterLinks() {
         if (this.overrideLinks) {
@@ -106,7 +116,7 @@ const Footer = class {
         else if (!this.hideLinks && (this.region === 'CH' || this.region === 'DE')) {
             // The following footer links only apply to swiss and german applications
             const region = this.region;
-            helpers.rIC(() => {
+            index.rIC(() => {
                 index_esm.loadFooterLinks(new index_esm.Language(this.language), region).then(links => (this.links = links));
             });
         }
@@ -115,7 +125,7 @@ const Footer = class {
         if (this.showSocialMedia && (this.region === 'CH' || this.region === 'DE')) {
             // The following footer links only apply to swiss and german applications
             const region = this.region;
-            helpers.rIC(() => {
+            index.rIC(() => {
                 index_esm.loadSocialMediaLinks(new index_esm.Language(this.language), region).then(links => (this.socialMediaLinks = links));
             });
         }
@@ -151,7 +161,7 @@ const Footer = class {
     }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-footer'),
+    index.Logger('bal-footer'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -162,6 +172,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Object]),
     tslib_es6.__metadata("design:returntype", Promise)
 ], Footer.prototype, "configChanged", null);
-Footer.style = BalFooterStyle0;
+Footer.style = balFooterCss;
 
 exports.bal_footer = Footer;

package/dist/cjs/bal-form-col_2.cjs.entry.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
+var index = require('./index-D4vG8k57.js');
 
 const FormCol = class {
     constructor(hostRef) {
@@ -27,7 +25,6 @@ const FormCol = class {
 };
 
 const balFormGridCss = ".bal-form-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}@media screen and (min-width: 1024px){.bal-form-grid{-ms-flex-direction:row;flex-direction:row}}.bal-form-grid.columns{margin-top:0 !important;margin-bottom:0 !important}";
-const BalFormGridStyle0 = balFormGridCss;
 
 const FormGrid = class {
     constructor(hostRef) {
@@ -37,7 +34,7 @@ const FormGrid = class {
         return (index.h(index.Host, { key: '7dd05e54b6f2070956b4630a542c249734981731', class: `bal-form-grid grid is-multiline my-none py-none` }, index.h("slot", { key: 'd9490a9e4153d985dad9258dc795ea1b092930f4' })));
     }
 };
-FormGrid.style = BalFormGridStyle0;
+FormGrid.style = balFormGridCss;
 
 exports.bal_form_col = FormCol;
 exports.bal_form_grid = FormGrid;

package/dist/cjs/bal-form.cjs.entry.js

@@ -1,29 +1,32 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const form = require('./form-17c98ac2.js');
-const helpers = require('./helpers-debb881a.js');
-require('./browser-1d542d0f.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-D4vG8k57.js');
+var form = require('./form-BSlIiqcR.js');
 
 const balFormCss = ".bal-form{display:block;position:static}";
-const BalFormStyle0 = balFormCss;
 
 const Form = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * If `true` a native form element is added as a wrapper of the slot.
+         */
         this.native = false;
+        /**
+         * If `true` it adds the novalidate attribute to the native form element.
+         */
         this.novalidate = false;
+        /**
+         * The css class for the inner form element
+         */
         this.formClass = '';
     }
     /**
      * Scrolls to the first invalid field inside this form component.
      */
     async scrollToFirstInvalidField() {
-        await helpers.waitAfterIdleCallback();
-        await helpers.waitAfterFramePaint();
+        await index.waitAfterIdleCallback();
+        await index.waitAfterFramePaint();
         form.scrollToFirstInvalidField({ formEl: this.el });
     }
     render() {
@@ -38,6 +41,6 @@ const Form = class {
     }
     get el() { return index.getElement(this); }
 };
-Form.style = BalFormStyle0;
+Form.style = balFormCss;
 
 exports.bal_form = Form;

package/dist/cjs/bal-heading_2.cjs.entry.js

@@ -1,10 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const bem = require('./bem-81bc6a2d.js');
-const browser = require('./browser-1d542d0f.js');
+var index = require('./index-D4vG8k57.js');
+var bem = require('./bem-p0PWVN8n.js');
 
 const HEADING_TAGS = {
     'display': 'h1',
@@ -65,20 +62,39 @@ const HEADING_COLORS = {
 };
 
 const balHeadingCss = ":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";
-const BalHeadingStyle0 = balHeadingCss;
 
 const Heading = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.autoFontSize = undefined;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * The actual heading level used in the HTML markup.
+         */
         this.level = 'h1';
-        this.visualLevel = undefined;
-        this.autoLevel = undefined;
+        /**
+         * When true, the text will be truncated with a text overflow ellipsis instead of wrapping.
+         * Please note that text overflow can only occur in block or inline-block level elements,
+         * as these elements require a width to overflow.
+         */
         this.noWrap = false;
+        /**
+         * If `true` the heading gets displayed slimmer.
+         */
         this.subtitle = false;
-        this.space = undefined;
+        /**
+         * The theme type of the toast.
+         */
         this.color = '';
+        /**
+         * If `true` the color gets inverted for dark backgrounds
+         */
         this.inverted = false;
+        /**
+         * If `true` adds a text shadow to improve readability on image background
+         * */
         this.shadow = false;
     }
     levelWatcher() {
@@ -117,7 +133,7 @@ const Heading = class {
      * ------------------------------------------------------
      */
     get rows() {
-        if (this.headingEl && browser.balBrowser.hasWindow) {
+        if (this.headingEl && index.balBrowser.hasWindow) {
             const computedStyle = window.getComputedStyle(this.headingEl);
             const lineHeight = parseInt(computedStyle.lineHeight.slice(0, -2), 10);
             const height = this.headingEl.offsetHeight;
@@ -155,26 +171,70 @@ const Heading = class {
         "autoLevel": ["autoLevelWatcher"]
     }; }
 };
-Heading.style = BalHeadingStyle0;
+Heading.style = balHeadingCss;
 
 const balTextCss = ":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";
-const BalTextStyle0 = balTextCss;
 
 const Text = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * PUBLIC API
+         * ------------------------------------------------------
+         */
+        /**
+         * Defines the size of the paragraph
+         */
         this.size = '';
+        /**
+         * If `true` the text has heading font family
+         */
         this.heading = false;
+        /**
+         * When true, the text will be truncated with a text overflow ellipsis instead of wrapping.
+         * Please note that text overflow can only occur in block or inline-block level elements,
+         * as these elements require a width to overflow.
+         */
         this.noWrap = false;
+        /**
+         * If `true` the text is bold
+         */
         this.bold = false;
+        /**
+         * If `true` the text is shown as a display inline
+         */
         this.inline = false;
+        /**
+         * Defines the color of the text.
+         */
         this.color = '';
+        /**
+         * Defines at which position the heading has spacing.
+         */
         this.space = '';
+        /**
+         * If `true` the color gets inverted for dark backgrounds
+         */
         this.inverted = false;
+        /**
+         * If `true` adds a text shadow to improve readability on image background
+         * */
         this.shadow = false;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
         this.disabled = undefined;
+        /**
+         * If `true` the component gets a invalid style.
+         */
         this.invalid = undefined;
+        /**
+         * @internal
+         */
         this.hovered = false;
+        /**
+         * @internal
+         */
         this.pressed = false;
     }
     /**
@@ -217,7 +277,7 @@ const Text = class {
                 .class(this.size !== '')), "data-testid": "bal-text" }, index.h("slot", { key: 'e508267e4a92701542dba64ecb4f9b488c4cd07a' }))));
     }
 };
-Text.style = BalTextStyle0;
+Text.style = balTextCss;
 
 exports.bal_heading = Heading;
 exports.bal_text = Text;