@swisspost/design-system-components 10.0.0-next.48 → 10.0.0-next.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{package-CZyXYkIN.js → package-CR0YynRY.js} +1 -1
  3. package/dist/cjs/post-accordion_2.cjs.entry.js +3 -3
  4. package/dist/cjs/post-avatar.cjs.entry.js +26 -36
  5. package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
  6. package/dist/cjs/post-banner.cjs.entry.js +2 -2
  7. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +3 -3
  8. package/dist/cjs/post-breadcrumbs.cjs.entry.js +4 -4
  9. package/dist/cjs/post-card-control.cjs.entry.js +4 -4
  10. package/dist/cjs/post-closebutton_15.cjs.entry.js +132 -72
  11. package/dist/cjs/post-collapsible_2.cjs.entry.js +3 -3
  12. package/dist/cjs/post-components.cjs.js +1 -1
  13. package/dist/cjs/post-footer.cjs.entry.js +3 -3
  14. package/dist/cjs/post-linkarea.cjs.entry.js +19 -8
  15. package/dist/cjs/post-popover.cjs.entry.js +3 -3
  16. package/dist/cjs/post-rating.cjs.entry.js +3 -3
  17. package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
  18. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  19. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  20. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +2 -2
  21. package/dist/cjs/post-tooltip.cjs.entry.js +3 -3
  22. package/dist/collection/animations/pop-in.js +14 -0
  23. package/dist/collection/components/post-accordion/post-accordion.css +1 -1
  24. package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
  25. package/dist/collection/components/post-avatar/post-avatar.css +1 -1
  26. package/dist/collection/components/post-avatar/post-avatar.js +38 -34
  27. package/dist/collection/components/post-back-to-top/post-back-to-top.js +1 -1
  28. package/dist/collection/components/post-banner/post-banner.js +1 -1
  29. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +1 -1
  30. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
  31. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +2 -2
  32. package/dist/collection/components/post-card-control/post-card-control.css +1 -1
  33. package/dist/collection/components/post-card-control/post-card-control.js +2 -2
  34. package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
  35. package/dist/collection/components/post-collapsible/post-collapsible.js +1 -1
  36. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
  37. package/dist/collection/components/post-footer/post-footer.css +1 -1
  38. package/dist/collection/components/post-footer/post-footer.js +1 -1
  39. package/dist/collection/components/post-header/post-header.css +1 -1
  40. package/dist/collection/components/post-header/post-header.js +11 -2
  41. package/dist/collection/components/post-icon/post-icon.js +39 -33
  42. package/dist/collection/components/post-language-option/post-language-option.css +1 -1
  43. package/dist/collection/components/post-language-option/post-language-option.js +1 -2
  44. package/dist/collection/components/post-language-switch/post-language-switch.js +1 -2
  45. package/dist/collection/components/post-linkarea/post-linkarea.css +1 -1
  46. package/dist/collection/components/post-linkarea/post-linkarea.js +24 -6
  47. package/dist/collection/components/post-list/post-list.css +1 -1
  48. package/dist/collection/components/post-list/post-list.js +1 -1
  49. package/dist/collection/components/post-list-item/post-list-item.js +1 -1
  50. package/dist/collection/components/post-logo/post-logo.js +1 -1
  51. package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
  52. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
  53. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
  54. package/dist/collection/components/post-megadropdown/post-megadropdown.js +12 -2
  55. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
  56. package/dist/collection/components/post-menu/post-menu.css +1 -1
  57. package/dist/collection/components/post-menu/post-menu.js +39 -6
  58. package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
  59. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
  60. package/dist/collection/components/post-popover/post-popover.css +1 -1
  61. package/dist/collection/components/post-popover/post-popover.js +1 -1
  62. package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
  63. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +18 -7
  64. package/dist/collection/components/post-rating/post-rating.css +1 -1
  65. package/dist/collection/components/post-rating/post-rating.js +1 -1
  66. package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
  67. package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
  68. package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
  69. package/dist/collection/components/post-tabs/post-tabs.js +1 -1
  70. package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
  71. package/dist/collection/components/post-tooltip/post-tooltip.js +2 -2
  72. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
  73. package/dist/component-names.json +39 -0
  74. package/dist/components/package.js +1 -1
  75. package/dist/components/post-accordion-item2.js +1 -1
  76. package/dist/components/post-accordion2.js +1 -1
  77. package/dist/components/post-avatar.js +28 -36
  78. package/dist/components/post-back-to-top.js +1 -1
  79. package/dist/components/post-banner.js +1 -1
  80. package/dist/components/post-breadcrumb-item2.js +1 -1
  81. package/dist/components/post-breadcrumbs.js +3 -3
  82. package/dist/components/post-card-control.js +3 -3
  83. package/dist/components/post-closebutton.js +1 -1
  84. package/dist/components/post-collapsible-trigger2.js +1 -1
  85. package/dist/components/post-collapsible2.js +1 -1
  86. package/dist/components/post-footer.js +2 -2
  87. package/dist/components/post-header.js +12 -3
  88. package/dist/components/post-icon2.js +39 -33
  89. package/dist/components/post-language-option.js +2 -3
  90. package/dist/components/post-language-switch.js +1 -2
  91. package/dist/components/post-linkarea.js +21 -8
  92. package/dist/components/post-list-item.js +1 -1
  93. package/dist/components/post-list.js +2 -2
  94. package/dist/components/post-logo.js +1 -1
  95. package/dist/components/post-mainnavigation.js +2 -2
  96. package/dist/components/post-megadropdown-trigger.js +1 -1
  97. package/dist/components/post-megadropdown.js +13 -3
  98. package/dist/components/post-menu-item2.js +1 -1
  99. package/dist/components/post-menu-trigger2.js +1 -1
  100. package/dist/components/post-menu2.js +21 -6
  101. package/dist/components/post-popover.js +2 -2
  102. package/dist/components/post-popovercontainer2.js +30 -5
  103. package/dist/components/post-rating.js +2 -2
  104. package/dist/components/post-tab-header.js +2 -2
  105. package/dist/components/post-tab-panel.js +1 -1
  106. package/dist/components/post-tabs.js +1 -1
  107. package/dist/components/post-togglebutton.js +1 -1
  108. package/dist/components/post-tooltip-trigger.js +1 -1
  109. package/dist/components/post-tooltip.js +2 -2
  110. package/dist/components/react/{p-Da5wbVP8.js → p-Amg0f2Yo.js} +40 -34
  111. package/dist/components/react/{p-Tg0GNTZM.js → p-B6vPT8S3.js} +2 -2
  112. package/dist/components/react/{p-CGsAj6ij.js → p-BDs0pvkX.js} +2 -2
  113. package/dist/components/react/{p-q8Fvf8A0.js → p-BMdFdJWl.js} +2 -2
  114. package/dist/components/react/{p-Ce7jgYmK.js → p-BS0ZqwA-.js} +31 -6
  115. package/dist/components/react/{p-Dq9F2i7n.js → p-D1oOccKr.js} +2 -2
  116. package/dist/components/react/{p-JHuJA2Lv.js → p-D50E7y6E.js} +23 -8
  117. package/dist/components/react/p-DO48NanC.js +3 -0
  118. package/dist/components/react/{p-38PqL5iD.js → p-DOo9tmN-.js} +2 -2
  119. package/dist/components/react/{p-DzYquz3e.js → p-Do9awHW7.js} +3 -3
  120. package/dist/components/react/{p-CiYSngKM.js → p-xelWyg_P.js} +5 -5
  121. package/dist/components/react/post-accordion-item.js +1 -1
  122. package/dist/components/react/post-accordion.js +1 -1
  123. package/dist/components/react/post-avatar.js +29 -37
  124. package/dist/components/react/post-back-to-top.js +3 -3
  125. package/dist/components/react/post-banner.js +2 -2
  126. package/dist/components/react/post-breadcrumb-item.js +1 -1
  127. package/dist/components/react/post-breadcrumbs.js +10 -10
  128. package/dist/components/react/post-card-control.js +5 -5
  129. package/dist/components/react/post-closebutton.js +3 -3
  130. package/dist/components/react/post-collapsible-trigger.js +1 -1
  131. package/dist/components/react/post-collapsible.js +1 -1
  132. package/dist/components/react/post-footer.js +8 -8
  133. package/dist/components/react/post-header.js +13 -4
  134. package/dist/components/react/post-icon.js +1 -1
  135. package/dist/components/react/post-language-option.js +3 -4
  136. package/dist/components/react/post-language-switch.js +6 -7
  137. package/dist/components/react/post-linkarea.js +22 -9
  138. package/dist/components/react/post-list-item.js +2 -2
  139. package/dist/components/react/post-list.js +3 -3
  140. package/dist/components/react/post-logo.js +2 -2
  141. package/dist/components/react/post-mainnavigation.js +4 -4
  142. package/dist/components/react/post-megadropdown-trigger.js +2 -2
  143. package/dist/components/react/post-megadropdown.js +14 -4
  144. package/dist/components/react/post-menu-item.js +1 -1
  145. package/dist/components/react/post-menu-trigger.js +1 -1
  146. package/dist/components/react/post-menu.js +1 -1
  147. package/dist/components/react/post-popover.js +4 -4
  148. package/dist/components/react/post-popovercontainer.js +1 -1
  149. package/dist/components/react/post-rating.js +4 -4
  150. package/dist/components/react/post-tab-header.js +3 -3
  151. package/dist/components/react/post-tab-panel.js +2 -2
  152. package/dist/components/react/post-tabs.js +2 -2
  153. package/dist/components/react/post-togglebutton.js +2 -2
  154. package/dist/components/react/post-tooltip-trigger.js +2 -2
  155. package/dist/components/react/post-tooltip.js +4 -4
  156. package/dist/docs.json +52 -6
  157. package/dist/esm/loader.js +1 -1
  158. package/dist/esm/package-DO48NanC.js +3 -0
  159. package/dist/esm/post-accordion_2.entry.js +3 -3
  160. package/dist/esm/post-avatar.entry.js +26 -36
  161. package/dist/esm/post-back-to-top.entry.js +2 -2
  162. package/dist/esm/post-banner.entry.js +2 -2
  163. package/dist/esm/post-breadcrumb-item_2.entry.js +3 -3
  164. package/dist/esm/post-breadcrumbs.entry.js +4 -4
  165. package/dist/esm/post-card-control.entry.js +4 -4
  166. package/dist/esm/post-closebutton_15.entry.js +132 -72
  167. package/dist/esm/post-collapsible_2.entry.js +3 -3
  168. package/dist/esm/post-components.js +1 -1
  169. package/dist/esm/post-footer.entry.js +3 -3
  170. package/dist/esm/post-linkarea.entry.js +19 -8
  171. package/dist/esm/post-popover.entry.js +3 -3
  172. package/dist/esm/post-rating.entry.js +3 -3
  173. package/dist/esm/post-tab-header.entry.js +3 -3
  174. package/dist/esm/post-tab-panel.entry.js +2 -2
  175. package/dist/esm/post-tabs.entry.js +2 -2
  176. package/dist/esm/post-tooltip-trigger.entry.js +2 -2
  177. package/dist/esm/post-tooltip.entry.js +3 -3
  178. package/dist/post-components/p-01bc39c2.entry.js +1 -0
  179. package/dist/post-components/p-0dc1e940.entry.js +1 -0
  180. package/dist/post-components/p-16da91bc.entry.js +1 -0
  181. package/dist/post-components/p-26a04741.entry.js +1 -0
  182. package/dist/post-components/p-2f2f9b22.entry.js +1 -0
  183. package/dist/post-components/{p-38d3d441.entry.js → p-33008981.entry.js} +1 -1
  184. package/dist/post-components/p-36358cd4.entry.js +1 -0
  185. package/dist/post-components/p-71c48d48.entry.js +1 -0
  186. package/dist/post-components/{p-6777e505.entry.js → p-84395e1d.entry.js} +1 -1
  187. package/dist/post-components/p-848c10ac.entry.js +1 -0
  188. package/dist/post-components/{p-d61bb2ff.entry.js → p-8d2e5814.entry.js} +1 -1
  189. package/dist/post-components/{p-40f21542.entry.js → p-9dbe6595.entry.js} +1 -1
  190. package/dist/post-components/p-DO48NanC.js +1 -0
  191. package/dist/post-components/p-a982458f.entry.js +1 -0
  192. package/dist/post-components/{p-3c71f590.entry.js → p-b0aaa058.entry.js} +1 -1
  193. package/dist/post-components/{p-16772417.entry.js → p-bdeef760.entry.js} +1 -1
  194. package/dist/post-components/{p-6add880f.entry.js → p-d221395c.entry.js} +1 -1
  195. package/dist/post-components/{p-aad86320.entry.js → p-e49aa78e.entry.js} +1 -1
  196. package/dist/post-components/p-eb405167.entry.js +1 -0
  197. package/dist/post-components/post-components.esm.js +1 -1
  198. package/dist/types/animations/pop-in.d.ts +1 -0
  199. package/dist/types/components/post-avatar/post-avatar.d.ts +5 -4
  200. package/dist/types/components/post-header/post-header.d.ts +2 -0
  201. package/dist/types/components/post-icon/post-icon.d.ts +11 -0
  202. package/dist/types/components/post-linkarea/post-linkarea.d.ts +6 -0
  203. package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +2 -1
  204. package/dist/types/components/post-menu/post-menu.d.ts +5 -1
  205. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +6 -2
  206. package/dist/types/components.d.ts +19 -3
  207. package/hydrate/index.js +214 -147
  208. package/hydrate/index.mjs +214 -147
  209. package/package.json +8 -6
  210. package/dist/components/react/p-0Ltezq5O.js +0 -3
  211. package/dist/esm/package-0Ltezq5O.js +0 -3
  212. package/dist/post-components/p-0Ltezq5O.js +0 -1
  213. package/dist/post-components/p-4243cdd1.entry.js +0 -1
  214. package/dist/post-components/p-4c18cb8c.entry.js +0 -1
  215. package/dist/post-components/p-51dc7647.entry.js +0 -1
  216. package/dist/post-components/p-8363fedb.entry.js +0 -1
  217. package/dist/post-components/p-83998038.entry.js +0 -1
  218. package/dist/post-components/p-85bb1b5e.entry.js +0 -1
  219. package/dist/post-components/p-8f4d8685.entry.js +0 -1
  220. package/dist/post-components/p-95ad536d.entry.js +0 -1
  221. package/dist/post-components/p-9d806e89.entry.js +0 -1
  222. package/dist/post-components/p-c3e38acf.entry.js +0 -1
  223. package/dist/prebuild.js +0 -26
  224. package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/prebuild.d.ts +0 -1
