@swisspost/design-system-components 8.10.1 → 8.11.0

package/dist/cjs/{post-popover-9341e98d.js → post-popover-0c87b275.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const attributeObserver = require('./attribute-observer-10f08c04.js');
 
 const postPopoverCss = "/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";

package/dist/cjs/post-popover.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopover = require('./post-popover-9341e98d.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postPopover = require('./post-popover-0c87b275.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./attribute-observer-10f08c04.js');
 
 

package/dist/cjs/{post-popovercontainer-d1e24031.js → post-popovercontainer-585e6d57.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 
 /**
  * Custom positioning reference element.

package/dist/cjs/post-popovercontainer.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopovercontainer = require('./post-popovercontainer-d1e24031.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postPopovercontainer = require('./post-popovercontainer-585e6d57.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 
 
 

package/dist/cjs/{post-rating-f28e9669.js → post-rating-ca7246e4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 
 const postRatingCss = "/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;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:2px;outline:2px 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;

package/dist/cjs/post-rating.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postRating = require('./post-rating-f28e9669.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postRating = require('./post-rating-ca7246e4.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 
 
 

package/dist/cjs/{post-tab-header-88a5a2e8.js → post-tab-header-d48ea5cf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 
 const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";

package/dist/cjs/post-tab-header.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabHeader = require('./post-tab-header-88a5a2e8.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postTabHeader = require('./post-tab-header-d48ea5cf.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');
 

package/dist/cjs/{post-tab-panel-a8081393.js → post-tab-panel-57f6023f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 
 const postTabPanelCss = ":host{display:none}";
 const PostTabPanelStyle0 = postTabPanelCss;

package/dist/cjs/post-tab-panel.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabPanel = require('./post-tab-panel-a8081393.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postTabPanel = require('./post-tab-panel-57f6023f.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 
 
 

package/dist/cjs/{post-tabs-58f46013.js → post-tabs-92a4a0c8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const fade = require('./fade-35a3633a.js');
 
 /**

package/dist/cjs/post-tabs.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabs = require('./post-tabs-58f46013.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postTabs = require('./post-tabs-92a4a0c8.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./fade-35a3633a.js');
 
 

package/dist/cjs/{post-tag-7c39768f.js → post-tag-2e8d8d18.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 
 const postTagCss = "/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:.25rem;padding:0 .5rem;max-width:100%;background-color:var(--post-tag-bg);border:1px solid rgba(0,0,0,0);border-radius:.25rem;font-size:1rem;line-height:1.875rem;white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:1.5rem}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:var(--post-contrast-color)}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
 const PostTagStyle0 = postTagCss;

package/dist/cjs/post-tag.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTag = require('./post-tag-7c39768f.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postTag = require('./post-tag-2e8d8d18.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 
 
 

package/dist/cjs/{post-tooltip-0b8746e4.js → post-tooltip-33873313.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-075febd4.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const attributeObserver = require('./attribute-observer-10f08c04.js');
 const index$1 = require('./index-01f30442.js');
 

package/dist/cjs/post-tooltip.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTooltip = require('./post-tooltip-0b8746e4.js');
-require('./index-72b9122e.js');
-require('./package-075febd4.js');
+const postTooltip = require('./post-tooltip-33873313.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./attribute-observer-10f08c04.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');

package/dist/collection/animations/collapse.js

@@ -1,6 +1,6 @@
 const collapseDuration = 350;
 const collapseEasing = 'ease';
-const collapsedKeyframe = { height: '0', overflow: 'hidden' };
+export const collapsedKeyframe = { height: '0', overflow: 'hidden' };
 const animationOptions = {
     duration: collapseDuration,
     easing: collapseEasing,

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

@@ -1,6 +1,6 @@
 import { h, Host, } from "@stencil/core";
 import { version } from "../../../../package";
-import { collapse, expand } from "../../animations/collapse";
+import { collapse, collapsedKeyframe, expand } from "../../animations/collapse";
 import { checkEmptyOrType, isMotionReduced } from "../../utils/index";
 /**
  * @slot default - Slot for placing content within the collapsible element.
@@ -13,7 +13,14 @@ export class PostCollapsible {
     }
     collapsedChange() {
         checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
-        void this.toggle(!this.collapsed);
+        if (!this.isLoaded) {
+            const expandedKeyframe = { height: 'auto', overflow: 'visible' };
+            Object.assign(this.host.style, this.collapsed ? collapsedKeyframe : expandedKeyframe);
+            this.isOpen = !this.collapsed;
+        }
+        else {
+            void this.toggle(!this.collapsed);
+        }
     }
     componentDidLoad() {
         this.collapsedChange();
@@ -47,7 +54,7 @@ export class PostCollapsible {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca', "data-version": version }, h("slot", { key: 'df30089afa0ff33d945dcb4c381ac08acb7cb08c' })));
+        return (h(Host, { key: 'ca849a2c9845cca621404f364dfd3973e3883309', "data-version": version }, h("slot", { key: '276f555d524d9c22856146611df3de69303511e4' })));
     }
     static get is() { return "post-collapsible"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,52 +47,45 @@ export class PostIcon {
     validateScale(newValue = this.scale) {
         checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
-    // Construct the icon url from different possible sources
+    // Construct the icon URL according to the following rules:
+    // - URL = current domain + base[href] + meta[data-post-icon-base] (or component base)
+    // - If base[href] is not relative, it's used instead of current domain + base[href]
+    // - If meta[data-post-icon-base] (or component base) is not relative, it's used as is
     getUrl() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // the first definition object which defines a domain, will be used to set the domain of the file url
-        // the first definition object which defines a slug, will be used to set the slug of the file url
-        const urlDefinitions = [
-            getUrlDefinition(this.base, 'both'),
-            getUrlDefinition((_a = document.head
-                .querySelector('meta[name="design-system-settings"][data-post-icon-base]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-post-icon-base'), 'relative'),
-            getUrlDefinition((_b = document.querySelector('base[href]')) === null || _b === void 0 ? void 0 : _b.getAttribute('href'), 'both'),
-        ];
-        // in case no other definition defines a domain, the current origin is used as a fallback
-        const origin = (_e = (_d = (_c = urlDefinitions.find(d => d.definesDomain)) === null || _c === void 0 ? void 0 : _c.url) === null || _d === void 0 ? void 0 : _d.origin) !== null && _e !== void 0 ? _e : window.location.origin;
-        // in case no other definition defines a slug, the cdn url is used as a fallback
-        const slug = (_g = (_f = urlDefinitions.find(d => d.definesSlug)) === null || _f === void 0 ? void 0 : _f.url) === null || _g === void 0 ? void 0 : _g.pathname;
-        const file = `${this.name}.svg`;
+        var _a, _b;
+        const fileName = `${this.name}.svg`;
+        const currentDomain = window.location.origin;
+        const baseHref = ((_a = document.querySelector('base[href]')) === null || _a === void 0 ? void 0 : _a.getAttribute('href')) || '';
+        const isBaseHrefAbsolute = /^https?:\/\//.test(baseHref);
+        const metaIconBase = ((_b = document
+            .querySelector('meta[name="design-system-settings"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('data-post-icon-base')) || '';
+        const iconBase = this.base || metaIconBase;
+        const isIconBaseAbsolute = /^https?:\/\//.test(iconBase);
+        const normalizedBaseHref = normalizeUrl(baseHref);
+        const normalizedIconBase = normalizeUrl(iconBase);
+        function normalizeUrl(url) {
+            if (!url)
+                return '';
+            return url.endsWith('/') ? url : `${url}/`;
+        }
         let url;
-        if (slug) {
-            url = new URL(`${origin}${slug}/${file}`).toString();
+        if (isIconBaseAbsolute) {
+            // If icon base is absolute, use it as is
+            url = `${normalizedIconBase}${fileName}`;
         }
-        else {
-            url = new URL(`${CDN_URL}/${file}`).toString();
+        else if (isBaseHrefAbsolute) {
+            // If baseHref is absolute, don't use current domain
+            url = `${normalizedBaseHref}${normalizedIconBase}${fileName}`;
         }
-        return url;
-        function getUrlDefinition(url, allow) {
-            return {
-                url: getUrlObject(url),
-                definesDomain: allow !== 'relative' ? definesDomain(url) : false,
-                definesSlug: allow !== 'absolute' ? definesSlug(url) : false,
-            };
-            function getUrlObject(url) {
-                if (url) {
-                    return definesDomain(url) ? new URL(url) : new URL(url, window.location.origin);
-                }
-                else {
-                    return null;
-                }
-            }
-            function definesDomain(url) {
-                return url ? /^https?:\/\//.test(url) : false;
-            }
-            function definesSlug(url) {
-                const urlObject = getUrlObject(url);
-                return Boolean(/^\/.+/.test(urlObject === null || urlObject === void 0 ? void 0 : urlObject.pathname));
-            }
+        else if (iconBase || baseHref) {
+            // Standard case: domain + baseHref + iconBase
+            url = `${currentDomain}${normalizedBaseHref}${normalizedIconBase}${fileName}`;
+        }
+        else {
+            // Fallback to CDN if no paths are specified
+            url = `${CDN_URL}/${fileName}`;
         }
+        return url.replace(/([^:])\/\//g, '$1/');
     }
     getStyles() {
         const url = this.getUrl();
@@ -115,7 +108,7 @@ export class PostIcon {
         this.validateAnimation();
     }
     render() {
-        return (h(Host, { key: '01c59dae4b2d4277f9230534080924359d64542a', "data-version": version }, h("span", { key: '639ccb1dde3fef32e2678abaaf549ac830838158', style: this.getStyles() })));
+        return (h(Host, { key: '9492ae6c7871d0e0a4469c2d5acba0b7113c79ff', "data-version": version }, h("span", { key: 'c3225cf8dbd4133d5517f78daf9e104bf18b4a23', style: this.getStyles() })));
     }
     static get is() { return "post-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -223,7 +216,7 @@ export class PostIcon {
                     "text": "The name/id of the icon (e.g. 1000, 1001, ...)."
                 },
                 "attribute": "name",
-                "reflect": false
+                "reflect": true
             },
             "rotate": {
                 "type": "number",

package/dist/components/package.js

@@ -1,3 +1,3 @@
-const version = "8.10.1";
+const version = "8.11.0";
 
 export { version as v };

package/dist/components/post-collapsible2.js

@@ -39,7 +39,14 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
     }
     collapsedChange() {
         checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
-        void this.toggle(!this.collapsed);
+        if (!this.isLoaded) {
+            const expandedKeyframe = { height: 'auto', overflow: 'visible' };
+            Object.assign(this.host.style, this.collapsed ? collapsedKeyframe : expandedKeyframe);
+            this.isOpen = !this.collapsed;
+        }
+        else {
+            void this.toggle(!this.collapsed);
+        }
     }
     componentDidLoad() {
         this.collapsedChange();
@@ -73,7 +80,7 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca', "data-version": version }, h("slot", { key: 'df30089afa0ff33d945dcb4c381ac08acb7cb08c' })));
+        return (h(Host, { key: 'ca849a2c9845cca621404f364dfd3973e3883309', "data-version": version }, h("slot", { key: '276f555d524d9c22856146611df3de69303511e4' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/post-icon2.js

@@ -53,52 +53,45 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
     validateScale(newValue = this.scale) {
         checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
-    // Construct the icon url from different possible sources
+    // Construct the icon URL according to the following rules:
+    // - URL = current domain + base[href] + meta[data-post-icon-base] (or component base)
+    // - If base[href] is not relative, it's used instead of current domain + base[href]
+    // - If meta[data-post-icon-base] (or component base) is not relative, it's used as is
     getUrl() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // the first definition object which defines a domain, will be used to set the domain of the file url
-        // the first definition object which defines a slug, will be used to set the slug of the file url
-        const urlDefinitions = [
-            getUrlDefinition(this.base, 'both'),
-            getUrlDefinition((_a = document.head
-                .querySelector('meta[name="design-system-settings"][data-post-icon-base]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-post-icon-base'), 'relative'),
-            getUrlDefinition((_b = document.querySelector('base[href]')) === null || _b === void 0 ? void 0 : _b.getAttribute('href'), 'both'),
-        ];
-        // in case no other definition defines a domain, the current origin is used as a fallback
-        const origin = (_e = (_d = (_c = urlDefinitions.find(d => d.definesDomain)) === null || _c === void 0 ? void 0 : _c.url) === null || _d === void 0 ? void 0 : _d.origin) !== null && _e !== void 0 ? _e : window.location.origin;
-        // in case no other definition defines a slug, the cdn url is used as a fallback
-        const slug = (_g = (_f = urlDefinitions.find(d => d.definesSlug)) === null || _f === void 0 ? void 0 : _f.url) === null || _g === void 0 ? void 0 : _g.pathname;
-        const file = `${this.name}.svg`;
+        var _a, _b;
+        const fileName = `${this.name}.svg`;
+        const currentDomain = window.location.origin;
+        const baseHref = ((_a = document.querySelector('base[href]')) === null || _a === void 0 ? void 0 : _a.getAttribute('href')) || '';
+        const isBaseHrefAbsolute = /^https?:\/\//.test(baseHref);
+        const metaIconBase = ((_b = document
+            .querySelector('meta[name="design-system-settings"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('data-post-icon-base')) || '';
+        const iconBase = this.base || metaIconBase;
+        const isIconBaseAbsolute = /^https?:\/\//.test(iconBase);
+        const normalizedBaseHref = normalizeUrl(baseHref);
+        const normalizedIconBase = normalizeUrl(iconBase);
+        function normalizeUrl(url) {
+            if (!url)
+                return '';
+            return url.endsWith('/') ? url : `${url}/`;
+        }
         let url;
-        if (slug) {
-            url = new URL(`${origin}${slug}/${file}`).toString();
+        if (isIconBaseAbsolute) {
+            // If icon base is absolute, use it as is
+            url = `${normalizedIconBase}${fileName}`;
         }
-        else {
-            url = new URL(`${CDN_URL}/${file}`).toString();
+        else if (isBaseHrefAbsolute) {
+            // If baseHref is absolute, don't use current domain
+            url = `${normalizedBaseHref}${normalizedIconBase}${fileName}`;
         }
-        return url;
-        function getUrlDefinition(url, allow) {
-            return {
-                url: getUrlObject(url),
-                definesDomain: allow !== 'relative' ? definesDomain(url) : false,
-                definesSlug: allow !== 'absolute' ? definesSlug(url) : false,
-            };
-            function getUrlObject(url) {
-                if (url) {
-                    return definesDomain(url) ? new URL(url) : new URL(url, window.location.origin);
-                }
-                else {
-                    return null;
-                }
-            }
-            function definesDomain(url) {
-                return url ? /^https?:\/\//.test(url) : false;
-            }
-            function definesSlug(url) {
-                const urlObject = getUrlObject(url);
-                return Boolean(/^\/.+/.test(urlObject === null || urlObject === void 0 ? void 0 : urlObject.pathname));
-            }
+        else if (iconBase || baseHref) {
+            // Standard case: domain + baseHref + iconBase
+            url = `${currentDomain}${normalizedBaseHref}${normalizedIconBase}${fileName}`;
+        }
+        else {
+            // Fallback to CDN if no paths are specified
+            url = `${CDN_URL}/${fileName}`;
         }
+        return url.replace(/([^:])\/\//g, '$1/');
     }
     getStyles() {
         const url = this.getUrl();
@@ -121,7 +114,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
         this.validateAnimation();
     }
     render() {
-        return (h(Host, { key: '01c59dae4b2d4277f9230534080924359d64542a', "data-version": version }, h("span", { key: '639ccb1dde3fef32e2678abaaf549ac830838158', style: this.getStyles() })));
+        return (h(Host, { key: '9492ae6c7871d0e0a4469c2d5acba0b7113c79ff', "data-version": version }, h("span", { key: 'c3225cf8dbd4133d5517f78daf9e104bf18b4a23', style: this.getStyles() })));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -139,7 +132,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
         "base": [1],
         "flipH": [4, "flip-h"],
         "flipV": [4, "flip-v"],
-        "name": [1],
+        "name": [513],
         "rotate": [2],
         "scale": [2]
     }, undefined, {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-19T11:01:41",
+  "timestamp": "2025-06-23T11:06:35",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -1229,7 +1229,7 @@
           },
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name/id of the icon (e.g. 1000, 1001, ...).",
           "docsTags": [],
           "values": [

package/dist/esm/{index-61528ac5.js → index-e1b64755.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'post-components';
-const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -1029,6 +1029,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
       if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -1402,8 +1408,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
             return attrName;
           })
         ])
@@ -1596,6 +1606,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$listeners$ = compactMeta[3];
       }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
       }