@swisspost/design-system-components 9.0.0-next.12 → 9.0.0-next.14

package/dist/components/{post-language-switch2.js → p-f6d80d76.js}

@@ -1,38 +1,50 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as checkEmptyOrOneOf } from './index2.js';
-import { v as version } from './package.js';
-import { n as nanoid } from './index.browser.js';
-import { d as defineCustomElement$4 } from './post-icon2.js';
-import { d as defineCustomElement$3 } from './post-menu2.js';
-import { d as defineCustomElement$2 } from './post-menu-trigger2.js';
-import { d as defineCustomElement$1 } from './post-popovercontainer2.js';
-import { c as checkType } from './check-type.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-3e8554e7.js';
+import { c as checkEmptyOrOneOf } from './p-eabb09ad.js';
+import { v as version } from './p-2083ae2c.js';
+import { n as nanoid } from './p-5959f2bd.js';
+import { d as defineCustomElement$4 } from './p-91031e3b.js';
+import { d as defineCustomElement$3 } from './p-91882483.js';
+import { d as defineCustomElement$2 } from './p-8b053fd5.js';
+import { d as defineCustomElement$1 } from './p-60cf53cc.js';
+import { c as checkType } from './p-8562c7dc.js';
 
 const SWITCH_VARIANTS = ['list', 'menu'];
 
-const postLanguageSwitchCss = ":host{display:block}@media screen and (max-width: 1023.99px){:host{display:flex !important;gap:.5rem}}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
+const postLanguageSwitchCss = ":host{display:block}@media screen and (max-width: 1023.98px){:host{display:flex !important;gap:.5rem}}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
 const PostLanguageSwitchStyle0 = postLanguageSwitchCss;
 
