@baloise/ds-core 19.3.0 → 19.4.0

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

@@ -1,54 +1,69 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-8d2a7ce7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { a as areArraysEqual } from './array-4c09dfe3.js';
-import { s as stopEventBubbling, i as inputHandleHostClick, a as inputHandleFocus, b as inputHandleBlur, c as inputSetFocus, d as inputSetBlur } from './form-input-1ebdb905.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { F as FileUploadRejectionReason } from './bal-file-upload.type-2a70f4ec.js';
-import { d as defaultBalAriaForm } from './form-841232ff.js';
-import { a as ariaBooleanToString } from './aria-ea150568.js';
-import './index-82aff103.js';
-import './index-95ee0c4b.js';
-import './_commonjsHelpers-1c8beb5f.js';
-import './helpers-51d51cc5.js';
-import './browser-a8073d92.js';
-import './config.utils-f3793464.js';
+import { M as h, L as Logger, H as registerInstance, P as createEvent, N as Host, O as getElement } from './index-pkPHUz5e.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
+import { a as areArraysEqual } from './array-CDfSqLEo.js';
+import { s as stopEventBubbling, i as inputHandleHostClick, a as inputHandleFocus, b as inputHandleBlur, c as inputSetFocus, d as inputSetBlur } from './form-input-CGW38ndP.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
+import { F as FileUploadRejectionReason } from './bal-file-upload.type-rBUN7c88.js';
+import { d as defaultBalAriaForm } from './form-FCLKfv6B.js';
+import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
+import './index-zWZxKBfo.js';
+import './index-B4k_dH6V.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 _default = lib.default = default_1;
+
+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 libExports = requireLib();
+var fileSize = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
 const bemListEl = BEM.block('file-upload').element('list');
 const FileListComponent = ({ files, disabled, subTitle, onRemoveFile, }) => {
@@ -58,7 +73,7 @@ const FileListComponent = ({ files, disabled, subTitle, onRemoveFile, }) => {
                 h("bal-icon", { name: "document" })),
             h("bal-list-item-content", null,
                 h("bal-list-item-title", null, file.name),
-                h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : _default(file.size))),
+                h("bal-list-item-subtitle", null, subTitle ? subTitle(file) : fileSize(file.size))),
             h("bal-list-item-icon", { right: true, class: {
                     'file-remove': true,
                     'is-clickable': !disabled,
@@ -131,20 +146,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) {
         registerInstance(this, hostRef);
-        this.balChange = createEvent(this, "balChange", 7);
-        this.balFilesAdded = createEvent(this, "balFilesAdded", 7);
-        this.balFilesRemoved = createEvent(this, "balFilesRemoved", 7);
-        this.balRejectedFile = createEvent(this, "balRejectedFile", 7);
-        this.balInputClick = createEvent(this, "balInputClick", 7);
-        this.balBlur = createEvent(this, "balBlur", 7);
-        this.balFocus = createEvent(this, "balFocus", 7);
+        this.balChange = createEvent(this, "balChange");
+        this.balFilesAdded = createEvent(this, "balFilesAdded");
+        this.balFilesRemoved = createEvent(this, "balFilesRemoved");
+        this.balRejectedFile = createEvent(this, "balRejectedFile");
+        this.balInputClick = createEvent(this, "balInputClick");
+        this.balBlur = createEvent(this, "balBlur");
+        this.balFocus = createEvent(this, "balFocus");
         this.fileUploadId = `bal-file-upload-${FileUploadIds++}`;
+        this.files = [];
+        this.focused = false;
+        this.ariaForm = 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
          * ------------------------------------------------------
@@ -234,25 +299,6 @@ const FileUpload = class {
             }
             this.balInputClick.emit(ev);
         };
-        this.files = [];
-        this.focused = false;
-        this.ariaForm = 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;
@@ -358,6 +404,6 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], FileUpload.prototype, "createLogger", null);
 let FileUploadIds = 0;
-FileUpload.style = BalFileUploadStyle0;
+FileUpload.style = balFileUploadCss;
 
 export { FileUpload as bal_file_upload };

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

