@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

package/dist/collection/components/bal-field/bal-field-message/bal-field-message.js

@@ -47,6 +47,8 @@ export class FieldMessage {
                     "tags": [],
                     "text": "Defines the color of the message."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
@@ -65,6 +67,8 @@ export class FieldMessage {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -83,6 +87,8 @@ export class FieldMessage {
                     "tags": [],
                     "text": "If `true` the component gets a valid green style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "valid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -101,6 +107,8 @@ export class FieldMessage {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -119,6 +127,8 @@ export class FieldMessage {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-field/bal-field.js

@@ -200,6 +200,8 @@ export class Field {
                     "tags": [],
                     "text": "If `true` the form control needs to be filled. If it is set to\n`false` an optional label is added to the label.."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -218,6 +220,8 @@ export class Field {
                     "tags": [],
                     "text": "If true, label and input are aligned horizontally within the field component, with the message positioned in a new line below."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "horizontal",
                 "reflect": false,
                 "defaultValue": "false"
@@ -236,6 +240,8 @@ export class Field {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -254,6 +260,8 @@ export class Field {
                     "tags": [],
                     "text": "If `true` the component gets a valid green style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "valid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -272,6 +280,8 @@ export class Field {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -290,6 +300,8 @@ export class Field {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -308,6 +320,8 @@ export class Field {
                     "tags": [],
                     "text": "If `true` a loading spinner is visible at the end of the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "undefined"

package/dist/collection/components/bal-file-upload/bal-file-upload.js

@@ -7,7 +7,6 @@ import { FileListComponent } from "./components/file-list";
 import { toFileArray, toFileList } from "./utils/file-list.util";
 import { validateFileArray } from "./utils/file-validation.util";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ListenTo } from "../../utils/listen";
 export class FileUpload {
     constructor() {
         this.fileUploadId = `bal-file-upload-${FileUploadIds++}`;
@@ -202,16 +201,16 @@ export class FileUpload {
      */
     render() {
         const id = this.ariaForm.controlId || this.fileUploadId;
-        return (h(Host, { key: '474742770b56c2c9200dc402db53bb4266592c72', onClick: this.onHostClick, "aria-disabled": this.disabled ? 'true' : null, class: {
+        return (h(Host, { key: 'e1924e378256a4e5f9ef14cb5dec531d1b71ed5b', onClick: this.onHostClick, "aria-disabled": this.disabled ? 'true' : null, class: {
                 'bal-file-upload': true,
-            } }, h("div", { key: '8ce2bbbf975c8fb0dfa9b177d1a107401b7d0a33', class: {
+            } }, h("div", { key: '5eea726388bf34b30d52ef057be0d02ce55a4a32', class: {
                 'file': true,
                 'is-disabled': this.disabled || this.readonly || this.loading,
                 'is-danger': this.invalid,
-            } }, h("label", { key: 'c1e836840cf74f73702af305f1d99ebca2de52b8', htmlFor: id, ref: el => (this.labelEl = el), class: {
+            } }, h("label", { key: '3db76968c7413f788b37eba41df11f398517b2c4', htmlFor: id, ref: el => (this.labelEl = el), class: {
                 'file-label': true,
                 'is-disabled': this.disabled || this.loading || this.readonly,
-            } }, h("input", { key: '3ae311e7c1c0e550b3551e9f1e70ce65c54c0c83', class: "file-input", type: "file", id: id, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (h("span", { class: "file-cta" }, h("bal-spinner", null))) : (h("span", { class: "file-cta" }, h("span", { class: "file-icon" }, h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
+            } }, h("input", { key: '5e1c43e583d684ca778836c0a209c7ad87e9fa7d', class: "file-input", type: "file", id: id, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (h("span", { class: "file-cta" }, h("bal-spinner", null))) : (h("span", { class: "file-cta" }, h("span", { class: "file-icon" }, h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
     }
     static get is() { return "bal-file-upload"; }
     static get originalStyleUrls() {
@@ -240,6 +239,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.fileUploadId"
@@ -263,6 +264,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Input value."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "label": {
@@ -279,6 +282,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Label of the drop area."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "'Choose or drop a file...'"
@@ -297,6 +302,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true` multiple file upload is possible."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "true"
@@ -315,6 +322,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -333,6 +342,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -351,6 +362,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true` the file upload is disabled and shows a spinner"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -369,6 +382,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true`, the user must fill in a value before submitting a form."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -387,6 +402,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Accepted MIME-Types like `image/png,image/jpeg`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accept",
                 "reflect": false
             },
@@ -404,6 +421,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Allowed number of files in the bundle."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-files",
                 "reflect": false
             },
@@ -421,6 +440,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Allowed max file size in bytes."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-file-size",
                 "reflect": false
             },
@@ -438,6 +459,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "Allowed max bundle size in bytes."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-bundle-size",
                 "reflect": false
             },
@@ -455,6 +478,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true` below the drop-down area it generates a file list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-file-list",
                 "reflect": false,
                 "defaultValue": "true"
@@ -473,6 +498,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -495,7 +522,9 @@ export class FileUpload {
                 "docs": {
                     "tags": [],
                     "text": "Overrides the default subtitle file size"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "autoInvalidOff": {
                 "type": "boolean",
@@ -511,6 +540,8 @@ export class FileUpload {
                     "tags": [],
                     "text": "If `true`, in Angular reactive forms the control will not be set invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
@@ -782,6 +813,15 @@ export class FileUpload {
                 "methodName": "onValueChange"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "reset",
+                "method": "resetHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-file-upload'),
@@ -789,10 +829,4 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], FileUpload.prototype, "createLogger", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], FileUpload.prototype, "resetHandler", null);
 let FileUploadIds = 0;

package/dist/collection/components/bal-footer/bal-footer.js

@@ -134,6 +134,8 @@ export class Footer {
                     "tags": [],
                     "text": "If `true` the legal Baloise links will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hide-links",
                 "reflect": false,
                 "defaultValue": "false"
@@ -158,6 +160,8 @@ export class Footer {
                     "tags": [],
                     "text": "If provided, the footer links will be overridden."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             },
             "showSocialMedia": {
@@ -174,6 +178,8 @@ export class Footer {
                     "tags": [],
                     "text": "If `true` the social media links will be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-social-media",
                 "reflect": false,
                 "defaultValue": "false"
@@ -192,6 +198,8 @@ export class Footer {
                     "tags": [],
                     "text": "If `true` the language selection will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hide-language-selection",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-form/bal-form.js

@@ -52,6 +52,8 @@ export class Form {
                     "tags": [],
                     "text": "If `true` a native form element is added as a wrapper of the slot."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "native",
                 "reflect": false,
                 "defaultValue": "false"
@@ -70,6 +72,8 @@ export class Form {
                     "tags": [],
                     "text": "If `true` it adds the novalidate attribute to the native form element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "novalidate",
                 "reflect": false,
                 "defaultValue": "false"
@@ -88,6 +92,8 @@ export class Form {
                     "tags": [],
                     "text": "The css class for the inner form element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "form-class",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js

@@ -39,6 +39,8 @@ export class FormCol {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'full'"

package/dist/collection/components/bal-heading/bal-heading.js

@@ -114,6 +114,8 @@ export class Heading {
                     "tags": [],
                     "text": "The actual heading level used in the HTML markup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "level",
                 "reflect": false,
                 "defaultValue": "'h1'"
@@ -137,6 +139,8 @@ export class Heading {
                     "tags": [],
                     "text": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "visual-level",
                 "reflect": false
             },
@@ -159,6 +163,8 @@ export class Heading {
                     "tags": [],
                     "text": "The actual heading level used in the HTML markup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-level",
                 "reflect": false
             },
@@ -176,6 +182,8 @@ export class Heading {
                     "tags": [],
                     "text": "When true, the text will be truncated with a text overflow ellipsis instead of wrapping.\nPlease note that text overflow can only occur in block or inline-block level elements,\nas these elements require a width to overflow."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-wrap",
                 "reflect": false,
                 "defaultValue": "false"
@@ -194,6 +202,8 @@ export class Heading {
                     "tags": [],
                     "text": "If `true` the heading gets displayed slimmer."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "subtitle",
                 "reflect": false,
                 "defaultValue": "false"
@@ -212,6 +222,8 @@ export class Heading {
                     "tags": [],
                     "text": "Defines at which position the heading has spacing."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space",
                 "reflect": false
             },
@@ -234,6 +246,8 @@ export class Heading {
                     "tags": [],
                     "text": "The theme type of the toast."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
@@ -252,6 +266,8 @@ export class Heading {
                     "tags": [],
                     "text": "If `true` the color gets inverted for dark backgrounds"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
@@ -270,6 +286,8 @@ export class Heading {
                     "tags": [],
                     "text": "If `true` adds a text shadow to improve readability on image background"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-hint/bal-hint.js

@@ -148,6 +148,8 @@ export class Hint {
                     "tags": [],
                     "text": "Text for the close button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "close-label",
                 "reflect": false
             },
@@ -165,6 +167,8 @@ export class Hint {
                     "tags": [],
                     "text": "Disables the close button for tablet and desktop"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "small",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-icon/bal-icon.js

@@ -4,7 +4,6 @@ import upperFirst from "lodash.upperfirst";
 import camelCase from "lodash.camelcase";
 import { BEM } from "../../utils/bem";
 import { ListenToConfig, defaultConfig } from "../../utils/config";
-import { rLCP } from "../../utils/helpers";
 export class Icon {
     constructor() {
         /**
@@ -29,7 +28,6 @@ export class Icon {
             return this.svg || '';
         };
         this.icons = defaultConfig.icons;
-        this.isLargestContentfulPaintDone = false;
         this.name = '';
         this.svg = '';
         this.size = '';
@@ -43,15 +41,6 @@ export class Icon {
         this.hovered = false;
         this.pressed = false;
     }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    componentDidLoad() {
-        rLCP(() => {
-            this.isLargestContentfulPaintDone = true;
-        });
-    }
     /**
      * LISTENERS
      * ------------------------------------------------------
@@ -115,7 +104,7 @@ export class Icon {
         const color = this.parseColor();
         const block = BEM.block('icon');
         const svgContent = this.svgContent(this.name);
-        return (h(Host, { key: '6aa25caeb32d3b55b35b7bc563823b6bcaa477f0', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-inverted').class(this.inverted)), block.modifier('is-inline').class(this.inline)), block.modifier('shadow').class(this.shadow)), block.modifier(`is-${this.size}`).class(!!this.size)), block.modifier(`is-${color}`).class()) }, this.isLargestContentfulPaintDone ? (h("div", { class: Object.assign(Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier(`turn-${this.name}`).class(this.turn)), block.modifier(`is-${this.size}`).class(!!this.size)), innerHTML: svgContent })) : ('')));
+        return (h(Host, { key: 'c26ab6c3eef33e3deec76bc20f3db215fd52c423', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-inverted').class(this.inverted)), block.modifier('is-inline').class(this.inline)), block.modifier('shadow').class(this.shadow)), block.modifier(`is-${this.size}`).class(!!this.size)), block.modifier(`is-${color}`).class()) }, h("div", { key: '0853056c0b58c51539723539628a834807018007', class: Object.assign(Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier(`turn-${this.name}`).class(this.turn)), block.modifier(`is-${this.size}`).class(!!this.size)), innerHTML: svgContent })));
     }
     static get is() { return "bal-icon"; }
     static get originalStyleUrls() {
@@ -144,6 +133,8 @@ export class Icon {
                     "tags": [],
                     "text": "Name of the baloise icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true,
                 "defaultValue": "''"
@@ -162,6 +153,8 @@ export class Icon {
                     "tags": [],
                     "text": "Svg content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "svg",
                 "reflect": false,
                 "defaultValue": "''"
@@ -185,6 +178,8 @@ export class Icon {
                     "tags": [],
                     "text": "Defines the size of the icon."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
@@ -208,6 +203,8 @@ export class Icon {
                     "tags": [],
                     "text": "The theme type of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
@@ -226,6 +223,8 @@ export class Icon {
                     "tags": [],
                     "text": "If `true` the icon has display inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inline",
                 "reflect": false,
                 "defaultValue": "false"
@@ -244,6 +243,8 @@ export class Icon {
                     "tags": [],
                     "text": "If `true` the icon is inverted"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
@@ -262,6 +263,8 @@ export class Icon {
                     "tags": [],
                     "text": "If `true` the icon is rotated 180deg"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "turn",
                 "reflect": false,
                 "defaultValue": "false"
@@ -280,6 +283,8 @@ export class Icon {
                     "tags": [],
                     "text": "If `true` adds a box shadow to improve readability on image background"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"
@@ -298,6 +303,8 @@ export class Icon {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -316,6 +323,8 @@ export class Icon {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -337,6 +346,8 @@ export class Icon {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hovered",
                 "reflect": false,
                 "defaultValue": "false"
@@ -358,6 +369,8 @@ export class Icon {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pressed",
                 "reflect": false,
                 "defaultValue": "false"
@@ -366,8 +379,7 @@ export class Icon {
     }
     static get states() {
         return {
-            "icons": {},
-            "isLargestContentfulPaintDone": {}
+            "icons": {}
         };
     }
     static get methods() {