-const PostLanguageSwitch = /*@__PURE__*/ proxyCustomElement(class PostLanguageSwitch extends HTMLElement {
+const PostLanguageSwitch = /*@__PURE__*/ proxyCustomElement(class PostLanguageSwitch extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.menuId = `p${nanoid(11)}`;
-        this.caption = undefined;
-        this.description = undefined;
-        this.variant = 'list';
-        this.activeLang = undefined;
     }
+    get host() { return this; }
+    /**
+     * A title for the list of language options
+     */
+    caption;
     validateCaption(value = this.caption) {
         checkType(value, 'string', 'The "caption" property of the post-language-switch component must be a string.');
     }
+    /**
+     * A descriptive text for the list of language options
+     */
+    description;
     validateDescription(value = this.description) {
         checkType(value, 'string', 'The "description" property of the post-language-switch component must be a string.');
     }
+    /**
+     * Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)
+     */
+    variant = 'list';
     validateVariant(value = this.variant) {
         checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be:  ${SWITCH_VARIANTS.join(', ')}`);
     }
+    /**
+     * The active language of the language switch
+     */
+    activeLang;
     connectedCallback() {
         this.updateChildrenVariant();
         // Get the active language based on children's active state
@@ -72,6 +84,7 @@ const PostLanguageSwitch = /*@__PURE__*/ proxyCustomElement(class PostLanguageSw
             }
         });
     }
+    menuId = `p${nanoid(11)}`;
     renderList() {
         return (h(Host, { "data-version": version, "aria-label": `${this.caption}, ${this.description}`, "aria-role": "list" }, h("slot", null)));
     }
@@ -81,7 +94,6 @@ const PostLanguageSwitch = /*@__PURE__*/ proxyCustomElement(class PostLanguageSw
     render() {
         return this.variant === 'list' ? this.renderList() : this.renderDropdown();
     }
-    get host() { return this; }
     static get watchers() { return {
         "caption": ["validateCaption"],
         "description": ["validateDescription"],

package/dist/components/p-f7b9f90a.js

@@ -0,0 +1,135 @@
+/* eslint-disable no-undefined,no-param-reassign,no-shadow */
+
+/**
+ * Throttle execution of a function. Especially useful for rate limiting
+ * execution of handlers on events like resize and scroll.
+ *
+ * @param {number} delay -                  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
+ *                                            are most useful.
+ * @param {Function} callback -               A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
+ *                                            as-is, to `callback` when the throttled-function is executed.
+ * @param {object} [options] -              An object to configure options.
+ * @param {boolean} [options.noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
+ *                                            while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
+ *                                            one final time after the last throttled-function call. (After the throttled-function has not been called for
+ *                                            `delay` milliseconds, the internal counter is reset).
+ * @param {boolean} [options.noLeading] -   Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
+ *                                            immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
+ *                                            callback will never executed if both noLeading = true and noTrailing = true.
+ * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
+ *                                            false (at end), schedule `callback` to execute after `delay` ms.
+ *
+ * @returns {Function} A new, throttled, function.
+ */
+function throttle (delay, callback, options) {
+  var _ref = options || {},
+    _ref$noTrailing = _ref.noTrailing,
+    noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
+    _ref$noLeading = _ref.noLeading,
+    noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
+    _ref$debounceMode = _ref.debounceMode,
+    debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
+  /*
+   * After wrapper has stopped being called, this timeout ensures that
+   * `callback` is executed at the proper times in `throttle` and `end`
+   * debounce modes.
+   */
+  var timeoutID;
+  var cancelled = false;
+
+  // Keep track of the last time `callback` was executed.
+  var lastExec = 0;
+
+  // Function to clear existing timeout
+  function clearExistingTimeout() {
+    if (timeoutID) {
+      clearTimeout(timeoutID);
+    }
+  }
+
+  // Function to cancel next exec
+  function cancel(options) {
+    var _ref2 = options || {},
+      _ref2$upcomingOnly = _ref2.upcomingOnly,
+      upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
+    clearExistingTimeout();
+    cancelled = !upcomingOnly;
+  }
+
+  /*
+   * The `wrapper` function encapsulates all of the throttling / debouncing
+   * functionality and when executed will limit the rate at which `callback`
+   * is executed.
+   */
+  function wrapper() {
+    for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
+      arguments_[_key] = arguments[_key];
+    }
+    var self = this;
+    var elapsed = Date.now() - lastExec;
+    if (cancelled) {
+      return;
+    }
+
+    // Execute `callback` and update the `lastExec` timestamp.
+    function exec() {
+      lastExec = Date.now();
+      callback.apply(self, arguments_);
+    }
+
+    /*
+     * If `debounceMode` is true (at begin) this is used to clear the flag
+     * to allow future `callback` executions.
+     */
+    function clear() {
+      timeoutID = undefined;
+    }
+    if (!noLeading && debounceMode && !timeoutID) {
+      /*
+       * Since `wrapper` is being called for the first time and
+       * `debounceMode` is true (at begin), execute `callback`
+       * and noLeading != true.
+       */
+      exec();
+    }
+    clearExistingTimeout();
+    if (debounceMode === undefined && elapsed > delay) {
+      if (noLeading) {
+        /*
+         * In throttle mode with noLeading, if `delay` time has
+         * been exceeded, update `lastExec` and schedule `callback`
+         * to execute after `delay` ms.
+         */
+        lastExec = Date.now();
+        if (!noTrailing) {
+          timeoutID = setTimeout(debounceMode ? clear : exec, delay);
+        }
+      } else {
+        /*
+         * In throttle mode without noLeading, if `delay` time has been exceeded, execute
+         * `callback`.
+         */
+        exec();
+      }
+    } else if (noTrailing !== true) {
+      /*
+       * In trailing throttle mode, since `delay` time has not been
+       * exceeded, schedule `callback` to execute `delay` ms after most
+       * recent execution.
+       *
+       * If `debounceMode` is true (at begin), schedule `clear` to execute
+       * after `delay` ms.
+       *
+       * If `debounceMode` is false (at end), schedule `callback` to
+       * execute after `delay` ms.
+       */
+      timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
+    }
+  }
+  wrapper.cancel = cancel;
+
+  // Return the wrapper function.
+  return wrapper;
+}
+
+export { throttle as t };

package/dist/components/{post-rating2.js → p-fc59de7c.js}

@@ -1,23 +1,47 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { d as defineCustomElement$1 } from './post-icon2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-3e8554e7.js';
+import { v as version } from './p-2083ae2c.js';
+import { d as defineCustomElement$1 } from './p-91031e3b.js';
 
 const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";
 const PostRatingStyle0 = postRatingCss;
 
-const PostRating = /*@__PURE__*/ proxyCustomElement(class PostRating extends HTMLElement {
+const PostRating = /*@__PURE__*/ proxyCustomElement(class PostRating extends H {
+    hasChanged = false;
+    get host() { return this; }
+    hoveredIndex;
+    /**
+     * Defines a hidden label for the component.
+     */
+    label = 'Rating';
+    /**
+     * Defines the total amount of stars rendered in the component.
+     */
+    stars = 5;
+    /**
+     * Defines the rating that the component should show.
+     */
+    currentRating = 0;
+    /**
+     * Defines if the component is readonly or not.
+     * This usually should be used together with the `currentRating` property.
+     */
+    readonly = false;
+    /**
+     * An event emitted whenever the component's value has changed (on input).
+     * The event payload can be used like so: `event.detail.value`.
+     */
+    postInput;
+    /**
+     * An event emitted whenever the component's value has changed (on blur).
+     * The event payload can be used like so: `event.detail.value`.
+     */
+    postChange;
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
         this.postInput = createEvent(this, "postInput", 7);
         this.postChange = createEvent(this, "postChange", 7);
-        this.hasChanged = false;
-        this.hoveredIndex = undefined;
-        this.label = 'Rating';
-        this.stars = 5;
-        this.currentRating = 0;
-        this.readonly = false;
         this.keydownHandler = this.keydownHandler.bind(this);
         this.blurHandler = this.blurHandler.bind(this);
         this.hoverHandler = this.hoverHandler.bind(this);
@@ -74,7 +98,7 @@ const PostRating = /*@__PURE__*/ proxyCustomElement(class PostRating extends HTM
         }
     }
     render() {
-        return (h(Host, { key: 'bb4ab7c2ae609e8e288c62516be93f0b96926eff', "data-version": version }, h("div", { key: '0176474611f998938aef0b267c118478d6623fbc', 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: '64891ff9f0ef8f7bc2be5df9e989577830b35ffc', "data-version": version }, h("div", { key: 'b4e7050864265e33e08b88fc3d5c8eea3cf6ab0e', 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),
@@ -82,7 +106,6 @@ const PostRating = /*@__PURE__*/ proxyCustomElement(class PostRating extends HTM
                 'after-active': i > this.hoveredIndex && i < this.currentRating,
             }, onClick: () => this.update(i + 1), onMouseEnter: e => this.hoverHandler(i, e), onMouseLeave: e => this.hoverHandler(i, e) }, h("post-icon", { name: "2062", class: "stroke" }), h("post-icon", { name: "2574", class: "fill" })))))));
     }
-    get host() { return this; }
     static get style() { return PostRatingStyle0; }
 }, [1, "post-rating", {
         "label": [1],

package/dist/components/post-accordion-item.js

@@ -1,4 +1,4 @@
-import { P as PostAccordionItem$1, d as defineCustomElement$1 } from './post-accordion-item2.js';
+import { P as PostAccordionItem$1, d as defineCustomElement$1 } from './p-68ecd276.js';
 
 const PostAccordionItem = PostAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-accordion.js

@@ -1,4 +1,4 @@
-import { P as PostAccordion$1, d as defineCustomElement$1 } from './post-accordion2.js';
+import { P as PostAccordion$1, d as defineCustomElement$1 } from './p-a3a004e6.js';
 
 const PostAccordion = PostAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-avatar.js

@@ -1,4 +1,4 @@
-import { P as PostAvatar$1, d as defineCustomElement$1 } from './post-avatar2.js';
+import { P as PostAvatar$1, d as defineCustomElement$1 } from './p-d3fb70af.js';
 
 const PostAvatar = PostAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-back-to-top.js

@@ -1,4 +1,4 @@
-import { P as PostBackToTop$1, d as defineCustomElement$1 } from './post-back-to-top2.js';
+import { P as PostBackToTop$1, d as defineCustomElement$1 } from './p-e20366a6.js';
 
 const PostBackToTop = PostBackToTop$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-banner.js

@@ -1,4 +1,4 @@
-import { P as PostBanner$1, d as defineCustomElement$1 } from './post-banner2.js';
+import { P as PostBanner$1, d as defineCustomElement$1 } from './p-4965cfe1.js';
 
 const PostBanner = PostBanner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-breadcrumb-item.js

@@ -1,4 +1,4 @@
-import { P as PostBreadcrumbItem$1, d as defineCustomElement$1 } from './post-breadcrumb-item2.js';
+import { P as PostBreadcrumbItem$1, d as defineCustomElement$1 } from './p-c7c1d466.js';
 
 const PostBreadcrumbItem = PostBreadcrumbItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-breadcrumb.js

@@ -1,4 +1,4 @@
-import { P as PostBreadcrumb$1, d as defineCustomElement$1 } from './post-breadcrumb2.js';
+import { P as PostBreadcrumb$1, d as defineCustomElement$1 } from './p-146677d1.js';
 
 const PostBreadcrumb = PostBreadcrumb$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-card-control.js

@@ -1,4 +1,4 @@
-import { P as PostCardControl$1, d as defineCustomElement$1 } from './post-card-control2.js';
+import { P as PostCardControl$1, d as defineCustomElement$1 } from './p-38778a14.js';
 
 const PostCardControl = PostCardControl$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-closebutton.js

@@ -1,4 +1,4 @@
-import { P as PostClosebutton$1, d as defineCustomElement$1 } from './post-closebutton2.js';
+import { P as PostClosebutton$1, d as defineCustomElement$1 } from './p-bf14d264.js';
 
 const PostClosebutton = PostClosebutton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-collapsible-trigger.js

@@ -1,4 +1,4 @@
-import { P as PostCollapsibleTrigger$1, d as defineCustomElement$1 } from './post-collapsible-trigger2.js';
+import { P as PostCollapsibleTrigger$1, d as defineCustomElement$1 } from './p-05590ac0.js';
 
 const PostCollapsibleTrigger = PostCollapsibleTrigger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-collapsible.js

@@ -1,4 +1,4 @@
-import { P as PostCollapsible$1, d as defineCustomElement$1 } from './post-collapsible2.js';
+import { P as PostCollapsible$1, d as defineCustomElement$1 } from './p-b018d864.js';
 
 const PostCollapsible = PostCollapsible$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-footer.js

@@ -1,4 +1,4 @@
-import { P as PostFooter$1, d as defineCustomElement$1 } from './post-footer2.js';
+import { P as PostFooter$1, d as defineCustomElement$1 } from './p-58878996.js';
 
 const PostFooter = PostFooter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-header.js

@@ -1,4 +1,4 @@
-import { P as PostHeader$1, d as defineCustomElement$1 } from './post-header2.js';
+import { P as PostHeader$1, d as defineCustomElement$1 } from './p-424d5ea9.js';
 
 const PostHeader = PostHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-icon.js

@@ -1,4 +1,4 @@
-import { P as PostIcon$1, d as defineCustomElement$1 } from './post-icon2.js';
+import { P as PostIcon$1, d as defineCustomElement$1 } from './p-91031e3b.js';
 
 const PostIcon = PostIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-language-option.js

@@ -1,4 +1,4 @@
-import { P as PostLanguageOption$1, d as defineCustomElement$1 } from './post-language-option2.js';
+import { P as PostLanguageOption$1, d as defineCustomElement$1 } from './p-d47bb5bf.js';
 
 const PostLanguageOption = PostLanguageOption$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-language-switch.js

@@ -1,4 +1,4 @@
-import { P as PostLanguageSwitch$1, d as defineCustomElement$1 } from './post-language-switch2.js';
+import { P as PostLanguageSwitch$1, d as defineCustomElement$1 } from './p-f6d80d76.js';
 
 const PostLanguageSwitch = PostLanguageSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-linkarea.d.ts

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

package/dist/components/post-linkarea.js

@@ -0,0 +1,6 @@
+import { P as PostLinkarea$1, d as defineCustomElement$1 } from './p-5653923a.js';
+
+const PostLinkarea = PostLinkarea$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PostLinkarea, defineCustomElement };

package/dist/components/post-list-item.js

@@ -1,4 +1,4 @@
-import { P as PostListItem$1, d as defineCustomElement$1 } from './post-list-item2.js';
+import { P as PostListItem$1, d as defineCustomElement$1 } from './p-9e4b1f10.js';
 
 const PostListItem = PostListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-list.js

@@ -1,4 +1,4 @@
-import { P as PostList$1, d as defineCustomElement$1 } from './post-list2.js';
+import { P as PostList$1, d as defineCustomElement$1 } from './p-536eba02.js';
 
 const PostList = PostList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-logo.js

@@ -1,4 +1,4 @@
-import { P as PostLogo$1, d as defineCustomElement$1 } from './post-logo2.js';
+import { P as PostLogo$1, d as defineCustomElement$1 } from './p-5f51ec58.js';
 
 const PostLogo = PostLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-mainnavigation.js

@@ -1,4 +1,4 @@
-import { P as PostMainnavigation$1, d as defineCustomElement$1 } from './post-mainnavigation2.js';
+import { P as PostMainnavigation$1, d as defineCustomElement$1 } from './p-1ee1742f.js';
 
 const PostMainnavigation = PostMainnavigation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-megadropdown-trigger.js

@@ -1,4 +1,4 @@
-import { P as PostMegadropdownTrigger$1, d as defineCustomElement$1 } from './post-megadropdown-trigger2.js';
+import { P as PostMegadropdownTrigger$1, d as defineCustomElement$1 } from './p-27edc023.js';
 
 const PostMegadropdownTrigger = PostMegadropdownTrigger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-megadropdown.js

@@ -1,4 +1,4 @@
-import { P as PostMegadropdown$1, d as defineCustomElement$1 } from './post-megadropdown2.js';
+import { P as PostMegadropdown$1, d as defineCustomElement$1 } from './p-46a6c5ec.js';
 
 const PostMegadropdown = PostMegadropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-menu-item.js

@@ -1,4 +1,4 @@
-import { P as PostMenuItem$1, d as defineCustomElement$1 } from './post-menu-item2.js';
+import { P as PostMenuItem$1, d as defineCustomElement$1 } from './p-ccccf0c3.js';
 
 const PostMenuItem = PostMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-menu-trigger.js

@@ -1,4 +1,4 @@
-import { P as PostMenuTrigger$1, d as defineCustomElement$1 } from './post-menu-trigger2.js';
+import { P as PostMenuTrigger$1, d as defineCustomElement$1 } from './p-8b053fd5.js';
 
 const PostMenuTrigger = PostMenuTrigger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-menu.js

@@ -1,4 +1,4 @@
-import { P as PostMenu$1, d as defineCustomElement$1 } from './post-menu2.js';
+import { P as PostMenu$1, d as defineCustomElement$1 } from './p-91882483.js';
 
 const PostMenu = PostMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-popover.js

@@ -1,4 +1,4 @@
-import { P as PostPopover$1, d as defineCustomElement$1 } from './post-popover2.js';
+import { P as PostPopover$1, d as defineCustomElement$1 } from './p-af23f7de.js';
 
 const PostPopover = PostPopover$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-popovercontainer.js

@@ -1,4 +1,4 @@
-import { P as PostPopovercontainer$1, d as defineCustomElement$1 } from './post-popovercontainer2.js';
+import { P as PostPopovercontainer$1, d as defineCustomElement$1 } from './p-60cf53cc.js';
 
 const PostPopovercontainer = PostPopovercontainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-rating.js

@@ -1,4 +1,4 @@
-import { P as PostRating$1, d as defineCustomElement$1 } from './post-rating2.js';
+import { P as PostRating$1, d as defineCustomElement$1 } from './p-fc59de7c.js';
 
 const PostRating = PostRating$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { P as PostTabHeader$1, d as defineCustomElement$1 } from './post-tab-header2.js';
+import { P as PostTabHeader$1, d as defineCustomElement$1 } from './p-75b8b652.js';
 
 const PostTabHeader = PostTabHeader$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { P as PostTabPanel$1, d as defineCustomElement$1 } from './post-tab-panel2.js';
+import { P as PostTabPanel$1, d as defineCustomElement$1 } from './p-78e1d893.js';
 
 const PostTabPanel = PostTabPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-tabs.js

@@ -1,4 +1,4 @@
-import { P as PostTabs$1, d as defineCustomElement$1 } from './post-tabs2.js';
+import { P as PostTabs$1, d as defineCustomElement$1 } from './p-ce854a7d.js';
 
 const PostTabs = PostTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-tag.js

@@ -1,4 +1,4 @@
-import { P as PostTag$1, d as defineCustomElement$1 } from './post-tag2.js';
+import { P as PostTag$1, d as defineCustomElement$1 } from './p-cab43cee.js';
 
 const PostTag = PostTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-togglebutton.js

@@ -1,4 +1,4 @@
-import { P as PostTogglebutton$1, d as defineCustomElement$1 } from './post-togglebutton2.js';
+import { P as PostTogglebutton$1, d as defineCustomElement$1 } from './p-3cee636a.js';
 
 const PostTogglebutton = PostTogglebutton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/post-tooltip.js

@@ -1,4 +1,4 @@
-import { P as PostTooltip$1, d as defineCustomElement$1 } from './post-tooltip2.js';
+import { P as PostTooltip$1, d as defineCustomElement$1 } from './p-2d9b46b4.js';
 
 const PostTooltip = PostTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/docs.d.ts

@@ -316,6 +316,14 @@ export interface JsonDocsProp {
    * ```
    */
   required: boolean;
+  /**
+   * `true` if the prop has a `get()`. `false` otherwise
+   */
+  getter: boolean;
+  /**
+   * `true` if the prop has a `set()`. `false` otherwise
+   */
+  setter: boolean;
 }
 export interface JsonDocsMethod {
   name: string;