@@ -1,16 +1,13 @@
-import { r as registerInstance, h, H as Host } from './index-8d2a7ce7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { l as loadFooterLinks, a as loadSocialMediaLinks, L as Language } from './index.esm-9079680d.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import { n as rIC } from './helpers-51d51cc5.js';
-import { I as updateBalLanguage } from './config.utils-f3793464.js';
-import { d as defaultConfig } from './config.default-53a04699.js';
-import { L as ListenToConfig } from './config.decorator-6795d1fe.js';
-import './index-95ee0c4b.js';
-import './_commonjsHelpers-1c8beb5f.js';
-import './index-bba06972.js';
-import './browser-a8073d92.js';
+import { L as Logger, H as registerInstance, f as defaultConfig, l as updateBalLanguage, J as rIC, M as h, N as Host } from './index-pkPHUz5e.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
+import { l as loadFooterLinks, a as loadSocialMediaLinks, L as Language } from './index.esm-Btc0yydR.js';
+import { L as ListenToConfig } from './config.decorator-T4wBa62Z.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
+import './index-zWZxKBfo.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './index-B4k_dH6V.js';
+import './index-BU7FUSdu.js';
+import './index-D6JOtC1P.js';
 
 const i18nBalFooter = {
     en: {
@@ -46,7 +43,6 @@ 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) {
@@ -56,9 +52,25 @@ const Footer = class {
         this.language = defaultConfig.language;
         this.region = defaultConfig.region;
         this.allowedLanguages = 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) {
@@ -158,6 +170,6 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", Promise)
 ], Footer.prototype, "configChanged", null);
-Footer.style = BalFooterStyle0;
+Footer.style = balFooterCss;
 
 export { Footer as bal_footer };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
+import { H as registerInstance, M as h, N as Host, O as getElement } from './index-pkPHUz5e.js';
 
 const FormCol = class {
     constructor(hostRef) {
@@ -23,7 +23,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) {
@@ -33,6 +32,6 @@ const FormGrid = class {
         return (h(Host, { key: '7dd05e54b6f2070956b4630a542c249734981731', class: `bal-form-grid grid is-multiline my-none py-none` }, h("slot", { key: 'd9490a9e4153d985dad9258dc795ea1b092930f4' })));
     }
 };
-FormGrid.style = BalFormGridStyle0;
+FormGrid.style = balFormGridCss;
 
 export { FormCol as bal_form_col, FormGrid as bal_form_grid };

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

@@ -1,17 +1,22 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
-import { s as scrollToFirstInvalidField } from './form-841232ff.js';
-import { e as waitAfterIdleCallback, b as waitAfterFramePaint } from './helpers-51d51cc5.js';
-import './browser-a8073d92.js';
-import './config.utils-f3793464.js';
+import { H as registerInstance, y as waitAfterIdleCallback, x as waitAfterFramePaint, M as h, N as Host, O as getElement } from './index-pkPHUz5e.js';
+import { s as scrollToFirstInvalidField } from './form-FCLKfv6B.js';
 
 const balFormCss = ".bal-form{display:block;position:static}";
-const BalFormStyle0 = balFormCss;
 
 const Form = class {
     constructor(hostRef) {
         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 = '';
     }
     /**
@@ -34,6 +39,6 @@ const Form = class {
     }
     get el() { return getElement(this); }
 };
-Form.style = BalFormStyle0;
+Form.style = balFormCss;
 
 export { Form as bal_form };

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

@@ -1,6 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { b as balBrowser } from './browser-a8073d92.js';
+import { H as registerInstance, a as balBrowser, M as h, N as Host, O as getElement } from './index-pkPHUz5e.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
 
 const HEADING_TAGS = {
     'display': 'h1',
@@ -61,20 +60,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) {
         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() {
@@ -151,26 +169,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) {
         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;
     }
     /**
@@ -213,6 +275,6 @@ const Text = class {
                 .class(this.size !== '')), "data-testid": "bal-text" }, h("slot", { key: 'e508267e4a92701542dba64ecb4f9b488c4cd07a' }))));
     }
 };
-Text.style = BalTextStyle0;
+Text.style = balTextCss;
 
 export { Heading as bal_heading, Text as bal_text };