@@ -0,0 +1 @@
1
+ const t="10.0.0-next.49";export{t as v}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,H as e,a}from"./p-C8a0ddDa.js";import{v as s}from"./p-DO48NanC.js";import{c as r,a as o,e as n}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h||(h={}));const c=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){o(this,"description","string")}validateUserId(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",d)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=h.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(c.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter((t=>t)).map((t=>t.trim())),a=t.map((t=>t.charAt(0))).join("").trim(),r=t.join(" ");return i(e,{key:"9e596623d1949c62b1f110e311b839d244b249ef","data-version":s},i("span",{key:"6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"95e8809133eb0de4382e9dc521eda877a6be5a8b",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"cb2ed3eab02f28369911997a94617efaeaa5c00a",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"5565b06795c4651537b20e9abd33492d7cb8a9d1",class:"initials"},a,i("span",{key:"58ac3ee3a664a13ff82fc201e04e1896e409fbf1"},this.description??r)))}get host(){return a(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}}};c.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",c.style=':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{c as post_avatar}
@@ -1 +1 @@
1
- import{r as o,h as t,H as r,a as e}from"./p-C8a0ddDa.js";import{v as a}from"./p-0Ltezq5O.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";import{n as l}from"./p-BLchVpF6.js";const c=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return t(r,{key:"d5f6cd0ceb819b475ec49f8ea66e6b4b25f04f8e",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"8a87fef31572674981dab80e56e6b20163b448ae"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.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:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;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:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-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) .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:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{c as post_tab_header}
1
+ import{r as o,h as t,H as r,a as e}from"./p-C8a0ddDa.js";import{v as a}from"./p-DO48NanC.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";import{n as c}from"./p-BLchVpF6.js";const l=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||c(6)}`}render(){return t(r,{key:"11b7499afb05a1d7e6f9af548667ec93f7c2af77",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"589c626bd31aed39c1f90b74ee81b2d9fdf3b7c0"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};l.style='.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:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;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:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-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) .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:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{l as post_tab_header}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-0Ltezq5O.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-VmK3ABCB.js";import{E as n}from"./p-kraHE1r3.js";import{g as c}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"130edce2062a5f3dac3072f173d021e88dddd7cf","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"54ed1790df52911b821a4de38cd5f33c425f3399"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=c(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"7fdf4338861df3ed4a61e2de68a0623f7f43df19","data-version":a},i("slot",{key:"4efa3ed29778dc162c4e8628f32d447d8b0b9ece"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([n("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}
1
+ import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-DO48NanC.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-VmK3ABCB.js";import{E as c}from"./p-kraHE1r3.js";import{g as n}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"3a11f1a60c536544881def998bcdf81f6d248837","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"6ea66375cdffefd02c8293aa1542c4cbfce905a4"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"d0851c032e622f4a182e1321331e84eaa0440245","data-version":a},i("slot",{key:"d495c42f409de0f9230c01031ecddab69cead1b7"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([c("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}
@@ -1 +1 @@
1
- import{r as t,c as a,h as s,H as i,a as e}from"./p-C8a0ddDa.js";import{v as o}from"./p-0Ltezq5O.js";import{f as r,a as n}from"./p-SbIC4aZX.js";import"./p-_0G7tavk.js";const h=class{constructor(s){t(this,s),this.postChange=a(this,"postChange"),this.isLoaded=!1,this.fullWidth=!1}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-header")).filter((t=>t.closest("post-tabs")===this.host))}componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs(),this.show(this.activePanel||this.tabs[0]?.panel),this.isLoaded=!0}async show(t){if(t===this.activeTab?.panel)return;const a=this.activeTab,s=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(s),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!a||this.showing||this.hiding||this.hidePanel(a.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{"tabs"!==t.getAttribute("slot")&&t.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await(a=t,"function"==typeof a.componentOnReady?a.componentOnReady():new Promise((t=>{return s=()=>{t(a)},"function"==typeof requestAnimationFrame?requestAnimationFrame(s):setTimeout(s);var s}))),t.getAttribute("aria-controls"))return;var a;const s=this.getPanel(t.panel);t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(a=>{"ArrowRight"!==a.key&&"ArrowLeft"!==a.key||this.navigateTabs(t,a.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs[0]?.panel))}activateTab(t){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.classList.add("active"),this.activeTab=t}hidePanel(t){const a=this.getPanel(t);a&&(this.hiding=r(a),this.hiding.onfinish=()=>{a.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=n(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,a){const s=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===a?this.tabs[s+1]||this.tabs[0]:this.tabs[s-1]||this.tabs[this.tabs.length-1],i&&i.focus()}render(){return s(i,{key:"dc7228c840d65e3546e0d13e5bcaa78819b5aeb9","data-version":o},s("div",{key:"377d592f7c00f3ec0c7aba2a4a8ca2b88cd37927",class:"tabs-wrapper",part:"tabs"},s("div",{key:"6e79f33d6cd82d55ba9fad2f09f6163ce7e0a372",class:"tabs",role:"tablist"},s("slot",{key:"65fbf3cb6525f2f2ae97eb60dad313811db4c585",name:"tabs",onSlotchange:()=>this.enableTabs()}))),s("div",{key:"675a59a27e79bad06ea2b70c4fc7b0a6f4b020ff",class:"tab-content",part:"content"},s("slot",{key:"b559af0fa652e352673fbabb6829a62a5630e809",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return e(this)}};h.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}';export{h as post_tabs}
1
+ import{r as t,c as a,h as s,H as e,a as i}from"./p-C8a0ddDa.js";import{v as o}from"./p-DO48NanC.js";import{f as r,a as n}from"./p-SbIC4aZX.js";import"./p-_0G7tavk.js";const h=class{constructor(s){t(this,s),this.postChange=a(this,"postChange"),this.isLoaded=!1,this.fullWidth=!1}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-header")).filter((t=>t.closest("post-tabs")===this.host))}componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs(),this.show(this.activePanel||this.tabs[0]?.panel),this.isLoaded=!0}async show(t){if(t===this.activeTab?.panel)return;const a=this.activeTab,s=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(s),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!a||this.showing||this.hiding||this.hidePanel(a.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{"tabs"!==t.getAttribute("slot")&&t.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await(a=t,"function"==typeof a.componentOnReady?a.componentOnReady():new Promise((t=>{return s=()=>{t(a)},"function"==typeof requestAnimationFrame?requestAnimationFrame(s):setTimeout(s);var s}))),t.getAttribute("aria-controls"))return;var a;const s=this.getPanel(t.panel);t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(a=>{"ArrowRight"!==a.key&&"ArrowLeft"!==a.key||this.navigateTabs(t,a.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs[0]?.panel))}activateTab(t){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.classList.add("active"),this.activeTab=t}hidePanel(t){const a=this.getPanel(t);a&&(this.hiding=r(a),this.hiding.onfinish=()=>{a.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=n(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,a){const s=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===a?this.tabs[s+1]||this.tabs[0]:this.tabs[s-1]||this.tabs[this.tabs.length-1],e&&e.focus()}render(){return s(e,{key:"8e205e26a016d6370919723522dc993befbc110a","data-version":o},s("div",{key:"1bd1b1064c87ab7dd04731a945a6169ace2ac203",class:"tabs-wrapper",part:"tabs"},s("div",{key:"e9d7989ae0488ed8c9d8d225c9b6f95e29de15aa",class:"tabs",role:"tablist"},s("slot",{key:"381baa02f41fc07b6ae777fdcc47040ceaa553ea",name:"tabs",onSlotchange:()=>this.enableTabs()}))),s("div",{key:"aef6b1b4608e2b006ac808f7fc674dbc85011faa",class:"tab-content",part:"content"},s("slot",{key:"4b98797972204262b1ebf29fe368ea90e2ccbce7",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return i(this)}};h.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}';export{h as post_tabs}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,a as i}from"./p-C8a0ddDa.js";import{v as s}from"./p-0Ltezq5O.js";import{c as a}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";function r(t,o,e=500){return t.animate(o,{duration:e,easing:"ease",fill:"forwards"})}function c(t,o="-100%",e=500){return r(t,[{transform:`translateY(${o})`,opacity:"0"},{transform:"translateY(0)",opacity:"1"}],e)}const n=class{constructor(o){t(this,o),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateLabel(){a(this,"label","string")}watchBelowFold(t){t?c(this.host,this.translateY):function(t,o="-100%",e=500){r(t,[{transform:"translateY(0)",opacity:"1"},{transform:`translateY(${o})`,opacity:"0"}],e)}(this.host,this.translateY)}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=window.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);this.translateY=String(-1-parseFloat(t.replace("px",""))-parseFloat(i.replace("px","")))+"px",this.belowFold&&c(this.host,this.translateY),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`)}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return o(e,{key:"820244e9c039304895d78887000ed986707bf3b1","data-version":s},o("button",{key:"c1d38883fbf31c50b2b00e08e6b22cbc6be37adb",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},o("post-icon",{key:"3cc57c355a12bf500f368e906d147be10f9014e7","aria-hidden":"true",name:"3026"}),o("span",{key:"134e5c579e2d99d64c25ce21ab538e51520a6dd6",class:"visually-hidden"},this.label)))}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],belowFold:["watchBelowFold"]}}};n.style=":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{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}:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{n as post_back_to_top}
1
+ import{r as t,h as o,H as e,a as i}from"./p-C8a0ddDa.js";import{v as s}from"./p-DO48NanC.js";import{c as a}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";function r(t,o,e=500){return t.animate(o,{duration:e,easing:"ease",fill:"forwards"})}function n(t,o="-100%",e=500){return r(t,[{transform:`translateY(${o})`,opacity:"0"},{transform:"translateY(0)",opacity:"1"}],e)}const c=class{constructor(o){t(this,o),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateLabel(){a(this,"label","string")}watchBelowFold(t){t?n(this.host,this.translateY):function(t,o="-100%",e=500){r(t,[{transform:"translateY(0)",opacity:"1"},{transform:`translateY(${o})`,opacity:"0"}],e)}(this.host,this.translateY)}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=window.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);this.translateY=String(-1-parseFloat(t.replace("px",""))-parseFloat(i.replace("px","")))+"px",this.belowFold&&n(this.host,this.translateY),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`)}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return o(e,{key:"51abef7d1f650da1476689c46d853f49669da856","data-version":s},o("button",{key:"9de175f7962448fa3d658e4a24b01a857925a5b7",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},o("post-icon",{key:"281a177c37cbf98d72a0d6359483750762026b23","aria-hidden":"true",name:"3026"}),o("span",{key:"9c019806112c905bb6ba2e8ac4da85bcbd334566",class:"visually-hidden"},this.label)))}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],belowFold:["watchBelowFold"]}}};c.style=":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{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}:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{c as post_back_to_top}
@@ -0,0 +1 @@
1
+ import{r as t,h as a,H as s,a as e}from"./p-C8a0ddDa.js";import{v as r}from"./p-DO48NanC.js";import{n as o}from"./p-BLchVpF6.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";const n=class{constructor(a){t(this,a)}validateName(){i(this,"name","string")}componentWillLoad(){this.validateName(),this.panelId=`panel-${this.host.id||o(6)}`}render(){return a(s,{key:"3f4af71d9dcd4c8d3a25514c4decf322b0297e0f","data-version":r,id:this.panelId,role:"tabpanel"},a("slot",{key:"fb2106769715676d200722103855cb3f82f30b83"}))}get host(){return e(this)}static get watchers(){return{name:["validateName"]}}};n.style=":host{display:none}";export{n as post_tab_panel}
@@ -1 +1 @@
1
- import{p as e,g as a,b as l}from"./p-C8a0ddDa.js";export{s as setNonce}from"./p-C8a0ddDa.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-95ad536d",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"]}]]],["p-d61bb2ff",[[1,"post-footer",{label:[1],device:[32],gridSlotDisplayed:[32]},null,{label:["validateLabel"]}]]],["p-aad86320",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-85bb1b5e",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-8f4d8685",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-9d806e89",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-8363fedb",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-4c18cb8c",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"]}]]],["p-40f21542",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-4243cdd1",[[1,"post-linkarea"]]],["p-3c71f590",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-83998038",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-6add880f",[[1,"post-tabs",{activePanel:[1,"active-panel"],fullWidth:[516,"full-width"],show:[64]}]]],["p-6777e505",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-16772417",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-c3e38acf",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[1,"post-closebutton"],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[32],hasNavigation:[32],mobileMenuExtended:[32],megadropdownOpen:[32],toggleMobileMenu:[64]},null,{device:["lockBody"],mobileMenuExtended:["lockBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-megadropdown",{device:[32],isVisible:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],manualClose:[4,"manual-close"],safeSpace:[513,"safe-space"],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-51dc7647",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-38d3d441",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
1
+ import{p as e,g as a,b as l}from"./p-C8a0ddDa.js";export{s as setNonce}from"./p-C8a0ddDa.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-0dc1e940",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"]}]]],["p-8d2e5814",[[1,"post-footer",{label:[1],device:[32],gridSlotDisplayed:[32]},null,{label:["validateLabel"]}]]],["p-e49aa78e",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-2f2f9b22",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-848c10ac",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-16da91bc",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-36358cd4",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-a982458f",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}]]],["p-9dbe6595",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-01bc39c2",[[1,"post-linkarea",{interactiveElements:[32]}]]],["p-b0aaa058",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-eb405167",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-d221395c",[[1,"post-tabs",{activePanel:[1,"active-panel"],fullWidth:[516,"full-width"],show:[64]}]]],["p-84395e1d",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-bdeef760",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-71c48d48",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[1,"post-closebutton"],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[32],hasNavigation:[32],hasTitle:[32],mobileMenuExtended:[32],megadropdownOpen:[32],toggleMobileMenu:[64]},null,{device:["lockBody"],mobileMenuExtended:["lockBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-megadropdown",{device:[32],isVisible:[32],trigger:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]}],[1,"post-menu",{placement:[1],label:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],manualClose:[4,"manual-close"],safeSpace:[513,"safe-space"],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-26a04741",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-33008981",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
@@ -0,0 +1 @@
1
+ export declare function popIn(el: Element): Animation;
@@ -27,6 +27,10 @@ export declare class PostAvatar {
27
27
  * Defines the users email address associated with a gravatar profile picture.
28
28
  */
29
29
  readonly email?: string;
30
+ /**
31
+ * Provides a custom description for the avatar, used for accessibility purposes.
32
+ */
33
+ description?: string;
30
34
  slottedImage: HTMLImageElement;
31
35
  avatarType: AvatarType;
32
36
  imageUrl: string;
@@ -37,6 +41,7 @@ export declare class PostAvatar {
37
41
  validateLastname(): void;
38
42
  updateUserid(): void;
39
43
  updateEmail(): void;
44
+ validateDescription(): void;
40
45
  private validateUserId;
41
46
  private validateEmail;
42
47
  private getAvatarImage;
@@ -44,10 +49,6 @@ export declare class PostAvatar {
44
49
  private fetchImageByUserId;
45
50
  private fetchImageByEmail;
46
51
  private fetchSlottedImage;
47
- private getAvatarInitials;
48
- private getNames;
49
- private getInitials;
50
- private cryptify;
51
52
  private slotChanged;
52
53
  private observeImageSrcChanges;
53
54
  connectedCallback(): void;
@@ -22,6 +22,7 @@ export declare class PostHeader {
22
22
  host: HTMLPostHeaderElement;
23
23
  device: Device;
24
24
  hasNavigation: boolean;
25
+ hasTitle: boolean;
25
26
  mobileMenuExtended: boolean;
26
27
  megadropdownOpen: boolean;
27
28
  lockBody(newValue: boolean | string, _oldValue: boolean | string, propName: string): void;
@@ -33,6 +34,7 @@ export declare class PostHeader {
33
34
  componentDidLoad(): void;
34
35
  disconnectedCallback(): void;
35
36
  private checkNavigationExistence;
37
+ private checkTitleExistence;
36
38
  private closeMobileMenu;
37
39
  /**
38
40
  * Toggles the mobile navigation.
@@ -38,6 +38,17 @@ export declare class PostIcon {
38
38
  */
39
39
  readonly scale?: number;
40
40
  validateScale(): void;
41
+ /**
42
+ * Construct the icon URL according to the following rules:
43
+ * 1. `@base` (absolute URL) → use directly.
44
+ * 2. `@base` (relative URL) → resolve with `base href` and/or `origin`
45
+ * - If `base href` is absolute → use just that.
46
+ * - If `base href` is relative → prepend with `origin`.
47
+ * - If `base href` does not exist → use only `origin`.
48
+ * 3. `@meta` (absolute URL) → use directly.
49
+ * 4. `@meta` (relative URL) → resolve with `base href` and/or `origin`. (same as above)
50
+ * 5. `CDN_URL` fallback → `https://unpkg.com/...`.
51
+ **/
41
52
  private getUrl;
42
53
  private getStyles;
43
54
  componentDidLoad(): void;
@@ -1,5 +1,11 @@
1
1
  export declare class PostLinkarea {
2
+ private mutationObserver;
2
3
  host: HTMLPostLinkareaElement;
4
+ interactiveElements: NodeListOf<HTMLAnchorElement>;
3
5
  private dispatchClick;
6
+ private checkInteractiveElements;
7
+ connectedCallback(): void;
8
+ componentWillLoad(): void;
9
+ disconnectedCallback(): void;
4
10
  render(): any;
5
11
  }
@@ -14,6 +14,7 @@ export declare class PostMegadropdown {
14
14
  * and updates automatically when the dropdown is toggled.
15
15
  */
16
16
  isVisible: boolean;
17
+ trigger: boolean;
17
18
  /** Holds the current animation class. */
18
19
  animationClass: string | null;
19
20
  /**
@@ -27,7 +28,7 @@ export declare class PostMegadropdown {
27
28
  focusParent?: boolean;
28
29
  }>;
29
30
  disconnectedCallback(): void;
30
- componentWillRender(): void;
31
+ componentDidRender(): void;
31
32
  /**
32
33
  * Toggles the dropdown visibility based on its current state.
33
34
  */
@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { Placement } from '@floating-ui/dom';
3
3
  /**
4
4
  * @part menu - The container element that holds the list of menu items.
5
- */
5
+ */
6
6
  export declare class PostMenu {
7
7
  private popoverRef;
8
8
  private lastFocusedElement;
@@ -15,6 +15,10 @@ export declare class PostMenu {
15
15
  */
16
16
  readonly placement?: Placement;
17
17
  validatePlacement(): void;
18
+ /**
19
+ * An accessible name for the menu.
20
+ */
21
+ readonly label?: string;
18
22
  /**
19
23
  * Holds the current visibility state of the menu.
20
24
  * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
@@ -17,10 +17,14 @@ export declare class PostPopovercontainer {
17
17
  private eventTarget;
18
18
  private clearAutoUpdate;
19
19
  private toggleTimeoutId;
20
+ private firstOpen;
20
21
  /**
21
- * Fires whenever the popovercontainer gets shown or hidden, passing the new state in event.details as a boolean
22
+ * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing two booleans: `isOpen`, which is true if the popovercontainer was opened and false if it was closed, and `first`, which is true if it was opened for the first time.
22
23
  */
23
- postToggle: EventEmitter<boolean>;
24
+ postToggle: EventEmitter<{
25
+ isOpen: boolean;
26
+ first?: boolean;
27
+ }>;
24
28
  /**
25
29
  * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
26
30
  * Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted
@@ -54,6 +54,10 @@ export namespace Components {
54
54
  "toggle": (force?: boolean) => Promise<boolean>;
55
55
  }
56
56
  interface PostAvatar {
57
+ /**
58
+ * Provides a custom description for the avatar, used for accessibility purposes.
59
+ */
60
+ "description"?: string;
57
61
  /**
58
62
  * Defines the users email address associated with a gravatar profile picture.
59
63
  */
@@ -320,6 +324,10 @@ export namespace Components {
320
324
  * Hides the popover menu and restores focus to the previously focused element.
321
325
  */
322
326
  "hide": () => Promise<void>;
327
+ /**
328
+ * An accessible name for the menu.
329
+ */
330
+ "label"?: string;
323
331
  /**
324
332
  * Defines the position of the menu relative to its trigger. Menus 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).
325
333
  * @default 'bottom'
@@ -798,7 +806,7 @@ declare global {
798
806
  new (): HTMLPostPopoverElement;
799
807
  };
800
808
  interface HTMLPostPopovercontainerElementEventMap {
801
- "postToggle": boolean;
809
+ "postToggle": { isOpen: boolean; first?: boolean };
802
810
  }
803
811
  interface HTMLPostPopovercontainerElement extends Components.PostPopovercontainer, HTMLStencilElement {
804
812
  addEventListener<K extends keyof HTMLPostPopovercontainerElementEventMap>(type: K, listener: (this: HTMLPostPopovercontainerElement, ev: PostPopovercontainerCustomEvent<HTMLPostPopovercontainerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -942,6 +950,10 @@ declare namespace LocalJSX {
942
950
  "headingLevel"?: HeadingLevel;
943
951
  }
944
952
  interface PostAvatar {
953
+ /**
954
+ * Provides a custom description for the avatar, used for accessibility purposes.
955
+ */
956
+ "description"?: string;
945
957
  /**
946
958
  * Defines the users email address associated with a gravatar profile picture.
947
959
  */
@@ -1188,6 +1200,10 @@ declare namespace LocalJSX {
1188
1200
  "for": string;
1189
1201
  }
1190
1202
  interface PostMenu {
1203
+ /**
1204
+ * An accessible name for the menu.
1205
+ */
1206
+ "label"?: string;
1191
1207
  /**
1192
1208
  * Emits when the menu is shown or hidden. The event payload is a boolean: `true` when the menu was opened, `false` when it was closed.
1193
1209
  */
@@ -1244,9 +1260,9 @@ declare namespace LocalJSX {
1244
1260
  */
1245
1261
  "manualClose"?: boolean;
1246
1262
  /**
1247
- * Fires whenever the popovercontainer gets shown or hidden, passing the new state in event.details as a boolean
1263
+ * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing two booleans: `isOpen`, which is true if the popovercontainer was opened and false if it was closed, and `first`, which is true if it was opened for the first time.
1248
1264
  */
1249
- "onPostToggle"?: (event: PostPopovercontainerCustomEvent<boolean>) => void;
1265
+ "onPostToggle"?: (event: PostPopovercontainerCustomEvent<{ isOpen: boolean; first?: boolean }>) => void;
1250
1266
  /**
1251
1267
  * 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.
1252
1268
  * @default 'top'