@swisspost/design-system-components 10.0.0-next.39 → 10.0.0-next.41

package/dist/collection/components/post-popovercontainer/post-popovercontainer.js

@@ -4,18 +4,34 @@ import { version } from "../../../../package";
 import { arrow, autoUpdate, computePosition, flip, inline, limitShift, offset, shift, size, } from "@floating-ui/dom";
 import { PLACEMENT_TYPES } from "../../types/index";
 // Polyfill for popovers, can be removed when https://caniuse.com/?search=popover is green
-import { apply, isSupported } from "@oddbird/popover-polyfill/dist/popover-fn.js";
+import { apply, isSupported } from "@oddbird/popover-polyfill/fn";
 /**
  * @slot - Default slot for placing content inside the popovercontainer.
  */
 export class PostPopovercontainer {
     constructor() {
+        /**
+         * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
+         * Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted
+         * towards the viewport if they would overlap edge boundaries.
+         */
         this.placement = 'top';
+        /**
+         * Gap between the edge of the page and the popovercontainer
+         */
         this.edgeGap = 8;
+        /**
+         * Animation style
+         */
         this.animation = null;
+        /**
+         * Whether or not to display a little pointer arrow
+         */
         this.arrow = false;
+        /**
+         * Whether or not the popovercontainer should close when user clicks outside of it
+         */
         this.manualClose = false;
-        this.safeSpace = undefined;
     }
     validatePlacement() {
         checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
@@ -53,11 +69,11 @@ export class PostPopovercontainer {
      * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown
      */
     async show(target) {
-        if (!this.toggleTimeoutId) {
-            this.eventTarget = target;
-            this.calculatePosition();
-            this.host.showPopover();
-        }
+        if (this.toggleTimeoutId)
+            return;
+        this.eventTarget = target;
+        this.calculatePosition();
+        this.host.showPopover();
     }
     /**
      * Programmatically hide the popovercontainer
@@ -235,9 +251,9 @@ export class PostPopovercontainer {
     }
     render() {
         const animationClass = this.animation ? `animate-${this.animation}` : '';
-        return (h(Host, { key: '7b5c3ad89739db0387473db9228014ca9596b8a3', "data-version": version, popover: this.manualClose ? 'manual' : 'auto' }, h("div", { key: '0db14a34b3bb8e248bb0adead08afc9b7007edf6', class: animationClass }, this.arrow && (h("span", { key: 'e7061112aebb882194b79e82535074f34ddbbfd1', class: "arrow", ref: el => {
+        return (h(Host, { key: '357f53696ca28ab2c137d47e2192038dc756c289', "data-version": version, popover: this.manualClose ? 'manual' : 'auto' }, h("div", { key: '9c40bdc5034ccf14157ee1ae8ce33fe58a9049e4', class: animationClass }, this.arrow && (h("span", { key: '6133ab54aaea6f198560ca5cb30f5604318203f6', class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("slot", { key: 'efc25097a97f87a9eb742379d8a70b0fc2c78682' }))));
+            } })), h("slot", { key: '39f53833a3f570b2c8807a5903b531c6733b0ada' }))));
     }
     static get is() { return "post-popovercontainer"; }
     static get originalStyleUrls() {
@@ -254,6 +270,7 @@ export class PostPopovercontainer {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -262,7 +279,7 @@ export class PostPopovercontainer {
                         "Placement": {
                             "location": "import",
                             "path": "@floating-ui/dom",
-                            "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                            "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
                         }
                     }
                 },
@@ -272,12 +289,14 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nPopovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted\ntowards the viewport if they would overlap edge boundaries."
                 },
-                "attribute": "placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'top'"
             },
             "edgeGap": {
                 "type": "number",
+                "attribute": "edge-gap",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -290,12 +309,14 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Gap between the edge of the page and the popovercontainer"
                 },
-                "attribute": "edge-gap",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "8"
             },
             "animation": {
                 "type": "string",
+                "attribute": "animation",
                 "mutable": false,
                 "complexType": {
                     "original": "'pop-in' | null",
@@ -308,12 +329,14 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Animation style"
                 },
-                "attribute": "animation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "arrow": {
                 "type": "boolean",
+                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -326,12 +349,14 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Whether or not to display a little pointer arrow"
                 },
-                "attribute": "arrow",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "manualClose": {
                 "type": "boolean",
+                "attribute": "manual-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -344,12 +369,14 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Whether or not the popovercontainer should close when user clicks outside of it"
                 },
-                "attribute": "manual-close",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "safeSpace": {
                 "type": "string",
+                "attribute": "safe-space",
                 "mutable": false,
                 "complexType": {
                     "original": "'triangle' | 'trapezoid'",
@@ -362,7 +389,8 @@ export class PostPopovercontainer {
                     "tags": [],
                     "text": "Enables a safespace through which the cursor can be moved without the popover being disabled"
                 },
-                "attribute": "safe-space",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };

package/dist/collection/components/post-rating/post-rating.js

@@ -18,10 +18,22 @@ export class PostRating {
     }
     constructor() {
         this.hasChanged = false;
-        this.hoveredIndex = undefined;
+        /**
+         * Defines a hidden label for the component.
+         */
         this.label = 'Rating';
+        /**
+         * Defines the total amount of stars rendered in the component.
+         */
         this.stars = 5;
+        /**
+         * Defines the rating that the component should show.
+         */
         this.currentRating = 0;
+        /**
+         * Defines if the component is readonly or not.
+         * This usually should be used together with the `currentRating` property.
+         */
         this.readonly = false;
         this.keydownHandler = this.keydownHandler.bind(this);
         this.blurHandler = this.blurHandler.bind(this);
@@ -79,7 +91,7 @@ export class PostRating {
         }
     }
     render() {
-        return (h(Host, { key: '91f3a00b43c003fdeae8c56df2aff30218d44974', "data-version": version }, h("div", { key: '02b0c4a6cce70faf47f0cbed806c0cec02eae56b', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (h(Host, { key: '588c5d3c4600faa939cab4b673e27d08182323da', "data-version": version }, h("div", { key: '8fced4724505cdc2f3fb3160cf276ed1280b5431', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),
@@ -103,6 +115,7 @@ export class PostRating {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -115,12 +128,14 @@ export class PostRating {
                     "tags": [],
                     "text": "Defines a hidden label for the component."
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'Rating'"
             },
             "stars": {
                 "type": "number",
+                "attribute": "stars",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -133,12 +148,14 @@ export class PostRating {
                     "tags": [],
                     "text": "Defines the total amount of stars rendered in the component."
                 },
-                "attribute": "stars",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "5"
             },
             "currentRating": {
                 "type": "number",
+                "attribute": "current-rating",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -151,12 +168,14 @@ export class PostRating {
                     "tags": [],
                     "text": "Defines the rating that the component should show."
                 },
-                "attribute": "current-rating",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "0"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -169,7 +188,8 @@ export class PostRating {
                     "tags": [],
                     "text": "Defines if the component is readonly or not.\nThis usually should be used together with the `currentRating` property."
                 },
-                "attribute": "readonly",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/post-tab-header/post-tab-header.js

@@ -6,10 +6,6 @@ import { nanoid } from "nanoid";
  * @slot default - Slot for the content of the tab header.
  */
 export class PostTabHeader {
-    constructor() {
-        this.tabId = undefined;
-        this.panel = undefined;
-    }
     validateFor() {
         checkRequiredAndType(this, 'panel', 'string');
     }
@@ -17,7 +13,7 @@ export class PostTabHeader {
         this.tabId = `tab-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: '5046c46fa27fd6586c694420abf197b227b56520', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '78c2f660e4f2307ca95a63f4cfd90d08cc6942df' })));
+        return (h(Host, { key: 'd5f6cd0ceb819b475ec49f8ea66e6b4b25f04f8e', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '8a87fef31572674981dab80e56e6b20163b448ae' })));
     }
     static get is() { return "post-tab-header"; }
     static get encapsulation() { return "shadow"; }
@@ -35,6 +31,7 @@ export class PostTabHeader {
         return {
             "panel": {
                 "type": "string",
+                "attribute": "panel",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -47,7 +44,8 @@ export class PostTabHeader {
                     "tags": [],
                     "text": "The name of the panel controlled by the tab header."
                 },
-                "attribute": "panel",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };

package/dist/collection/components/post-tab-panel/post-tab-panel.js

@@ -6,10 +6,6 @@ import { checkRequiredAndType } from "../../utils/index";
  * @slot default - Slot for placing the content of the tab panel.
  */
 export class PostTabPanel {
-    constructor() {
-        this.panelId = undefined;
-        this.name = undefined;
-    }
     validateName() {
         checkRequiredAndType(this, 'name', 'string');
     }
@@ -19,7 +15,7 @@ export class PostTabPanel {
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: 'aef9d8692392f57745c0d0a0af13fedb6f67f231', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '1e51f8680f4e7bdcb37994db3e70e828dde61dc0' })));
+        return (h(Host, { key: '609dd2b8bf26e58e92a1dbc827e4479ac416d95b', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '121538878e0298f1f16f6e20eeb15d5da8a5ba9c' })));
     }
     static get is() { return "post-tab-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -37,6 +33,7 @@ export class PostTabPanel {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -49,7 +46,8 @@ export class PostTabPanel {
                     "tags": [],
                     "text": "The name of the panel, used to associate it with a tab header."
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };

package/dist/collection/components/post-tabs/post-tabs.js

@@ -11,7 +11,6 @@ import { componentOnReady } from "../../utils/index";
 export class PostTabs {
     constructor() {
         this.isLoaded = false;
-        this.activePanel = undefined;
     }
     get tabs() {
         return Array.from(this.host.querySelectorAll('post-tab-header')).filter(tab => tab.closest('post-tabs') === this.host);
@@ -141,7 +140,7 @@ export class PostTabs {
         nextTab.focus();
     }
     render() {
-        return (h(Host, { key: 'b38b216caa48cb36b73f36669a650bc88b56c860', "data-version": version }, h("div", { key: '751f88c9f0241e42b6c8d996b3645c26113f0ce2', class: "tabs-wrapper", part: "tabs" }, h("div", { key: 'd194ce33913a2ed6abbdd939ad5dcdc74e6f6798', class: "tabs", role: "tablist" }, h("slot", { key: '46fb9cf2d52fadf9418dff7050b78274457c3b0a', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'db2bfba595dab2730b9189a935dcd99504d7bad6', class: "tab-content", part: "content" }, h("slot", { key: '35795441e71901727fad9d759da483f55a865e97', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (h(Host, { key: 'd7beaed26b8f79f7a8641bf5524236b8722a56d4', "data-version": version }, h("div", { key: '75449ea13ad30ca5bb402354cdf2eee51a6c8096', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '4eeafd45c7bac47ff16ceffd2643adaabdd01234', class: "tabs", role: "tablist" }, h("slot", { key: 'e3299d68dc943c2b0bf2ff1b48d54de65f00eb94', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '7bb1bf2984063cba9c7170e92cecbf4d4a4a21d9', class: "tab-content", part: "content" }, h("slot", { key: '8abb196b98d41eaa08c08598efed698533f215ec', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     static get is() { return "post-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -159,6 +158,7 @@ export class PostTabs {
         return {
             "activePanel": {
                 "type": "string",
+                "attribute": "active-panel",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLPostTabPanelElement['name']",
@@ -176,7 +176,8 @@ export class PostTabs {
                     "tags": [],
                     "text": "The name of the panel that is initially shown.\nIf not specified, it defaults to the panel associated with the first tab.\n\n**Changing this value after initialization has no effect.**"
                 },
-                "attribute": "active-panel",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/post-tag/post-tag.js

@@ -6,10 +6,6 @@ import { checkEmptyOrOneOf, checkEmptyOrType } from "../../utils/index";
  */
 export class PostTag {
     constructor() {
-        this.classes = undefined;
-        this.variant = undefined;
-        this.size = undefined;
-        this.icon = undefined;
         this.setClasses = this.setClasses.bind(this);
     }
     variantChanged() {
@@ -41,7 +37,7 @@ export class PostTag {
         this.setClasses();
     }
     render() {
-        return (h(Host, { key: 'ecc396b297434d07c2fbca896ad7dbb817c5e52c', "data-version": version }, h("div", { key: 'cf43facc3b6d7caa329fb2b62a67931e53aaeb98', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '60232a82d9c231da41d22dd5e50744378dab54aa', class: "tag-text" }, h("slot", { key: '6b95fe941aac88e3ce6103187d5d831d53f8c315' })))));
+        return (h(Host, { key: '9e30e11663e54fb6bc389cfe7b060cace37c304e', "data-version": version }, h("div", { key: '09b0ea2d6df0631f00d78a6978d4aad4b429f39e', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'a041daf35564806f3bff974d04536972b1564a35', class: "tag-text" }, h("slot", { key: '97fb0e540d631062268b9080db3eb5e4aacf0242' })))));
     }
     static get is() { return "post-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -59,6 +55,7 @@ export class PostTag {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow'",
@@ -71,11 +68,13 @@ export class PostTag {
                     "tags": [],
                     "text": "Defines the color variant of the component."
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'sm'",
@@ -88,11 +87,13 @@ export class PostTag {
                     "tags": [],
                     "text": "Defines the size of the component."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -100,12 +101,13 @@ export class PostTag {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the icon `name` inside of the component.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>\nTo learn which icons are available, please visit our <a href=\"/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs\">icon library</a>."
                 },
-                "attribute": "icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/post-togglebutton/post-togglebutton.js

@@ -5,6 +5,10 @@ import { version } from "../../../../package";
  */
 export class PostTogglebutton {
     constructor() {
+        /**
+         * If `true`, the button is in the "on" state, otherwise it is in the "off" state.
+         */
+        this.toggled = false;
         this.handleClick = () => {
             this.toggled = !this.toggled;
         };
@@ -15,7 +19,6 @@ export class PostTogglebutton {
                 this.host.click();
             }
         };
-        this.toggled = false;
     }
     componentWillLoad() {
         // add event listener to not override listener that might be set on the host
@@ -23,7 +26,7 @@ export class PostTogglebutton {
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e));
     }
     render() {
-        return (h(Host, { key: 'd79b9952861afa27d8d1c5afb492e585bdc8a722', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: 'aad4cc86756d0688d10f1b28dc14d6b464ab8830' })));
+        return (h(Host, { key: '1025fb988460e85c92e49241889363e1bcc840eb', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '20d3eb9415685fb9a00a5613474c432f6638692e' })));
     }
     static get is() { return "post-togglebutton"; }
     static get encapsulation() { return "shadow"; }
@@ -41,6 +44,7 @@ export class PostTogglebutton {
         return {
             "toggled": {
                 "type": "boolean",
+                "attribute": "toggled",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -53,7 +57,8 @@ export class PostTogglebutton {
                     "tags": [],
                     "text": "If `true`, the button is in the \"on\" state, otherwise it is in the \"off\" state."
                 },
-                "attribute": "toggled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/post-tooltip/post-tooltip.js

@@ -4,9 +4,19 @@ import { checkEmptyOrOneOf } from "../../utils/index";
 import { PLACEMENT_TYPES } from "../../types/index";
 export class PostTooltip {
     constructor() {
+        /**
+         * Defines the position of the tooltip relative to its trigger.
+         * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+         * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
+         */
         this.placement = 'top';
+        /**
+         * Whether or not to display a little pointer arrow
+         */
         this.arrow = false;
-        this.animation = undefined;
+        /**
+         * Indicates the open state of the tooltip
+         */
         this.open = false;
     }
     validatePlacement() {
@@ -54,7 +64,7 @@ export class PostTooltip {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: 'e6bb167dd89c7549f4bed625dbeb652eac871ce5', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: 'f5dc041dc440f7dc5410e9ee020f51a974ff3e83', safeSpace: "trapezoid", class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'e1ee7b0cfb57dc927a96574b10af50c3bd12328c' }))));
+        return (h(Host, { key: '1e1d3f4e204b42c8202af63bd7dec12de3c8e16a', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: 'e410952b4e75915e51d57eec2dbecce2b5d55733', safeSpace: "trapezoid", class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '494e3136dbe96cf611a41753711efb03cab30a12' }))));
     }
     static get is() { return "post-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -72,6 +82,7 @@ export class PostTooltip {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -80,7 +91,7 @@ export class PostTooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@floating-ui/dom",
-                            "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                            "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
                         }
                     }
                 },
@@ -90,12 +101,14 @@ export class PostTooltip {
                     "tags": [],
                     "text": "Defines the position of the tooltip relative to its trigger.\nTooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.\nFor supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement)."
                 },
-                "attribute": "placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'top'"
             },
             "arrow": {
                 "type": "boolean",
+                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -108,12 +121,14 @@ export class PostTooltip {
                     "tags": [],
                     "text": "Whether or not to display a little pointer arrow"
                 },
-                "attribute": "arrow",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "animation": {
                 "type": "string",
+                "attribute": "animation",
                 "mutable": false,
                 "complexType": {
                     "original": "'pop-in'",
@@ -126,11 +141,13 @@ export class PostTooltip {
                     "tags": [],
                     "text": "Choose a tooltip animation"
                 },
-                "attribute": "animation",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -143,7 +160,8 @@ export class PostTooltip {
                     "tags": [],
                     "text": "Indicates the open state of the tooltip"
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             }