@swisspost/design-system-components 1.6.1 → 1.6.3
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.
- package/dist/cjs/index.cjs.js +26 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/package-4e9ab85c.js +7 -0
- package/dist/cjs/package-4e9ab85c.js.map +1 -0
- package/dist/cjs/post-accordion.cjs.entry.js +1 -1
- package/dist/cjs/post-alert-b46943e0.js +101 -0
- package/dist/cjs/post-alert-b46943e0.js.map +1 -0
- package/dist/cjs/post-alert.cjs.entry.js +7 -94
- package/dist/cjs/post-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/post-collapsible-04364cda.js +93 -0
- package/dist/cjs/post-collapsible-04364cda.js.map +1 -0
- package/dist/cjs/post-collapsible.cjs.entry.js +5 -86
- package/dist/cjs/post-collapsible.cjs.entry.js.map +1 -1
- package/dist/cjs/post-icon-5b36814e.js +105 -0
- package/dist/cjs/post-icon-5b36814e.js.map +1 -0
- package/dist/cjs/post-icon.cjs.entry.js +6 -98
- package/dist/cjs/post-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/post-tab-header-805c0a52.js +33 -0
- package/dist/cjs/post-tab-header-805c0a52.js.map +1 -0
- package/dist/cjs/post-tab-header.cjs.entry.js +5 -26
- package/dist/cjs/post-tab-header.cjs.entry.js.map +1 -1
- package/dist/cjs/post-tab-panel-caa44a77.js +27 -0
- package/dist/cjs/post-tab-panel-caa44a77.js.map +1 -0
- package/dist/cjs/post-tab-panel.cjs.entry.js +4 -20
- package/dist/cjs/post-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/post-tabs-29d4dc70.js +153 -0
- package/dist/cjs/post-tabs-29d4dc70.js.map +1 -0
- package/dist/cjs/post-tabs.cjs.entry.js +5 -146
- package/dist/cjs/post-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/post-tooltip-32a9c549.js +5167 -0
- package/dist/cjs/post-tooltip-32a9c549.js.map +1 -0
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5088
- package/dist/cjs/post-tooltip.cjs.entry.js.map +1 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/post-alert/post-alert.css +2 -2
- package/dist/collection/components/post-collapsible/post-collapsible.css +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +3 -3
- package/dist/collection/components/post-collapsible/post-collapsible.js.map +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
- package/dist/collection/components/post-tabs/post-tabs.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/index.js +8 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-alert.js +1 -134
- package/dist/components/post-alert.js.map +1 -1
- package/dist/components/post-alert2.js +138 -0
- package/dist/components/post-alert2.js.map +1 -0
- package/dist/components/post-collapsible.js +1 -113
- package/dist/components/post-collapsible.js.map +1 -1
- package/dist/components/post-collapsible2.js +117 -0
- package/dist/components/post-collapsible2.js.map +1 -0
- package/dist/components/post-tab-header.js +1 -47
- package/dist/components/post-tab-header.js.map +1 -1
- package/dist/components/post-tab-header2.js +51 -0
- package/dist/components/post-tab-header2.js.map +1 -0
- package/dist/components/post-tab-panel.js +1 -39
- package/dist/components/post-tab-panel.js.map +1 -1
- package/dist/components/post-tab-panel2.js +43 -0
- package/dist/components/post-tab-panel2.js.map +1 -0
- package/dist/components/post-tabs.js +1 -165
- package/dist/components/post-tabs.js.map +1 -1
- package/dist/components/post-tabs2.js +169 -0
- package/dist/components/post-tabs2.js.map +1 -0
- package/dist/components/post-tooltip.js +1 -5113
- package/dist/components/post-tooltip.js.map +1 -1
- package/dist/components/post-tooltip2.js +5189 -0
- package/dist/components/post-tooltip2.js.map +1 -0
- package/dist/docs.json +10 -5
- package/dist/esm/index.js +14 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/package-b9b10dd3.js +5 -0
- package/dist/esm/package-b9b10dd3.js.map +1 -0
- package/dist/esm/post-accordion.entry.js +1 -1
- package/dist/esm/post-alert-e457e249.js +99 -0
- package/dist/esm/post-alert-e457e249.js.map +1 -0
- package/dist/esm/post-alert.entry.js +6 -97
- package/dist/esm/post-alert.entry.js.map +1 -1
- package/dist/esm/post-collapsible-c0a826b2.js +91 -0
- package/dist/esm/post-collapsible-c0a826b2.js.map +1 -0
- package/dist/esm/post-collapsible.entry.js +4 -89
- package/dist/esm/post-collapsible.entry.js.map +1 -1
- package/dist/esm/post-icon-b34da686.js +103 -0
- package/dist/esm/post-icon-b34da686.js.map +1 -0
- package/dist/esm/post-icon.entry.js +5 -101
- package/dist/esm/post-icon.entry.js.map +1 -1
- package/dist/esm/post-tab-header-f0c355d6.js +31 -0
- package/dist/esm/post-tab-header-f0c355d6.js.map +1 -0
- package/dist/esm/post-tab-header.entry.js +4 -29
- package/dist/esm/post-tab-header.entry.js.map +1 -1
- package/dist/esm/post-tab-panel-46f02247.js +25 -0
- package/dist/esm/post-tab-panel-46f02247.js.map +1 -0
- package/dist/esm/post-tab-panel.entry.js +3 -23
- package/dist/esm/post-tab-panel.entry.js.map +1 -1
- package/dist/esm/post-tabs-5dd55290.js +151 -0
- package/dist/esm/post-tabs-5dd55290.js.map +1 -0
- package/dist/esm/post-tabs.entry.js +4 -149
- package/dist/esm/post-tabs.entry.js.map +1 -1
- package/dist/esm/post-tooltip-fa7b4a0a.js +5165 -0
- package/dist/esm/post-tooltip-fa7b4a0a.js.map +1 -0
- package/dist/esm/post-tooltip.entry.js +4 -5091
- package/dist/esm/post-tooltip.entry.js.map +1 -1
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-195b8c88.entry.js +2 -0
- package/dist/post-components/p-3225e008.entry.js +2 -0
- package/dist/post-components/p-3225e008.entry.js.map +1 -0
- package/dist/post-components/p-3604be27.js +2 -0
- package/dist/post-components/p-3604be27.js.map +1 -0
- package/dist/post-components/p-61ffffa9.entry.js +2 -0
- package/dist/post-components/p-61ffffa9.entry.js.map +1 -0
- package/dist/post-components/{p-6a0a1ce4.entry.js → p-7b8797c6.entry.js} +2 -2
- package/dist/post-components/p-88262544.js +2 -0
- package/dist/post-components/p-88262544.js.map +1 -0
- package/dist/post-components/p-8b6fe20d.js +2 -0
- package/dist/post-components/{p-10c47e0a.entry.js.map → p-8b6fe20d.js.map} +1 -1
- package/dist/post-components/p-9f71d450.js +2 -0
- package/dist/post-components/p-a7c78dea.entry.js +2 -0
- package/dist/post-components/p-a7c78dea.entry.js.map +1 -0
- package/dist/post-components/p-b2c3ed97.entry.js +2 -0
- package/dist/post-components/p-b2c3ed97.entry.js.map +1 -0
- package/dist/post-components/p-ba9aba3a.entry.js +2 -0
- package/dist/post-components/p-ba9aba3a.entry.js.map +1 -0
- package/dist/post-components/p-bd293ff3.entry.js +2 -0
- package/dist/post-components/p-bd293ff3.entry.js.map +1 -0
- package/dist/post-components/p-ca1e407c.js +2 -0
- package/dist/post-components/{p-871ade93.entry.js.map → p-ca1e407c.js.map} +1 -1
- package/dist/post-components/p-d407b1c3.js +2 -0
- package/dist/post-components/{p-a18e1d1c.entry.js.map → p-d407b1c3.js.map} +1 -1
- package/dist/post-components/p-fd7015ae.js +9 -0
- package/dist/post-components/p-fd7015ae.js.map +1 -0
- package/dist/post-components/p-fffce1d7.js +2 -0
- package/dist/post-components/{p-2755ba2e.entry.js.map → p-fffce1d7.js.map} +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/index.d.ts +7 -0
- package/package.json +12 -12
- package/dist/cjs/package-bd70f73c.js +0 -7
- package/dist/cjs/package-bd70f73c.js.map +0 -1
- package/dist/esm/package-f3f12016.js +0 -5
- package/dist/esm/package-f3f12016.js.map +0 -1
- package/dist/post-components/p-08d942a0.entry.js +0 -2
- package/dist/post-components/p-08d942a0.entry.js.map +0 -1
- package/dist/post-components/p-10c47e0a.entry.js +0 -2
- package/dist/post-components/p-2755ba2e.entry.js +0 -2
- package/dist/post-components/p-4aae941f.js +0 -2
- package/dist/post-components/p-7d91397a.entry.js +0 -2
- package/dist/post-components/p-871ade93.entry.js +0 -2
- package/dist/post-components/p-a18e1d1c.entry.js +0 -2
- package/dist/post-components/p-b4b7e30c.entry.js +0 -9
- package/dist/post-components/p-b4b7e30c.entry.js.map +0 -1
- /package/dist/post-components/{p-4aae941f.js.map → p-195b8c88.entry.js.map} +0 -0
- /package/dist/post-components/{p-6a0a1ce4.entry.js.map → p-7b8797c6.entry.js.map} +0 -0
- /package/dist/post-components/{p-7d91397a.entry.js.map → p-9f71d450.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export{P as PostAlert}from"./p-8b6fe20d.js";export{P as PostCollapsible}from"./p-3604be27.js";export{P as PostIcon}from"./p-d407b1c3.js";export{P as PostTabs}from"./p-fffce1d7.js";export{P as PostTabHeader}from"./p-ca1e407c.js";export{P as PostTabPanel}from"./p-9f71d450.js";export{P as PostTooltip}from"./p-fd7015ae.js";import"./p-a7649277.js";import"./p-88262544.js";import"./p-2737eaf5.js";import"./p-dfe29f7f.js";import"./p-440193f4.js";import"./p-1339f8cd.js";import"./p-b531475e.js";
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,c as t,h as r,H as s,g as e}from"./p-a7649277.js";import{v as i}from"./p-88262544.js";import{d as a,b as n}from"./p-dfe29f7f.js";function c(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}const l=350;const d="ease";const p={height:"0",overflow:"hidden"};const g=o=>{const{height:t}=window.getComputedStyle(o);const r={height:t};return o.animate([r,p],{duration:l,easing:d,fill:"forwards"})};const b=o=>{const t={height:`${o.scrollHeight}px`};return o.animate([p,t],{duration:l,easing:d,fill:"forwards"})};const h=[1,2,3,4,5,6];const u=".accordion-item,.bg-light .accordion-item,.bg-gray .accordion-item{--post-bg-opacity:1;background-color:rgba(var(--post-bg-rgb), var(--post-bg-opacity)) !important;color:var(--post-contrast-color) !important}.accordion-item,.bg-light .accordion-item,.bg-gray .accordion-item{--post-contrast-color:#000;--post-contrast-color-inverted:#fff;--post-gray-10:hsl(0, 0%, 90%);--post-gray-20:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-60:hsl(0, 0%, 40%);--post-gray-80:hsl(0, 0%, 20%);--post-yellow:#fc0;--post-light:#faf9f8;--post-gray:#f4f3f1;--post-dark:hsl(0, 0%, 20%);--post-primary:hsl(0, 0%, 20%);--post-white:#fff;--post-black:#000;--post-info:#cce4ee;--post-success:#2c911c;--post-warning:#f49e00;--post-danger:#a51728;--post-nightblue:#004976;--post-nightblue-bright:#0076a8;--post-petrol:#006d68;--post-petrol-bright:#00968f;--post-coral:#9e2a2f;--post-coral-bright:#e03c31;--post-olive:#716135;--post-olive-bright:#aa9d2e;--post-purple:#80276c;--post-purple-bright:#c5299b;--post-aubergine:#523178;--post-aubergine-bright:#7566a0;--post-success-green:#2c871d;--post-error-red:#a51728;--post-warning-orange:#f49e00;--post-success-background:#c0debb;--post-error-background:#ffdade;--post-warning-background:#fce2b2;--post-contrast-color-rgb:0, 0, 0;--post-contrast-color-inverted-rgb:255, 255, 255;--post-gray-10-rgb:230, 230, 230;--post-gray-20-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-60-rgb:102, 102, 102;--post-gray-80-rgb:51, 51, 51;--post-yellow-rgb:255, 204, 0;--post-light-rgb:250, 249, 248;--post-gray-rgb:244, 243, 241;--post-dark-rgb:51, 51, 51;--post-primary-rgb:51, 51, 51;--post-white-rgb:255, 255, 255;--post-black-rgb:0, 0, 0;--post-info-rgb:204, 228, 238;--post-success-rgb:44, 145, 28;--post-warning-rgb:244, 158, 0;--post-danger-rgb:165, 23, 40;--post-nightblue-rgb:0, 73, 118;--post-nightblue-bright-rgb:0, 118, 168;--post-petrol-rgb:0, 109, 104;--post-petrol-bright-rgb:0, 150, 143;--post-coral-rgb:158, 42, 47;--post-coral-bright-rgb:224, 60, 49;--post-olive-rgb:113, 97, 53;--post-olive-bright-rgb:170, 157, 46;--post-purple-rgb:128, 39, 108;--post-purple-bright-rgb:197, 41, 155;--post-aubergine-rgb:82, 49, 120;--post-aubergine-bright-rgb:117, 102, 160;--post-success-green-rgb:44, 135, 29;--post-error-red-rgb:165, 23, 40;--post-warning-orange-rgb:244, 158, 0;--post-success-background-rgb:192, 222, 187;--post-error-background-rgb:255, 218, 222;--post-warning-background-rgb:252, 226, 178}.accordion-item{border-block:2px solid #666;--post-bg-rgb:244, 243, 241}.accordion-item+.accordion-item{border-block-start:0}.bg-light .accordion-item{--post-bg-rgb:255, 255, 255}.bg-gray .accordion-item{--post-bg-rgb:255, 255, 255}.accordion-header{color:#333;font-size:1rem;font-weight:700;line-height:1.5;margin:0}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button;outline:none;width:100%;position:relative;padding-block:1rem;padding-inline-start:1rem;padding-inline-end:3rem;text-align:start;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.accordion-button:focus-visible{outline:2px solid #1976c8}.accordion-button:hover{color:#000;background-color:#e6e6e6}.accordion-button:disabled{opacity:.4;pointer-events:none}.accordion-button::after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;content:\"\";display:block;height:1.5rem;width:1.5rem;position:absolute;inset-inline-end:1rem;inset-block-start:50%;transform:translateY(-50%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed::after{transform:translateY(-50%) rotate(-180deg)}.accordion-button>.text-truncate{display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:2px solid Highlight}.accordion-button:disabled{opacity:1 !important}}.accordion-body{padding:.5rem 1rem 1rem;font-weight:300}.accordion-button>*,.accordion-body>:first-child{margin-block-start:0 !important}.accordion-button>*,.accordion-body>:last-child{margin-block-end:0 !important}:host{display:block}.accordion-button{cursor:pointer}.accordion-button>::slotted(.text-truncate){display:block}post-collapsible+post-collapsible::part(accordion-item){border-block-start:0 !important}";const m=class{constructor(r){o(this,r);this.collapseChange=t(this,"collapseChange",7);this.isLoaded=false;this.id=undefined;this.isOpen=true;this.hasHeader=undefined;this.headingTag=undefined;this.collapsed=false;this.headingLevel=2}validateCollapsed(o=this.collapsed){a(o,"boolean","The `collapsed` property of the `post-collapsible` must be a boolean.")}validateHeadingLevel(o=this.headingLevel){n(o,h,"The `headingLevel` property of the `post-collapsible` must be a number between 1 and 6.")}connectedCallback(){this.validateCollapsed();this.validateHeadingLevel()}componentWillRender(){var o;this.id=this.host.id||`c${crypto.randomUUID()}`;this.hasHeader=this.host.querySelectorAll('[slot="header"]').length>0;this.headingTag=`h${(o=this.headingLevel)!==null&&o!==void 0?o:2}`}componentDidLoad(){if(this.collapsed)void this.toggle(false);this.isLoaded=true}async toggle(o=!this.isOpen){if(o===this.isOpen)return o;this.isOpen=!this.isOpen;if(this.isLoaded)this.collapseChange.emit();const t=o?b(this.collapsible):g(this.collapsible);if(!this.isLoaded||c())t.finish();await t.finished;t.commitStyles();return this.isOpen}render(){const o=r("div",{"aria-labelledby":this.hasHeader?`${this.id}--header`:undefined,class:`collapse${this.hasHeader?" accordion-collapse":""}`,id:`${this.id}--collapse`,ref:o=>this.collapsible=o},this.hasHeader?r("div",{class:"accordion-body"},r("slot",null)):r("slot",null));return r(s,{id:this.id,"data-version":i},this.hasHeader?r("div",{part:"accordion-item",class:"accordion-item"},r(this.headingTag,{class:"accordion-header",id:`${this.id}--header`},r("button",{"aria-controls":`${this.id}--collapse`,"aria-expanded":`${this.isOpen}`,class:`accordion-button${this.isOpen?"":" collapsed"}`,onClick:()=>this.toggle(),type:"button"},r("slot",{name:"header"}))),o):o)}get host(){return e(this)}static get watchers(){return{collapsed:["validateCollapsed"],headingLevel:["validateHeadingLevel"]}}};m.style=u;export{m as P};
|
|
2
|
+
//# sourceMappingURL=p-3604be27.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isMotionReduced","window","matchMedia","matches","collapseDuration","collapseEasing","collapsedKeyframe","height","overflow","collapse","el","getComputedStyle","expandedKeyframe","animate","duration","easing","fill","expand","scrollHeight","HEADING_LEVELS","postCollapsibleCss","PostCollapsible","this","isLoaded","validateCollapsed","newValue","collapsed","checkEmptyOrType","validateHeadingLevel","headingLevel","checkEmptyOrOneOf","connectedCallback","componentWillRender","id","host","crypto","randomUUID","hasHeader","querySelectorAll","length","headingTag","_a","componentDidLoad","toggle","open","isOpen","collapseChange","emit","animation","collapsible","finish","finished","commitStyles","render","h","undefined","class","ref","Host","version","part","onClick","type","name"],"sources":["src/utils/is-motion-reduced.ts","src/animations/collapse.ts","src/components/post-collapsible/heading-levels.ts","src/components/post-collapsible/post-collapsible.scss?tag=post-collapsible&encapsulation=shadow","src/components/post-collapsible/post-collapsible.tsx"],"sourcesContent":["export function isMotionReduced(): boolean {\n return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n","const collapseDuration = 350;\nconst collapseEasing = 'ease';\nconst collapsedKeyframe: Keyframe = { height: '0', overflow: 'hidden' };\n\nexport const collapse = (el: HTMLElement): Animation => {\n const { height } = window.getComputedStyle(el);\n const expandedKeyframe: Keyframe = { height };\n\n return el.animate(\n [expandedKeyframe, collapsedKeyframe],\n { duration: collapseDuration, easing: collapseEasing, fill: 'forwards' },\n );\n};\n\nexport const expand = (el: HTMLElement): Animation => {\n const expandedKeyframe: Keyframe = { height: `${el.scrollHeight}px` };\n\n return el.animate(\n [collapsedKeyframe, expandedKeyframe],\n { duration: collapseDuration, easing: collapseEasing, fill: 'forwards' },\n );\n};\n","export const HEADING_LEVELS = [1, 2, 3, 4, 5, 6] as const;\n\nexport type HeadingLevel = typeof HEADING_LEVELS[number];\n","@use '@swisspost/design-system-styles/components/accordion';\n\n:host {\n display: block;\n}\n\n.accordion-button {\n cursor: pointer;\n\n > ::slotted(.text-truncate) {\n display: block;\n }\n}\n\npost-collapsible + post-collapsible::part(accordion-item) {\n border-block-start: 0!important;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { collapse, expand } from '../../animations/collapse';\nimport { checkEmptyOrOneOf, checkEmptyOrType, isMotionReduced } from '../../utils';\nimport { HEADING_LEVELS, HeadingLevel } from './heading-levels';\n\n@Component({\n tag: 'post-collapsible',\n styleUrl: 'post-collapsible.scss',\n shadow: true,\n})\nexport class PostCollapsible {\n private isLoaded = false;\n private collapsible: HTMLElement;\n\n @Element() host: HTMLPostCollapsibleElement;\n\n @State() id: string;\n @State() isOpen = true;\n @State() hasHeader: boolean;\n @State() headingTag: string;\n\n /**\n * If `true`, the element is initially collapsed otherwise it is displayed.\n */\n @Prop() readonly collapsed?: boolean = false;\n\n @Watch('collapsed')\n validateCollapsed(newValue = this.collapsed) {\n checkEmptyOrType(\n newValue,\n 'boolean',\n 'The `collapsed` property of the `post-collapsible` must be a boolean.',\n );\n }\n\n /**\n * Defines the hierarchical level of the collapsible header within the headings structure.\n */\n @Prop() readonly headingLevel?: HeadingLevel = 2;\n\n @Watch('headingLevel')\n validateHeadingLevel(newValue = this.headingLevel) {\n checkEmptyOrOneOf(\n newValue,\n HEADING_LEVELS,\n 'The `headingLevel` property of the `post-collapsible` must be a number between 1 and 6.',\n );\n }\n\n /**\n * An event emitted when the collapse element is shown or hidden, before the transition. It has no payload.\n */\n @Event() collapseChange: EventEmitter<void>;\n\n connectedCallback() {\n this.validateCollapsed();\n this.validateHeadingLevel();\n }\n\n componentWillRender() {\n this.id = this.host.id || `c${crypto.randomUUID()}`;\n this.hasHeader = this.host.querySelectorAll('[slot=\"header\"]').length > 0;\n this.headingTag = `h${this.headingLevel ?? 2}`;\n }\n\n componentDidLoad() {\n if (this.collapsed) void this.toggle(false);\n this.isLoaded = true;\n }\n\n /**\n * Triggers the collapse programmatically.\n *\n * If there is a collapsing transition running already, it will be reversed.\n */\n @Method()\n async toggle(open = !this.isOpen): Promise<boolean> {\n if (open === this.isOpen) return open;\n\n this.isOpen = !this.isOpen;\n if (this.isLoaded) this.collapseChange.emit();\n\n const animation = open ? expand(this.collapsible) : collapse(this.collapsible);\n\n if (!this.isLoaded || isMotionReduced()) animation.finish();\n\n await animation.finished;\n\n animation.commitStyles();\n\n return this.isOpen;\n }\n\n render() {\n const collapse = (\n <div\n aria-labelledby={this.hasHeader ? `${this.id}--header` : undefined}\n class={`collapse${this.hasHeader ? ' accordion-collapse' : ''}`}\n id={`${this.id}--collapse`}\n ref={el => (this.collapsible = el)}\n >\n {this.hasHeader ? (\n <div class=\"accordion-body\">\n <slot />\n </div>\n ) : (\n <slot />\n )}\n </div>\n );\n\n return (\n <Host id={this.id} data-version={version}>\n {this.hasHeader ? (\n <div part=\"accordion-item\" class=\"accordion-item\">\n <this.headingTag class=\"accordion-header\" id={`${this.id}--header`}>\n <button\n aria-controls={`${this.id}--collapse`}\n aria-expanded={`${this.isOpen}`}\n class={`accordion-button${this.isOpen ? '' : ' collapsed'}`}\n onClick={() => this.toggle()}\n type=\"button\"\n >\n <slot name=\"header\" />\n </button>\n </this.headingTag>\n\n {collapse}\n </div>\n ) : (\n collapse\n )}\n </Host>\n );\n }\n}\n"],"mappings":"wJAAgBA,IACd,OAAOC,OAAOC,WAAW,oCAAoCC,OAC/D,CCFA,MAAMC,EAAmB,IACzB,MAAMC,EAAiB,OACvB,MAAMC,EAA8B,CAAEC,OAAQ,IAAKC,SAAU,UAEtD,MAAMC,EAAYC,IACvB,MAAMH,OAAEA,GAAWN,OAAOU,iBAAiBD,GAC3C,MAAME,EAA6B,CAAEL,UAErC,OAAOG,EAAGG,QACR,CAACD,EAAkBN,GACnB,CAAEQ,SAAUV,EAAkBW,OAAQV,EAAgBW,KAAM,YAC7D,EAGI,MAAMC,EAAUP,IACrB,MAAME,EAA6B,CAAEL,OAAQ,GAAGG,EAAGQ,kBAEnD,OAAOR,EAAGG,QACR,CAACP,EAAmBM,GACpB,CAAEE,SAAUV,EAAkBW,OAAQV,EAAgBW,KAAM,YAC7D,ECpBI,MAAMG,EAAiB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,GCA9C,MAAMC,EAAqB,8uJ,MCsBdC,EAAe,M,wEAClBC,KAAAC,SAAW,M,8BAMD,K,kEAOqB,M,kBAcQ,C,CAX/C,iBAAAC,CAAkBC,EAAWH,KAAKI,WAChCC,EACEF,EACA,UACA,wE,CAUJ,oBAAAG,CAAqBH,EAAWH,KAAKO,cACnCC,EACEL,EACAN,EACA,0F,CASJ,iBAAAY,GACET,KAAKE,oBACLF,KAAKM,sB,CAGP,mBAAAI,G,MACEV,KAAKW,GAAKX,KAAKY,KAAKD,IAAM,IAAIE,OAAOC,eACrCd,KAAKe,UAAYf,KAAKY,KAAKI,iBAAiB,mBAAmBC,OAAS,EACxEjB,KAAKkB,WAAa,KAAIC,EAAAnB,KAAKO,gBAAY,MAAAY,SAAA,EAAAA,EAAI,G,CAG7C,gBAAAC,GACE,GAAIpB,KAAKI,eAAgBJ,KAAKqB,OAAO,OACrCrB,KAAKC,SAAW,I,CASlB,YAAMoB,CAAOC,GAAQtB,KAAKuB,QACxB,GAAID,IAAStB,KAAKuB,OAAQ,OAAOD,EAEjCtB,KAAKuB,QAAUvB,KAAKuB,OACpB,GAAIvB,KAAKC,SAAUD,KAAKwB,eAAeC,OAEvC,MAAMC,EAAYJ,EAAO3B,EAAOK,KAAK2B,aAAexC,EAASa,KAAK2B,aAElE,IAAK3B,KAAKC,UAAYvB,IAAmBgD,EAAUE,eAE7CF,EAAUG,SAEhBH,EAAUI,eAEV,OAAO9B,KAAKuB,M,CAGd,MAAAQ,GACE,MAAM5C,EACJ6C,EAAA,yBACmBhC,KAAKe,UAAY,GAAGf,KAAKW,aAAesB,UACzDC,MAAO,WAAWlC,KAAKe,UAAY,sBAAwB,KAC3DJ,GAAI,GAAGX,KAAKW,eACZwB,IAAK/C,GAAOY,KAAK2B,YAAcvC,GAE9BY,KAAKe,UACJiB,EAAA,OAAKE,MAAM,kBACTF,EAAA,cAGFA,EAAA,cAKN,OACEA,EAACI,EAAI,CAACzB,GAAIX,KAAKW,GAAE,eAAgB0B,GAC9BrC,KAAKe,UACJiB,EAAA,OAAKM,KAAK,iBAAiBJ,MAAM,kBAC/BF,EAAChC,KAAKkB,WAAU,CAACgB,MAAM,mBAAmBvB,GAAI,GAAGX,KAAKW,cACpDqB,EAAA,0BACiB,GAAGhC,KAAKW,eAAc,gBACtB,GAAGX,KAAKuB,SACvBW,MAAO,mBAAmBlC,KAAKuB,OAAS,GAAK,eAC7CgB,QAAS,IAAMvC,KAAKqB,SACpBmB,KAAK,UAELR,EAAA,QAAMS,KAAK,aAIdtD,GACG,E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t,H as i,g as o}from"./p-a7649277.js";import{v as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t,H as i,g as o}from"./p-a7649277.js";import{v as a}from"./p-88262544.js";const e=":host{display:block}";const r=class{constructor(t){s(this,t);this.expandedCollapsibles=new Set;this.multiple=false}componentWillLoad(){this.registerCollapsibles()}async toggle(s){const t=this.collapsibles.find((t=>t.id===s));if(!t)throw new Error(`No post-collapsible found with id #${s}.`);await t.toggle()}collapseChangeHandler(s){const t=s.target;const i=this.expandedCollapsibles.has(t);if(i){this.expandedCollapsibles.delete(t)}else{this.expandedCollapsibles.add(t)}if(this.multiple||i)return;Array.from(this.expandedCollapsibles.values()).filter((s=>s!==t)).forEach((s=>{void s.toggle(false)}))}async expandAll(){if(this.multiple){await Promise.all(this.collapsibles.map((s=>s.toggle(true))))}else if(!this.expandedCollapsibles.size){await this.collapsibles[0].toggle(true)}}async collapseAll(){await Promise.all(this.collapsibles.map((s=>s.toggle(false))))}registerCollapsibles(){this.collapsibles=Array.from(this.host.querySelectorAll("post-collapsible"));this.collapsibles.filter((s=>!s.collapsed||this.expandedCollapsibles.has(s))).forEach(((s,t)=>{if(!this.multiple&&t!==0){s.setAttribute("collapsed","");return}this.expandedCollapsibles.add(s)}))}render(){return t(i,{"data-version":a},t("div",{class:"accordion"},t("slot",{onSlotchange:()=>this.registerCollapsibles()})))}get host(){return o(this)}};r.style=e;export{r as post_accordion};
|
|
2
|
+
//# sourceMappingURL=p-7b8797c6.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as o,h as e,H as i,g as r}from"./p-a7649277.js";import{v as a}from"./p-88262544.js";import{f as s}from"./p-2737eaf5.js";import{c as n,a as l,b as c}from"./p-dfe29f7f.js";import{c as g}from"./p-b531475e.js";const p=["primary","success","danger","warning","info","gray"];const h="/*!\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 */.alert-primary,.alert-success,.alert-danger,.alert-warning,.alert-info,.alert-gray,.alert-notification,.alert-error{background-color:rgb(var(--post-bg-rgb)) !important;color:var(--post-contrast-color) !important}.alert-success,.alert-warning,.alert-info,.alert-gray{--post-contrast-color:#000;--post-contrast-color-inverted:#fff;--post-gray-10:hsl(0, 0%, 90%);--post-gray-20:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-60:hsl(0, 0%, 40%);--post-gray-80:hsl(0, 0%, 20%);--post-yellow:#fc0;--post-light:#faf9f8;--post-gray:#f4f3f1;--post-dark:hsl(0, 0%, 20%);--post-primary:hsl(0, 0%, 20%);--post-white:#fff;--post-black:#000;--post-info:#cce4ee;--post-success:#2c911c;--post-warning:#f49e00;--post-danger:#a51728;--post-nightblue:#004976;--post-nightblue-bright:#0076a8;--post-petrol:#006d68;--post-petrol-bright:#00968f;--post-coral:#9e2a2f;--post-coral-bright:#e03c31;--post-olive:#716135;--post-olive-bright:#aa9d2e;--post-purple:#80276c;--post-purple-bright:#c5299b;--post-aubergine:#523178;--post-aubergine-bright:#7566a0;--post-success-green:#2c871d;--post-error-red:#a51728;--post-warning-orange:#f49e00;--post-success-background:#c0debb;--post-error-background:#ffdade;--post-warning-background:#fce2b2;--post-contrast-color-rgb:0, 0, 0;--post-contrast-color-inverted-rgb:255, 255, 255;--post-gray-10-rgb:230, 230, 230;--post-gray-20-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-60-rgb:102, 102, 102;--post-gray-80-rgb:51, 51, 51;--post-yellow-rgb:255, 204, 0;--post-light-rgb:250, 249, 248;--post-gray-rgb:244, 243, 241;--post-dark-rgb:51, 51, 51;--post-primary-rgb:51, 51, 51;--post-white-rgb:255, 255, 255;--post-black-rgb:0, 0, 0;--post-info-rgb:204, 228, 238;--post-success-rgb:44, 145, 28;--post-warning-rgb:244, 158, 0;--post-danger-rgb:165, 23, 40;--post-nightblue-rgb:0, 73, 118;--post-nightblue-bright-rgb:0, 118, 168;--post-petrol-rgb:0, 109, 104;--post-petrol-bright-rgb:0, 150, 143;--post-coral-rgb:158, 42, 47;--post-coral-bright-rgb:224, 60, 49;--post-olive-rgb:113, 97, 53;--post-olive-bright-rgb:170, 157, 46;--post-purple-rgb:128, 39, 108;--post-purple-bright-rgb:197, 41, 155;--post-aubergine-rgb:82, 49, 120;--post-aubergine-bright-rgb:117, 102, 160;--post-success-green-rgb:44, 135, 29;--post-error-red-rgb:165, 23, 40;--post-warning-orange-rgb:244, 158, 0;--post-success-background-rgb:192, 222, 187;--post-error-background-rgb:255, 218, 222;--post-warning-background-rgb:252, 226, 178}.alert-primary,.alert-danger,.alert-notification,.alert-error{--post-contrast-color:#fff;--post-contrast-color-inverted:#000;--post-dark:#faf9f8;--post-light:hsl(0, 0%, 20%);--post-gray-80:hsl(0, 0%, 90%);--post-gray-60:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-20:hsl(0, 0%, 40%);--post-gray-10:hsl(0, 0%, 20%);--post-contrast-color-rgb:255, 255, 255;--post-contrast-color-inverted-rgb:0, 0, 0;--post-dark-rgb:250, 249, 248;--post-light-rgb:51, 51, 51;--post-gray-80-rgb:230, 230, 230;--post-gray-60-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-20-rgb:102, 102, 102;--post-gray-10-rgb:51, 51, 51}.alert{position:relative;box-sizing:border-box;min-height:5rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px;padding:1rem 1.25rem;padding-inline-start:5.5rem;margin-block-end:1rem;font-size:1rem;font-weight:300}.alert.no-icon{min-height:3.5rem;padding-inline-start:1.25rem}.alert[class^=pi-],.alert[class*=\" pi-\"]{background-size:3rem;background-position:1.25rem 1rem;background-repeat:no-repeat}.alert[class^=pi-].no-icon,.alert[class*=\" pi-\"].no-icon{background-image:none}.alert::before{content:\"\";display:block}.alert::before,.alert>post-icon{position:absolute;height:3rem;width:3rem;left:1.25rem;top:1rem}.alert.no-icon::before,.alert[class^=pi-]::before,.alert[class*=\" pi-\"]::before{content:unset}.alert.no-icon>post-icon,.alert[class^=pi-]>post-icon,.alert[class*=\" pi-\"]>post-icon{display:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert{filter:none !important;background-color:rgba(0,0,0,0) !important;border:2px solid WindowText}}.alert:not(.alert-action){display:flex;flex-direction:column;justify-content:center;gap:.25rem}.alert:not(.alert-action) a{font-weight:400}.alert:not(.alert-action) hr{margin-block:.5rem .75rem !important}.alert:not(.alert-action)>:only-child,.alert:not(.alert-action)>post-icon:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert:not(.alert-action)>*{margin:0}.alert-heading{font-size:1.0625rem;font-weight:700}.alert-dismissible{pointer-events:auto;position:relative;padding-inline-end:4rem}.alert-dismissible>.btn-close{position:absolute;inset-block-start:1rem;inset-inline-end:1.25rem}.alert-dismissible>.btn-close:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert-action{display:flex;flex-direction:row;align-items:center;gap:1.25rem}.alert-action>.alert-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.alert-action>.alert-content a{font-weight:400}.alert-action>.alert-content hr{margin-block:.5rem .75rem !important}.alert-action>.alert-content>:only-child,.alert-action>.alert-content>post-icon:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert-action>.alert-content>*{margin:0}.alert-action>.alert-buttons{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}@media (min-width: 780px){.alert-action.alert-dismissible>.btn-close{inset-block-start:calc(50% - 0.75rem)}}@media (max-width: 779.98px){.alert-action{flex-direction:column;align-items:stretch;padding-inline:1.25rem}.alert-action>.alert-content{padding-inline-start:4.25rem;padding-inline-end:2.75rem}.alert-action>.alert-buttons{display:flex}.alert-action>.alert-buttons>.btn{flex:1 0 0;width:100%}.alert-action>.alert-buttons>.btn:first-child{margin-inline-start:0}}.alert-fixed-bottom{position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;margin-bottom:0;border-radius:0;z-index:1030}@media (min-width: 1441px){.alert-fixed-bottom{padding-inline-end:calc((100% - 1440px) / 2 + 120px + 1.25rem);padding-inline-start:calc(\n (100% - 1440px) / 2 + 120px + 1.25rem + 3rem + 1.25rem\n );background-position-x:calc((100% - 1440px) / 2 + 120px + 1.25rem + 1.5rem)}.alert-fixed-bottom::before{left:calc((100% - 1440px) / 2 + 120px + 1.25rem)}.alert-fixed-bottom.no-icon{padding-inline-start:calc((100% - 1440px) / 2 + 120px + 1.25rem)}.alert-fixed-bottom.alert-dismissible{padding-inline-end:calc(\n (100% - 1440px) / 2 + 120px + 1.25rem + 1.25rem + 1.5rem\n )}.alert-fixed-bottom.alert-dismissible>.btn-close{inset-inline-end:calc((100% - 1440px) / 2 + 120px + 1.25rem)}}.alert-primary{--post-bg-rgb:51, 51, 51}.alert-primary:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18H3.2z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18H3.2z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-primary:has(>post-icon)::before{content:none}.alert-primary>post-icon{background-color:#333}.alert-success{--post-bg-rgb:44, 145, 28}.alert-success:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-success:has(>post-icon)::before{content:none}.alert-success>post-icon{background-color:#2c911c}.alert-danger{--post-bg-rgb:165, 23, 40}.alert-danger:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-danger:has(>post-icon)::before{content:none}.alert-danger>post-icon{background-color:#a51728}.alert-warning{--post-bg-rgb:244, 158, 0}.alert-warning:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-warning:has(>post-icon)::before{content:none}.alert-warning>post-icon{background-color:#f49e00}.alert-info{--post-bg-rgb:204, 228, 238}.alert-info:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M17.333 25.333v-16h-4.667V12h2v13.333h-2V28h6.667v-2.667zM14.667 4h2.667v2.667h-2.667z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M17.333 25.333v-16h-4.667V12h2v13.333h-2V28h6.667v-2.667zM14.667 4h2.667v2.667h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-info:has(>post-icon)::before{content:none}.alert-info>post-icon{background-color:#cce4ee}.alert-gray{--post-bg-rgb:244, 243, 241}.alert-gray:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.241 5.241 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.241 5.241 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.325 6.325 0 0 0-.325 1.997 6.598 6.598 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0c0-.735.599-1.333 1.334-1.333s1.333.598 1.333 1.333-.598 1.334-1.333 1.334-1.334-.598-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.19 13.19 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.647 11.647 0 0 0 2.359-.888.668.668 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.798 11.798 0 0 0 4 15.92z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.241 5.241 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.241 5.241 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.325 6.325 0 0 0-.325 1.997 6.598 6.598 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0c0-.735.599-1.333 1.334-1.333s1.333.598 1.333 1.333-.598 1.334-1.333 1.334-1.334-.598-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.19 13.19 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.647 11.647 0 0 0 2.359-.888.668.668 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.798 11.798 0 0 0 4 15.92z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-gray:has(>post-icon)::before{content:none}.alert-gray>post-icon{background-color:#f4f3f1}.alert-notification{--post-bg-rgb:51, 51, 51}.alert-notification:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18H3.2z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18H3.2z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-notification:has(>post-icon)::before{content:none}.alert-notification>post-icon{background-color:#333}.alert-error{--post-bg-rgb:165, 23, 40}.alert-error:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%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%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-error:has(>post-icon)::before{content:none}.alert-error>post-icon{background-color:#a51728}.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button;outline:none;outline-offset:2px;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.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%3Cg id='icon'%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/g%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%3Cg id='icon'%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/g%3E%3C/svg%3E\");background-color:currentColor;content:\"\";display:block;height:1.5rem;width:1.5rem}.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)}.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}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}:host ::slotted(*){margin:0 !important}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}.alert-heading>::slotted(h1){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h2){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h3){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h4){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h5){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h6){font-size:inherit !important;font-weight:inherit !important}";const d=class{constructor(e){t(this,e);this.dismissed=o(this,"dismissed",7);this.alertId=crypto.randomUUID();this.classes=undefined;this.hasActions=undefined;this.hasHeading=undefined;this.onDismissButtonClick=()=>this.dismiss();this.dismissible=false;this.dismissLabel=undefined;this.fixed=false;this.icon=undefined;this.type="primary"}validateDismissible(t=this.dismissible){n(t,"boolean",'The post-alert "dismissible" prop should be a boolean.');setTimeout((()=>this.validateDismissLabel()))}validateDismissLabel(t=this.dismissLabel){if(this.dismissible){g(t,'Dismissible post-alert\'s require a "dismiss-label" prop.')}}validateFixed(t=this.fixed){n(t,"boolean",'The post-alert "fixed" prop should be a boolean.')}validateIcon(t=this.icon){l(t,/\d{4}|none/,'The post-alert "icon" prop should be a 4-digits string.')}validateType(t=this.type){c(t,p,`The post-alert requires a type form: ${p.join(", ")}`)}connectedCallback(){this.validateDismissible();this.validateFixed();this.validateIcon();this.validateType()}componentWillRender(){var t;this.hasHeading=this.host.querySelectorAll("[slot=heading]").length>0;this.hasActions=this.host.querySelectorAll("[slot=actions]").length>0;this.classes=`alert alert-${(t=this.type)!==null&&t!==void 0?t:"primary"}`;if(this.dismissible)this.classes+=" alert-dismissible";if(this.hasActions)this.classes+=" alert-action";if(this.fixed)this.classes+=" alert-fixed-bottom";if(this.icon==="none")this.classes+=" no-icon"}async dismiss(){const t=s(this.host);await t.finished;this.host.remove();this.dismissed.emit()}render(){const t=[this.hasHeading&&e("div",{key:`${this.alertId}-heading`,class:"alert-heading"},e("slot",{name:"heading"})),e("slot",{key:`${this.alertId}-message`})];const o=[e("div",{key:`${this.alertId}-content`,class:"alert-content"},t),e("div",{key:`${this.alertId}-buttons`,class:"alert-buttons"},e("slot",{name:"actions"}))];return e(i,{"data-version":a},e("div",{role:"alert",class:this.classes},this.dismissible&&e("button",{class:"btn-close",onClick:this.onDismissButtonClick},e("span",{class:"visually-hidden"},this.dismissLabel)),this.icon&&this.icon!=="none"&&e("post-icon",{key:`${this.alertId}-icon`,name:this.icon}),this.hasActions?o:t))}get host(){return r(this)}static get watchers(){return{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}}};d.style=h;export{d as P};
|
|
2
|
+
//# sourceMappingURL=p-8b6fe20d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ALERT_TYPES","postAlertCss","PostAlert","crypto","randomUUID","this","dismiss","validateDismissible","isDismissible","dismissible","checkType","setTimeout","validateDismissLabel","dismissLabel","checkNonEmpty","validateFixed","isFixed","fixed","validateIcon","icon","checkEmptyOrPattern","validateType","type","checkEmptyOrOneOf","join","connectedCallback","componentWillRender","hasHeading","host","querySelectorAll","length","hasActions","classes","_a","dismissal","fadeOut","finished","remove","dismissed","emit","render","defaultAlertContent","h","key","alertId","class","name","actionAlertContent","Host","version","role","onClick","onDismissButtonClick"],"sources":["src/components/post-alert/alert-types.ts","src/components/post-alert/post-alert.scss?tag=post-alert&encapsulation=shadow","src/components/post-alert/post-alert.tsx"],"sourcesContent":["export const ALERT_TYPES = ['primary', 'success', 'danger', 'warning', 'info', 'gray'] as const;\n\nexport type AlertType = typeof ALERT_TYPES[number];\n","@use '@swisspost/design-system-styles/components/alert';\n@use '@swisspost/design-system-styles/components/close';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n display: block;\n\n ::slotted(*) {\n margin: 0 !important;\n }\n}\n\n.visually-hidden {\n @include post.visually-hidden();\n}\n\n@for $i from 1 through 6 {\n .alert-heading > ::slotted(h#{$i}) {\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeOut } from '../../animations';\nimport { checkEmptyOrOneOf, checkEmptyOrPattern, checkNonEmpty, checkType } from '../../utils';\nimport { ALERT_TYPES, AlertType } from './alert-types';\n\n@Component({\n tag: 'post-alert',\n styleUrl: 'post-alert.scss',\n shadow: true,\n})\nexport class PostAlert {\n @Element() host: HTMLPostAlertElement;\n\n @State() alertId = crypto.randomUUID();\n @State() classes: string;\n @State() hasActions: boolean;\n @State() hasHeading: boolean;\n @State() onDismissButtonClick = () => this.dismiss();\n\n /**\n * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.\n */\n @Prop() readonly dismissible: boolean = false;\n\n @Watch('dismissible')\n validateDismissible(isDismissible = this.dismissible) {\n checkType(isDismissible, 'boolean', 'The post-alert \"dismissible\" prop should be a boolean.');\n setTimeout(() => this.validateDismissLabel());\n }\n\n /**\n * The label to use for the close button of a dismissible alert.\n */\n @Prop() readonly dismissLabel: string;\n\n @Watch('dismissLabel')\n validateDismissLabel(dismissLabel = this.dismissLabel) {\n if (this.dismissible) {\n checkNonEmpty(dismissLabel, 'Dismissible post-alert\\'s require a \"dismiss-label\" prop.');\n }\n }\n\n /**\n * If `true`, the alert is positioned at the bottom of the window, from edge to edge.\n */\n @Prop() readonly fixed: boolean = false;\n\n @Watch('fixed')\n validateFixed(isFixed = this.fixed) {\n checkType(isFixed, 'boolean', 'The post-alert \"fixed\" prop should be a boolean.');\n }\n\n /**\n * The icon to display in the alert. By default, the icon depends on the alert type.\n *\n * If `none`, no icon is displayed.\n */\n @Prop() readonly icon: string;\n\n @Watch('icon')\n validateIcon(icon = this.icon) {\n checkEmptyOrPattern(icon, /\\d{4}|none/, 'The post-alert \"icon\" prop should be a 4-digits string.');\n }\n\n /**\n * The type of the alert.\n */\n @Prop() readonly type: AlertType = 'primary';\n\n @Watch('type')\n validateType(type = this.type) {\n checkEmptyOrOneOf(type, ALERT_TYPES, `The post-alert requires a type form: ${ALERT_TYPES.join(', ')}`);\n }\n\n /**\n * An event emitted when the alert element is dismissed, after the transition.\n * It has no payload and only relevant for dismissible alerts.\n */\n @Event() dismissed: EventEmitter<void>;\n\n connectedCallback() {\n this.validateDismissible();\n this.validateFixed();\n this.validateIcon();\n this.validateType();\n }\n\n componentWillRender() {\n this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;\n this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;\n\n this.classes = `alert alert-${this.type ?? 'primary'}`;\n if (this.dismissible) this.classes += ' alert-dismissible';\n if (this.hasActions) this.classes += ' alert-action';\n if (this.fixed) this.classes += ' alert-fixed-bottom';\n if (this.icon === 'none') this.classes += ' no-icon';\n }\n\n /**\n * Triggers alert dismissal programmatically (same as clicking on the close button (×)).\n */\n @Method()\n async dismiss() {\n const dismissal = fadeOut(this.host);\n\n await dismissal.finished;\n\n this.host.remove();\n this.dismissed.emit();\n }\n\n render() {\n const defaultAlertContent = [\n this.hasHeading && (\n <div key={`${this.alertId}-heading`} class=\"alert-heading\">\n <slot name=\"heading\"/>\n </div>\n ),\n <slot key={`${this.alertId}-message`}/>\n ];\n\n const actionAlertContent = [\n <div key={`${this.alertId}-content`} class=\"alert-content\">\n {defaultAlertContent}\n </div>,\n <div key={`${this.alertId}-buttons`} class=\"alert-buttons\">\n <slot name=\"actions\"/>\n </div>,\n ];\n\n return (\n <Host data-version={version}>\n <div role=\"alert\" class={this.classes}>\n {this.dismissible && (\n <button class=\"btn-close\" onClick={this.onDismissButtonClick}>\n <span class=\"visually-hidden\">{this.dismissLabel}</span>\n </button>\n )}\n\n {this.icon && this.icon !== 'none' && (\n <post-icon key={`${this.alertId}-icon`} name={this.icon} />\n )}\n\n {this.hasActions\n ? actionAlertContent\n : defaultAlertContent\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["ALERT_TYPES","postAlertCss","PostAlert","crypto","randomUUID","this","dismiss","validateDismissible","isDismissible","dismissible","checkType","setTimeout","validateDismissLabel","dismissLabel","checkNonEmpty","validateFixed","isFixed","fixed","validateIcon","icon","checkEmptyOrPattern","validateType","type","checkEmptyOrOneOf","join","connectedCallback","componentWillRender","hasHeading","host","querySelectorAll","length","hasActions","classes","_a","dismissal","fadeOut","finished","remove","dismissed","emit","render","defaultAlertContent","h","key","alertId","class","name","actionAlertContent","Host","version","role","onClick","onDismissButtonClick"],"sources":["src/components/post-alert/alert-types.ts","src/components/post-alert/post-alert.scss?tag=post-alert&encapsulation=shadow","src/components/post-alert/post-alert.tsx"],"sourcesContent":["export const ALERT_TYPES = ['primary', 'success', 'danger', 'warning', 'info', 'gray'] as const;\n\nexport type AlertType = typeof ALERT_TYPES[number];\n","@use '@swisspost/design-system-styles/components/alert';\n@use '@swisspost/design-system-styles/components/close';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n display: block;\n\n ::slotted(*) {\n margin: 0 !important;\n }\n}\n\n.visually-hidden {\n @include post.visually-hidden();\n}\n\n@for $i from 1 through 6 {\n .alert-heading > ::slotted(h#{$i}) {\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeOut } from '../../animations';\nimport { checkEmptyOrOneOf, checkEmptyOrPattern, checkNonEmpty, checkType } from '../../utils';\nimport { ALERT_TYPES, AlertType } from './alert-types';\n\n@Component({\n tag: 'post-alert',\n styleUrl: 'post-alert.scss',\n shadow: true,\n})\nexport class PostAlert {\n @Element() host: HTMLPostAlertElement;\n\n @State() alertId = crypto.randomUUID();\n @State() classes: string;\n @State() hasActions: boolean;\n @State() hasHeading: boolean;\n @State() onDismissButtonClick = () => this.dismiss();\n\n /**\n * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.\n */\n @Prop() readonly dismissible: boolean = false;\n\n @Watch('dismissible')\n validateDismissible(isDismissible = this.dismissible) {\n checkType(isDismissible, 'boolean', 'The post-alert \"dismissible\" prop should be a boolean.');\n setTimeout(() => this.validateDismissLabel());\n }\n\n /**\n * The label to use for the close button of a dismissible alert.\n */\n @Prop() readonly dismissLabel: string;\n\n @Watch('dismissLabel')\n validateDismissLabel(dismissLabel = this.dismissLabel) {\n if (this.dismissible) {\n checkNonEmpty(dismissLabel, 'Dismissible post-alert\\'s require a \"dismiss-label\" prop.');\n }\n }\n\n /**\n * If `true`, the alert is positioned at the bottom of the window, from edge to edge.\n */\n @Prop() readonly fixed: boolean = false;\n\n @Watch('fixed')\n validateFixed(isFixed = this.fixed) {\n checkType(isFixed, 'boolean', 'The post-alert \"fixed\" prop should be a boolean.');\n }\n\n /**\n * The icon to display in the alert. By default, the icon depends on the alert type.\n *\n * If `none`, no icon is displayed.\n */\n @Prop() readonly icon: string;\n\n @Watch('icon')\n validateIcon(icon = this.icon) {\n checkEmptyOrPattern(icon, /\\d{4}|none/, 'The post-alert \"icon\" prop should be a 4-digits string.');\n }\n\n /**\n * The type of the alert.\n */\n @Prop() readonly type: AlertType = 'primary';\n\n @Watch('type')\n validateType(type = this.type) {\n checkEmptyOrOneOf(type, ALERT_TYPES, `The post-alert requires a type form: ${ALERT_TYPES.join(', ')}`);\n }\n\n /**\n * An event emitted when the alert element is dismissed, after the transition.\n * It has no payload and only relevant for dismissible alerts.\n */\n @Event() dismissed: EventEmitter<void>;\n\n connectedCallback() {\n this.validateDismissible();\n this.validateFixed();\n this.validateIcon();\n this.validateType();\n }\n\n componentWillRender() {\n this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;\n this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;\n\n this.classes = `alert alert-${this.type ?? 'primary'}`;\n if (this.dismissible) this.classes += ' alert-dismissible';\n if (this.hasActions) this.classes += ' alert-action';\n if (this.fixed) this.classes += ' alert-fixed-bottom';\n if (this.icon === 'none') this.classes += ' no-icon';\n }\n\n /**\n * Triggers alert dismissal programmatically (same as clicking on the close button (×)).\n */\n @Method()\n async dismiss() {\n const dismissal = fadeOut(this.host);\n\n await dismissal.finished;\n\n this.host.remove();\n this.dismissed.emit();\n }\n\n render() {\n const defaultAlertContent = [\n this.hasHeading && (\n <div key={`${this.alertId}-heading`} class=\"alert-heading\">\n <slot name=\"heading\"/>\n </div>\n ),\n <slot key={`${this.alertId}-message`}/>\n ];\n\n const actionAlertContent = [\n <div key={`${this.alertId}-content`} class=\"alert-content\">\n {defaultAlertContent}\n </div>,\n <div key={`${this.alertId}-buttons`} class=\"alert-buttons\">\n <slot name=\"actions\"/>\n </div>,\n ];\n\n return (\n <Host data-version={version}>\n <div role=\"alert\" class={this.classes}>\n {this.dismissible && (\n <button class=\"btn-close\" onClick={this.onDismissButtonClick}>\n <span class=\"visually-hidden\">{this.dismissLabel}</span>\n </button>\n )}\n\n {this.icon && this.icon !== 'none' && (\n <post-icon key={`${this.alertId}-icon`} name={this.icon} />\n )}\n\n {this.hasActions\n ? actionAlertContent\n : defaultAlertContent\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"8NAAO,MAAMA,EAAc,CAAC,UAAW,UAAW,SAAU,UAAW,OAAQ,QCA/E,MAAMC,EAAe,ktnB,MCWRC,EAAS,M,2EAGDC,OAAOC,a,qGAIM,IAAMC,KAAKC,U,iBAKH,M,uCAuBN,M,8BAsBC,S,CA1CnC,mBAAAC,CAAoBC,EAAgBH,KAAKI,aACvCC,EAAUF,EAAe,UAAW,0DACpCG,YAAW,IAAMN,KAAKO,wB,CASxB,oBAAAA,CAAqBC,EAAeR,KAAKQ,cACvC,GAAIR,KAAKI,YAAa,CACpBK,EAAcD,EAAc,4D,EAUhC,aAAAE,CAAcC,EAAUX,KAAKY,OAC3BP,EAAUM,EAAS,UAAW,mD,CAWhC,YAAAE,CAAaC,EAAOd,KAAKc,MACvBC,EAAoBD,EAAM,aAAc,0D,CAS1C,YAAAE,CAAaC,EAAOjB,KAAKiB,MACvBC,EAAkBD,EAAMtB,EAAa,wCAAwCA,EAAYwB,KAAK,Q,CAShG,iBAAAC,GACEpB,KAAKE,sBACLF,KAAKU,gBACLV,KAAKa,eACLb,KAAKgB,c,CAGP,mBAAAK,G,MACErB,KAAKsB,WAAatB,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EACxEzB,KAAK0B,WAAa1B,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EAExEzB,KAAK2B,QAAU,gBAAeC,EAAA5B,KAAKiB,QAAI,MAAAW,SAAA,EAAAA,EAAI,YAC3C,GAAI5B,KAAKI,YAAaJ,KAAK2B,SAAW,qBACtC,GAAI3B,KAAK0B,WAAY1B,KAAK2B,SAAW,gBACrC,GAAI3B,KAAKY,MAAOZ,KAAK2B,SAAW,sBAChC,GAAI3B,KAAKc,OAAS,OAAQd,KAAK2B,SAAW,U,CAO5C,aAAM1B,GACJ,MAAM4B,EAAYC,EAAQ9B,KAAKuB,YAEzBM,EAAUE,SAEhB/B,KAAKuB,KAAKS,SACVhC,KAAKiC,UAAUC,M,CAGjB,MAAAC,GACE,MAAMC,EAAsB,CAC1BpC,KAAKsB,YACHe,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,aAGfJ,EAAA,QAAMC,IAAK,GAAGtC,KAAKuC,qBAGrB,MAAMG,EAAqB,CACzBL,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACxCJ,GAEHC,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,cAIf,OACEJ,EAACM,EAAI,gBAAeC,GAClBP,EAAA,OAAKQ,KAAK,QAAQL,MAAOxC,KAAK2B,SAC3B3B,KAAKI,aACJiC,EAAA,UAAQG,MAAM,YAAYM,QAAS9C,KAAK+C,sBACtCV,EAAA,QAAMG,MAAM,mBAAmBxC,KAAKQ,eAIvCR,KAAKc,MAAQd,KAAKc,OAAS,QAC1BuB,EAAA,aAAWC,IAAK,GAAGtC,KAAKuC,eAAgBE,KAAMzC,KAAKc,OAGpDd,KAAK0B,WACFgB,EACAN,G"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as t,H as n,g as o}from"./p-a7649277.js";import{v as a}from"./p-88262544.js";const e=":host{display:none}";const r=class{constructor(t){s(this,t);this.panelId=undefined;this.name=undefined}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return t(n,{"data-version":a},t("div",{class:"tab-pane",id:this.panelId,role:"tabpanel"},t("slot",null)))}get host(){return o(this)}};r.style=e;export{r as P};
|
|
2
|
+
//# sourceMappingURL=p-9f71d450.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as t,H as r,g as a}from"./p-a7649277.js";import{v as b}from"./p-88262544.js";import{c as e}from"./p-b531475e.js";const c='.tab-title[role=tab]{display:inline-block;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}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:#fff;color:var(--post-contrast-color)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:#fff;color:var(--post-contrast-color);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: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}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-error-red) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-error-red) .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-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-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success .tab-title{background-color:#2c911c}.bg-success .tab-title.active{background-color:#2c911c}.bg-success .nav-item{background-color:#2c911c}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-danger .tab-title{background-color:#a51728}.bg-danger .tab-title.active{background-color:#a51728}.bg-danger .nav-item{background-color:#a51728}.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}.bg-success-green .tab-title{background-color:#2c871d}.bg-success-green .tab-title.active{background-color:#2c871d}.bg-success-green .nav-item{background-color:#2c871d}.bg-error-red .tab-title{background-color:#a51728}.bg-error-red .tab-title.active{background-color:#a51728}.bg-error-red .nav-item{background-color:#a51728}.bg-warning-orange .tab-title{background-color:#f49e00}.bg-warning-orange .tab-title.active{background-color:#f49e00}.bg-warning-orange .nav-item{background-color:#f49e00}.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-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-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}[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 * 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;-webkit-appearance:button;appearance:button}';const l=class{constructor(t){o(this,t);this.tabId=undefined;this.panel=undefined}validateFor(o){e(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||crypto.randomUUID()}`}render(){return t(r,{"data-version":b},t("button",{"aria-selected":"false",class:"tab-title",id:this.tabId,role:"tab",tabindex:"-1",type:"button"},t("slot",null)))}get host(){return a(this)}static get watchers(){return{panel:["validateFor"]}}};l.style=c;export{l as P};
|
|
2
|
+
//# sourceMappingURL=p-ca1e407c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["postTabHeaderCss","PostTabHeader","validateFor","newValue","checkNonEmpty","componentWillLoad","this","tabId","host","id","crypto","randomUUID","render","h","Host","version","class","role","tabindex","type"],"sources":["src/components/post-tab-header/post-tab-header.scss?tag=post-tab-header&encapsulation=shadow","src/components/post-tab-header/post-tab-header.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tab-title';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n display: block;\n}\n\n.tab-title {\n @include post.reset-button;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { checkNonEmpty } from '../../utils';\n\n@Component({\n tag: 'post-tab-header',\n styleUrl: 'post-tab-header.scss',\n shadow: true,\n})\nexport class PostTabHeader {\n @Element() host: HTMLPostTabHeaderElement;\n\n @State() tabId: string;\n\n /**\n * The name of the panel controlled by the tab header.\n */\n @Prop() readonly panel: HTMLPostTabPanelElement['name'];\n\n @Watch('panel')\n validateFor(newValue: HTMLPostTabPanelElement['name']) {\n checkNonEmpty(newValue, 'The \"panel\" prop is required for the post-tab-header.');\n }\n\n componentWillLoad() {\n this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;\n }\n\n render() {\n return (\n <Host data-version={version}>\n <button aria-selected=\"false\" class=\"tab-title\" id={this.tabId} role=\"tab\" tabindex=\"-1\" type=\"button\">\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["postTabHeaderCss","PostTabHeader","validateFor","newValue","checkNonEmpty","componentWillLoad","this","tabId","host","id","crypto","randomUUID","render","h","Host","version","class","role","tabindex","type"],"sources":["src/components/post-tab-header/post-tab-header.scss?tag=post-tab-header&encapsulation=shadow","src/components/post-tab-header/post-tab-header.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tab-title';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n display: block;\n}\n\n.tab-title {\n @include post.reset-button;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { checkNonEmpty } from '../../utils';\n\n@Component({\n tag: 'post-tab-header',\n styleUrl: 'post-tab-header.scss',\n shadow: true,\n})\nexport class PostTabHeader {\n @Element() host: HTMLPostTabHeaderElement;\n\n @State() tabId: string;\n\n /**\n * The name of the panel controlled by the tab header.\n */\n @Prop() readonly panel: HTMLPostTabPanelElement['name'];\n\n @Watch('panel')\n validateFor(newValue: HTMLPostTabPanelElement['name']) {\n checkNonEmpty(newValue, 'The \"panel\" prop is required for the post-tab-header.');\n }\n\n componentWillLoad() {\n this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;\n }\n\n render() {\n return (\n <Host data-version={version}>\n <button aria-selected=\"false\" class=\"tab-title\" id={this.tabId} role=\"tab\" tabindex=\"-1\" type=\"button\">\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAmB,ygO,MCSZC,EAAa,M,mEAWxB,WAAAC,CAAYC,GACVC,EAAcD,EAAU,wD,CAG1B,iBAAAE,GACEC,KAAKC,MAAQ,OAAOD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,0BAAsB,QAAQG,MAAM,YAAYP,GAAIH,KAAKC,MAAOU,KAAK,MAAMC,SAAS,KAAKC,KAAK,UAC5FN,EAAA,c"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,h as t,H as a,g as n}from"./p-a7649277.js";import{b as e,d as o,c as s}from"./p-dfe29f7f.js";import{v as l}from"./p-88262544.js";import{c as r}from"./p-b531475e.js";const m=":host{display:inline-block;width:1em;vertical-align:-0.15em}svg{display:block;width:100%;height:100%;fill:currentColor;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";const c="https://unpkg.com/@swisspost/design-system-icons/public/post-icons";const h=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"];const p=[...h];const f=class{constructor(t){i(this,t);this.svgStyles=undefined;this.svgOutput=undefined;this.animation=null;this.base=null;this.flipH=false;this.flipV=false;this.name=undefined;this.rotate=null;this.scale=null}validateAnimation(i=this.animation){if(i!==undefined)e(i,p,`The post-icon "animation" prop requires one of the following values: ${p.join(", ")}.`)}validateBase(i=this.base){o(i,"string",'The post-icon "base" prop should be a string.')}validateFlipH(i=this.flipH){o(i,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(i=this.flipV){o(i,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(i=this.name){r(i,'The post-icon "name" prop is required!.');s(i,"string",'The post-icon "name" prop should be a string.')}validateRotate(i=this.rotate){o(i,"number",'The post-icon "rotate" prop should be a number.')}validateScale(i=this.scale){o(i,"number",'The post-icon "scale" prop should be a number.')}componentWillLoad(){this.validateBase();this.validateName();this.validateFlipH();this.validateFlipV();this.validateScale();this.validateRotate();this.validateAnimation()}componentWillRender(){this.setPath()}setPath(){var i,t,a,n;const e=(t=(i=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]'))===null||i===void 0?void 0:i.getAttribute("data-post-icon-base"))!==null&&t!==void 0?t:null;const o=`${(n=(a=this.base)!==null&&a!==void 0?a:e)!==null&&n!==void 0?n:c}/`.replace(/\/\/$/,"/");const s=`${this.name}.svg#icon`;const l=`${o}${s}`;this.path=new URL(l,window.location.origin).toString()}render(){const i=Object.entries({"-webkit-mask-image":`url('${this.path}')`,"mask-image":`url('${this.path}')`,scale:this.scale&&!isNaN(Number(this.scale))?`${this.scale}`:null,rotate:this.rotate&&!isNaN(Number(this.rotate))?`${this.rotate}deg`:null}).filter((([i,t])=>t!==null)).reduce(((i,[t,a])=>Object.assign(i,{[t]:a})),{});return t(a,{"data-version":l},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",style:i}))}get host(){return n(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};f.style=m;export{f as P};
|
|
2
|
+
//# sourceMappingURL=p-d407b1c3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["postIconCss","CDN_URL","ANIMATION_NAMES","ANIMATION_KEYS","PostIcon","validateAnimation","newValue","this","animation","undefined","checkEmptyOrOneOf","join","validateBase","base","checkEmptyOrType","validateFlipH","flipH","validateFlipV","flipV","validateName","name","checkNonEmpty","checkType","validateRotate","rotate","validateScale","scale","componentWillLoad","componentWillRender","setPath","metaBase","_b","_a","document","head","querySelector","getAttribute","fileBase","_d","_c","replace","fileName","filePath","path","URL","window","location","origin","toString","render","svgStyles","Object","entries","isNaN","Number","filter","_key","value","reduce","styles","key","assign","h","Host","version","xmlns","viewBox","style"],"sources":["src/components/post-icon/post-icon.scss?tag=post-icon&encapsulation=shadow","src/components/post-icon/post-icon.tsx"],"sourcesContent":["@use 'sass:map';\n\n$post-icon-animations: (\n 'cylon': icon-animation-cylon 0.75s ease-in-out infinite alternate,\n 'cylon-vertical': icon-animation-cylon-vertical 0.75s ease-in-out infinite alternate,\n 'spin': icon-animation-spin 2s linear infinite normal,\n 'spin-reverse': icon-animation-spin 2s linear infinite reverse,\n 'fade': icon-animation-fade 0.75s ease-in-out infinite alternate,\n 'throb': icon-animation-throb 0.75s ease-in-out infinite alternate,\n);\n\n:host {\n display: inline-block;\n width: 1em;\n vertical-align: -0.15em;\n}\n\nsvg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentColor;\n background-color: currentColor;\n -webkit-mask-position: center center;\n mask-position: center center;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n\n// flip\n\n:host([flip-h]:not([flip-h='false'])) {\n scale: -1 1;\n}\n\n:host([flip-v]:not([flip-v='false'])) {\n scale: 1 -1;\n}\n\n:host([flip-h][flip-v]:not([flip-h='false'], [flip-v='false'])) {\n scale: -1;\n}\n\n// scale\n// done with inline styling\n\n// rotate\n// done with inline styling\n\n// animation\n\n:host([animation]) {\n transform-origin: center;\n}\n\n@each $key, $value in $post-icon-animations {\n :host([animation='#{$key}']) {\n animation: $value;\n }\n}\n\n@keyframes icon-animation-cylon {\n from {\n transform: translateX(-25%);\n }\n to {\n transform: translateX(25%);\n }\n}\n\n@keyframes icon-animation-cylon-vertical {\n from {\n transform: translateY(25%);\n }\n to {\n transform: translateY(-25%);\n }\n}\n\n@keyframes icon-animation-fade {\n from {\n opacity: 0.1;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes icon-animation-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n\n@keyframes icon-animation-throb {\n from {\n opacity: 0.5;\n transform: scale(0.5);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n","import { Component, Element, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { checkNonEmpty, checkType, checkEmptyOrType, checkEmptyOrOneOf } from '../../utils';\nimport { version } from '../../../package.json';\n\nconst CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';\nconst ANIMATION_NAMES = [\n 'cylon',\n 'cylon-vertical',\n 'spin',\n 'spin-reverse',\n 'fade',\n 'throb',\n] as const;\nconst ANIMATION_KEYS = [...ANIMATION_NAMES];\n\ntype Animation = (typeof ANIMATION_NAMES)[number];\n\n/**\n * @class PostIcon - representing a stencil component\n */\n@Component({\n tag: 'post-icon',\n styleUrl: 'post-icon.scss',\n shadow: true,\n})\nexport class PostIcon {\n private path: string;\n\n @Element() host: HTMLPostIconElement;\n\n @State() svgStyles: string;\n @State() svgOutput: string;\n\n /**\n * The name of the animation.\n */\n @Prop() readonly animation?: Animation | null = null;\n\n @Watch('animation')\n validateAnimation(newValue = this.animation) {\n if (newValue !== undefined)\n checkEmptyOrOneOf(\n newValue,\n ANIMATION_KEYS,\n `The post-icon \"animation\" prop requires one of the following values: ${ANIMATION_KEYS.join(\n ', ',\n )}.`,\n );\n }\n\n /**\n * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.\n */\n @Prop() readonly base?: string | null = null;\n\n @Watch('base')\n validateBase(newValue = this.base) {\n checkEmptyOrType(newValue, 'string', 'The post-icon \"base\" prop should be a string.');\n }\n\n /**\n * When set to `true`, the icon will be flipped horizontally.\n */\n @Prop() readonly flipH?: boolean = false;\n\n @Watch('flipH')\n validateFlipH(newValue = this.flipH) {\n checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipH\" prop should be a boolean.');\n }\n\n /**\n * When set to `true`, the icon will be flipped vertically.\n */\n @Prop() readonly flipV?: boolean = false;\n\n @Watch('flipV')\n validateFlipV(newValue = this.flipV) {\n checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipV\" prop should be a boolean.');\n }\n\n /**\n * The name/id of the icon (e.g. 1000, 1001, ...).\n */\n @Prop() readonly name!: string;\n\n @Watch('name')\n validateName(newValue = this.name) {\n checkNonEmpty(newValue, 'The post-icon \"name\" prop is required!.');\n checkType(newValue, 'string', 'The post-icon \"name\" prop should be a string.');\n }\n\n /**\n * The number of degree for the css rotate transformation.\n */\n @Prop() readonly rotate?: number | null = null;\n\n @Watch('rotate')\n validateRotate(newValue = this.rotate) {\n checkEmptyOrType(newValue, 'number', 'The post-icon \"rotate\" prop should be a number.');\n }\n\n /**\n * The number for the css scale transformation.\n */\n @Prop() readonly scale?: number | null = null;\n\n @Watch('scale')\n validateScale(newValue = this.scale) {\n checkEmptyOrType(newValue, 'number', 'The post-icon \"scale\" prop should be a number.');\n }\n\n componentWillLoad() {\n this.validateBase();\n this.validateName();\n this.validateFlipH();\n this.validateFlipV();\n this.validateScale();\n this.validateRotate();\n this.validateAnimation();\n }\n\n componentWillRender() {\n this.setPath();\n }\n\n private setPath() {\n // Construct icon path from different possible sources\n const metaBase =\n document.head\n .querySelector('meta[name=\"design-system-settings\"][data-post-icon-base]')\n ?.getAttribute('data-post-icon-base') ?? null;\n\n const fileBase = `${this.base ?? metaBase ?? CDN_URL}/`.replace(/\\/\\/$/, '/');\n const fileName = `${this.name}.svg#icon`;\n const filePath = `${fileBase}${fileName}`;\n\n this.path = new URL(filePath, window.location.origin).toString();\n }\n\n render() {\n // create inline styles for some properties\n const svgStyles = Object.entries({\n '-webkit-mask-image': `url('${this.path}')`,\n 'mask-image': `url('${this.path}')`,\n 'scale': this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,\n 'rotate': this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,\n })\n .filter(([_key, value]) => value !== null)\n .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});\n\n return (\n <Host data-version={version}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" style={svgStyles}>\n </svg>\n </Host>\n );\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["postIconCss","CDN_URL","ANIMATION_NAMES","ANIMATION_KEYS","PostIcon","validateAnimation","newValue","this","animation","undefined","checkEmptyOrOneOf","join","validateBase","base","checkEmptyOrType","validateFlipH","flipH","validateFlipV","flipV","validateName","name","checkNonEmpty","checkType","validateRotate","rotate","validateScale","scale","componentWillLoad","componentWillRender","setPath","metaBase","_b","_a","document","head","querySelector","getAttribute","fileBase","_d","_c","replace","fileName","filePath","path","URL","window","location","origin","toString","render","svgStyles","Object","entries","isNaN","Number","filter","_key","value","reduce","styles","key","assign","h","Host","version","xmlns","viewBox","style"],"sources":["src/components/post-icon/post-icon.scss?tag=post-icon&encapsulation=shadow","src/components/post-icon/post-icon.tsx"],"sourcesContent":["@use 'sass:map';\n\n$post-icon-animations: (\n 'cylon': icon-animation-cylon 0.75s ease-in-out infinite alternate,\n 'cylon-vertical': icon-animation-cylon-vertical 0.75s ease-in-out infinite alternate,\n 'spin': icon-animation-spin 2s linear infinite normal,\n 'spin-reverse': icon-animation-spin 2s linear infinite reverse,\n 'fade': icon-animation-fade 0.75s ease-in-out infinite alternate,\n 'throb': icon-animation-throb 0.75s ease-in-out infinite alternate,\n);\n\n:host {\n display: inline-block;\n width: 1em;\n vertical-align: -0.15em;\n}\n\nsvg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentColor;\n background-color: currentColor;\n -webkit-mask-position: center center;\n mask-position: center center;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n\n// flip\n\n:host([flip-h]:not([flip-h='false'])) {\n scale: -1 1;\n}\n\n:host([flip-v]:not([flip-v='false'])) {\n scale: 1 -1;\n}\n\n:host([flip-h][flip-v]:not([flip-h='false'], [flip-v='false'])) {\n scale: -1;\n}\n\n// scale\n// done with inline styling\n\n// rotate\n// done with inline styling\n\n// animation\n\n:host([animation]) {\n transform-origin: center;\n}\n\n@each $key, $value in $post-icon-animations {\n :host([animation='#{$key}']) {\n animation: $value;\n }\n}\n\n@keyframes icon-animation-cylon {\n from {\n transform: translateX(-25%);\n }\n to {\n transform: translateX(25%);\n }\n}\n\n@keyframes icon-animation-cylon-vertical {\n from {\n transform: translateY(25%);\n }\n to {\n transform: translateY(-25%);\n }\n}\n\n@keyframes icon-animation-fade {\n from {\n opacity: 0.1;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes icon-animation-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n\n@keyframes icon-animation-throb {\n from {\n opacity: 0.5;\n transform: scale(0.5);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n","import { Component, Element, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { checkNonEmpty, checkType, checkEmptyOrType, checkEmptyOrOneOf } from '../../utils';\nimport { version } from '../../../package.json';\n\nconst CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';\nconst ANIMATION_NAMES = [\n 'cylon',\n 'cylon-vertical',\n 'spin',\n 'spin-reverse',\n 'fade',\n 'throb',\n] as const;\nconst ANIMATION_KEYS = [...ANIMATION_NAMES];\n\ntype Animation = (typeof ANIMATION_NAMES)[number];\n\n/**\n * @class PostIcon - representing a stencil component\n */\n@Component({\n tag: 'post-icon',\n styleUrl: 'post-icon.scss',\n shadow: true,\n})\nexport class PostIcon {\n private path: string;\n\n @Element() host: HTMLPostIconElement;\n\n @State() svgStyles: string;\n @State() svgOutput: string;\n\n /**\n * The name of the animation.\n */\n @Prop() readonly animation?: Animation | null = null;\n\n @Watch('animation')\n validateAnimation(newValue = this.animation) {\n if (newValue !== undefined)\n checkEmptyOrOneOf(\n newValue,\n ANIMATION_KEYS,\n `The post-icon \"animation\" prop requires one of the following values: ${ANIMATION_KEYS.join(\n ', ',\n )}.`,\n );\n }\n\n /**\n * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.\n */\n @Prop() readonly base?: string | null = null;\n\n @Watch('base')\n validateBase(newValue = this.base) {\n checkEmptyOrType(newValue, 'string', 'The post-icon \"base\" prop should be a string.');\n }\n\n /**\n * When set to `true`, the icon will be flipped horizontally.\n */\n @Prop() readonly flipH?: boolean = false;\n\n @Watch('flipH')\n validateFlipH(newValue = this.flipH) {\n checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipH\" prop should be a boolean.');\n }\n\n /**\n * When set to `true`, the icon will be flipped vertically.\n */\n @Prop() readonly flipV?: boolean = false;\n\n @Watch('flipV')\n validateFlipV(newValue = this.flipV) {\n checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipV\" prop should be a boolean.');\n }\n\n /**\n * The name/id of the icon (e.g. 1000, 1001, ...).\n */\n @Prop() readonly name!: string;\n\n @Watch('name')\n validateName(newValue = this.name) {\n checkNonEmpty(newValue, 'The post-icon \"name\" prop is required!.');\n checkType(newValue, 'string', 'The post-icon \"name\" prop should be a string.');\n }\n\n /**\n * The number of degree for the css rotate transformation.\n */\n @Prop() readonly rotate?: number | null = null;\n\n @Watch('rotate')\n validateRotate(newValue = this.rotate) {\n checkEmptyOrType(newValue, 'number', 'The post-icon \"rotate\" prop should be a number.');\n }\n\n /**\n * The number for the css scale transformation.\n */\n @Prop() readonly scale?: number | null = null;\n\n @Watch('scale')\n validateScale(newValue = this.scale) {\n checkEmptyOrType(newValue, 'number', 'The post-icon \"scale\" prop should be a number.');\n }\n\n componentWillLoad() {\n this.validateBase();\n this.validateName();\n this.validateFlipH();\n this.validateFlipV();\n this.validateScale();\n this.validateRotate();\n this.validateAnimation();\n }\n\n componentWillRender() {\n this.setPath();\n }\n\n private setPath() {\n // Construct icon path from different possible sources\n const metaBase =\n document.head\n .querySelector('meta[name=\"design-system-settings\"][data-post-icon-base]')\n ?.getAttribute('data-post-icon-base') ?? null;\n\n const fileBase = `${this.base ?? metaBase ?? CDN_URL}/`.replace(/\\/\\/$/, '/');\n const fileName = `${this.name}.svg#icon`;\n const filePath = `${fileBase}${fileName}`;\n\n this.path = new URL(filePath, window.location.origin).toString();\n }\n\n render() {\n // create inline styles for some properties\n const svgStyles = Object.entries({\n '-webkit-mask-image': `url('${this.path}')`,\n 'mask-image': `url('${this.path}')`,\n 'scale': this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,\n 'rotate': this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,\n })\n .filter(([_key, value]) => value !== null)\n .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});\n\n return (\n <Host data-version={version}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" style={svgStyles}>\n </svg>\n </Host>\n );\n }\n}\n"],"mappings":"mLAAA,MAAMA,EAAc,w+CCIpB,MAAMC,EAAU,qEAChB,MAAMC,EAAkB,CACtB,QACA,iBACA,OACA,eACA,OACA,SAEF,MAAMC,EAAiB,IAAID,G,MAYdE,EAAQ,M,0FAW6B,K,UAiBR,K,WAUL,M,WAUA,M,gCAqBO,K,WAUD,I,CAjEzC,iBAAAC,CAAkBC,EAAWC,KAAKC,WAChC,GAAIF,IAAaG,UACfC,EACEJ,EACAH,EACA,wEAAwEA,EAAeQ,KACrF,S,CAWR,YAAAC,CAAaN,EAAWC,KAAKM,MAC3BC,EAAiBR,EAAU,SAAU,gD,CASvC,aAAAS,CAAcT,EAAWC,KAAKS,OAC5BF,EAAiBR,EAAU,UAAW,kD,CASxC,aAAAW,CAAcX,EAAWC,KAAKW,OAC5BJ,EAAiBR,EAAU,UAAW,kD,CASxC,YAAAa,CAAab,EAAWC,KAAKa,MAC3BC,EAAcf,EAAU,2CACxBgB,EAAUhB,EAAU,SAAU,gD,CAShC,cAAAiB,CAAejB,EAAWC,KAAKiB,QAC7BV,EAAiBR,EAAU,SAAU,kD,CASvC,aAAAmB,CAAcnB,EAAWC,KAAKmB,OAC5BZ,EAAiBR,EAAU,SAAU,iD,CAGvC,iBAAAqB,GACEpB,KAAKK,eACLL,KAAKY,eACLZ,KAAKQ,gBACLR,KAAKU,gBACLV,KAAKkB,gBACLlB,KAAKgB,iBACLhB,KAAKF,mB,CAGP,mBAAAuB,GACErB,KAAKsB,S,CAGC,OAAAA,G,YAEN,MAAMC,GACJC,GAAAC,EAAAC,SAASC,KACNC,cAAc,+DAA2D,MAAAH,SAAA,SAAAA,EACxEI,aAAa,0BAAsB,MAAAL,SAAA,EAAAA,EAAI,KAE7C,MAAMM,EAAW,IAAGC,GAAAC,EAAAhC,KAAKM,QAAI,MAAA0B,SAAA,EAAAA,EAAIT,KAAQ,MAAAQ,SAAA,EAAAA,EAAIrC,KAAWuC,QAAQ,QAAS,KACzE,MAAMC,EAAW,GAAGlC,KAAKa,gBACzB,MAAMsB,EAAW,GAAGL,IAAWI,IAE/BlC,KAAKoC,KAAO,IAAIC,IAAIF,EAAUG,OAAOC,SAASC,QAAQC,U,CAGxD,MAAAC,GAEE,MAAMC,EAAYC,OAAOC,QAAQ,CAC/B,qBAAsB,QAAQ7C,KAAKoC,SACnC,aAAc,QAAQpC,KAAKoC,SAC3BjB,MAASnB,KAAKmB,QAAU2B,MAAMC,OAAO/C,KAAKmB,QAAU,GAAGnB,KAAKmB,QAAU,KACtEF,OAAUjB,KAAKiB,SAAW6B,MAAMC,OAAO/C,KAAKiB,SAAW,GAAGjB,KAAKiB,YAAc,OAE5E+B,QAAO,EAAEC,EAAMC,KAAWA,IAAU,OACpCC,QAAO,CAACC,GAASC,EAAKH,KAAWN,OAAOU,OAAOF,EAAQ,CAAEC,CAACA,GAAMH,KAAU,IAE7E,OACEK,EAACC,EAAI,gBAAeC,GAClBF,EAAA,OAAKG,MAAM,6BAA6BC,QAAQ,YAAYC,MAAOjB,I"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{r as t,h as e,H as n,g as r}from"./p-a7649277.js";import{v as o}from"./p-88262544.js";import{c as i}from"./p-1339f8cd.js";const a=Math.min;const s=Math.max;const l=Math.round;const u=Math.floor;const c=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const d={start:"end",end:"start"};function p(t,e,n){return s(t,a(e,n))}function b(t,e){return typeof t==="function"?t(e):t}function v(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function h(t){return t==="y"?"height":"width"}function x(t){return["top","bottom"].includes(v(t))?"y":"x"}function w(t){return g(x(t))}function y(t,e,n){if(n===void 0){n=false}const r=m(t);const o=w(t);const i=h(o);let a=o==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";if(e.reference[i]>e.floating[i]){a=k(a)}return[a,k(a)]}function S(t){const e=k(t);return[A(t),e,A(e)]}function A(t){return t.replace(/start|end/g,(t=>d[t]))}function O(t,e,n){const r=["left","right"];const o=["right","left"];const i=["top","bottom"];const a=["bottom","top"];switch(t){case"top":case"bottom":if(n)return e?o:r;return e?r:o;case"left":case"right":return e?i:a;default:return[]}}function E(t,e,n,r){const o=m(t);let i=O(v(t),n==="start",r);if(o){i=i.map((t=>t+"-"+o));if(e){i=i.concat(i.map(A))}}return i}function k(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function M(t){return{top:0,right:0,bottom:0,left:0,...t}}function T(t){return typeof t!=="number"?M(t):{top:t,right:t,bottom:t,left:t}}function P(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function I(t,e,n){let{reference:r,floating:o}=t;const i=x(e);const a=w(e);const s=h(a);const l=v(e);const u=i==="y";const c=r.x+r.width/2-o.width/2;const f=r.y+r.height/2-o.height/2;const d=r[s]/2-o[s]/2;let p;switch(l){case"top":p={x:c,y:r.y-o.height};break;case"bottom":p={x:c,y:r.y+r.height};break;case"right":p={x:r.x+r.width,y:f};break;case"left":p={x:r.x-o.width,y:f};break;default:p={x:r.x,y:r.y}}switch(m(e)){case"start":p[a]-=d*(n&&u?-1:1);break;case"end":p[a]+=d*(n&&u?-1:1);break}return p}const B=async(t,e,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:a}=n;const s=i.filter(Boolean);const l=await(a.isRTL==null?void 0:a.isRTL(e));let u=await a.getElementRects({reference:t,floating:e,strategy:o});let{x:c,y:f}=I(u,r,l);let d=r;let p={};let b=0;for(let n=0;n<s.length;n++){const{name:i,fn:v}=s[n];const{x:m,y:g,data:h,reset:x}=await v({x:c,y:f,initialPlacement:r,placement:d,strategy:o,middlewareData:p,rects:u,platform:a,elements:{reference:t,floating:e}});c=m!=null?m:c;f=g!=null?g:f;p={...p,[i]:{...p[i],...h}};if(x&&b<=50){b++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){u=x.rects===true?await a.getElementRects({reference:t,floating:e,strategy:o}):x.rects}({x:c,y:f}=I(u,d,l))}n=-1;continue}}return{x:c,y:f,placement:d,strategy:o,middlewareData:p}};async function C(t,e){var n;if(e===void 0){e={}}const{x:r,y:o,platform:i,rects:a,elements:s,strategy:l}=t;const{boundary:u="clippingAncestors",rootBoundary:c="viewport",elementContext:f="floating",altBoundary:d=false,padding:p=0}=b(e,t);const v=T(p);const m=f==="floating"?"reference":"floating";const g=s[d?m:f];const h=P(await i.getClippingRect({element:((n=await(i.isElement==null?void 0:i.isElement(g)))!=null?n:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:c,strategy:l}));const x=f==="floating"?{...a.floating,x:r,y:o}:a.reference;const w=await(i.getOffsetParent==null?void 0:i.getOffsetParent(s.floating));const y=await(i.isElement==null?void 0:i.isElement(w))?await(i.getScale==null?void 0:i.getScale(w))||{x:1,y:1}:{x:1,y:1};const S=P(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:l}):x);return{top:(h.top-S.top+v.top)/y.y,bottom:(S.bottom-h.bottom+v.bottom)/y.y,left:(h.left-S.left+v.left)/y.x,right:(S.right-h.right+v.right)/y.x}}const W=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:r,placement:o,rects:i,platform:s,elements:l,middlewareData:u}=e;const{element:c,padding:f=0}=b(t,e)||{};if(c==null){return{}}const d=T(f);const v={x:n,y:r};const g=w(o);const x=h(g);const y=await s.getDimensions(c);const S=g==="y";const A=S?"top":"left";const O=S?"bottom":"right";const E=S?"clientHeight":"clientWidth";const k=i.reference[x]+i.reference[g]-v[g]-i.floating[x];const M=v[g]-i.reference[g];const P=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c));let I=P?P[E]:0;if(!I||!await(s.isElement==null?void 0:s.isElement(P))){I=l.floating[E]||i.floating[x]}const B=k/2-M/2;const C=I/2-y[x]/2-1;const W=a(d[A],C);const R=a(d[O],C);const F=W;const j=I-y[x]-R;const L=I/2-y[x]/2+B;const D=p(F,L,j);const $=!u.arrow&&m(o)!=null&&L!=D&&i.reference[x]/2-(L<F?W:R)-y[x]/2<0;const H=$?L<F?L-F:L-j:0;return{[g]:v[g]+H,data:{[g]:D,centerOffset:L-D-H,...$&&{alignmentOffset:H}},reset:$}}});const R=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var n,r;const{placement:o,middlewareData:i,rects:a,initialPlacement:s,platform:l,elements:u}=e;const{mainAxis:c=true,crossAxis:f=true,fallbackPlacements:d,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=true,...h}=b(t,e);if((n=i.arrow)!=null&&n.alignmentOffset){return{}}const x=v(o);const w=v(s)===s;const A=await(l.isRTL==null?void 0:l.isRTL(u.floating));const O=d||(w||!g?[k(s)]:S(s));if(!d&&m!=="none"){O.push(...E(s,g,m,A))}const M=[s,...O];const T=await C(e,h);const P=[];let I=((r=i.flip)==null?void 0:r.overflows)||[];if(c){P.push(T[x])}if(f){const t=y(o,a,A);P.push(T[t[0]],T[t[1]])}I=[...I,{placement:o,overflows:P}];if(!P.every((t=>t<=0))){var B,W;const t=(((B=i.flip)==null?void 0:B.index)||0)+1;const e=M[t];if(e){return{data:{index:t,overflows:I},reset:{placement:e}}}let n=(W=I.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])==null?void 0:W.placement;if(!n){switch(p){case"bestFit":{var R;const t=(R=I.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:R[0];if(t){n=t}break}case"initialPlacement":n=s;break}}if(o!==n){return{reset:{placement:n}}}}return{}}}};function F(t){const e=a(...t.map((t=>t.left)));const n=a(...t.map((t=>t.top)));const r=s(...t.map((t=>t.right)));const o=s(...t.map((t=>t.bottom)));return{x:e,y:n,width:r-e,height:o-n}}function j(t){const e=t.slice().sort(((t,e)=>t.y-e.y));const n=[];let r=null;for(let t=0;t<e.length;t++){const o=e[t];if(!r||o.y-r.y>r.height/2){n.push([o])}else{n[n.length-1].push(o)}r=o}return n.map((t=>P(F(t))))}const L=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(e){const{placement:n,elements:r,rects:o,platform:i,strategy:l}=e;const{padding:u=2,x:c,y:f}=b(t,e);const d=Array.from(await(i.getClientRects==null?void 0:i.getClientRects(r.reference))||[]);const p=j(d);const m=P(F(d));const g=T(u);function h(){if(p.length===2&&p[0].left>p[1].right&&c!=null&&f!=null){return p.find((t=>c>t.left-g.left&&c<t.right+g.right&&f>t.top-g.top&&f<t.bottom+g.bottom))||m}if(p.length>=2){if(x(n)==="y"){const t=p[0];const e=p[p.length-1];const r=v(n)==="top";const o=t.top;const i=e.bottom;const a=r?t.left:e.left;const s=r?t.right:e.right;const l=s-a;const u=i-o;return{top:o,bottom:i,left:a,right:s,width:l,height:u,x:a,y:o}}const t=v(n)==="left";const e=s(...p.map((t=>t.right)));const r=a(...p.map((t=>t.left)));const o=p.filter((n=>t?n.left===r:n.right===e));const i=o[0].top;const l=o[o.length-1].bottom;const u=r;const c=e;const f=c-u;const d=l-i;return{top:i,bottom:l,left:u,right:c,width:f,height:d,x:u,y:i}}return m}const w=await i.getElementRects({reference:{getBoundingClientRect:h},floating:r.floating,strategy:l});if(o.reference.x!==w.reference.x||o.reference.y!==w.reference.y||o.reference.width!==w.reference.width||o.reference.height!==w.reference.height){return{reset:{rects:w}}}return{}}}};async function D(t,e){const{placement:n,platform:r,elements:o}=t;const i=await(r.isRTL==null?void 0:r.isRTL(o.floating));const a=v(n);const s=m(n);const l=x(n)==="y";const u=["left","top"].includes(a)?-1:1;const c=i&&l?-1:1;const f=b(e,t);let{mainAxis:d,crossAxis:p,alignmentAxis:g}=typeof f==="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};if(s&&typeof g==="number"){p=s==="end"?g*-1:g}return l?{x:p*c,y:d*u}:{x:d*u,y:p*c}}const $=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){const{x:n,y:r}=e;const o=await D(e,t);return{x:n+o.x,y:r+o.y,data:o}}}};const H=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(e){const{x:n,y:r,placement:o}=e;const{mainAxis:i=true,crossAxis:a=false,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=b(t,e);const u={x:n,y:r};const c=await C(e,l);const f=x(v(o));const d=g(f);let m=u[d];let h=u[f];if(i){const t=d==="y"?"top":"left";const e=d==="y"?"bottom":"right";const n=m+c[t];const r=m-c[e];m=p(n,m,r)}if(a){const t=f==="y"?"top":"left";const e=f==="y"?"bottom":"right";const n=h+c[t];const r=h-c[e];h=p(n,h,r)}const w=s.fn({...e,[d]:m,[f]:h});return{...w,data:{x:w.x-n,y:w.y-r}}}}};function Z(t){if(X(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function N(t){var e;return(t==null?void 0:(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function G(t){var e;return(e=(X(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function X(t){return t instanceof Node||t instanceof N(t).Node}function z(t){return t instanceof Element||t instanceof N(t).Element}function K(t){return t instanceof HTMLElement||t instanceof N(t).HTMLElement}function q(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof N(t).ShadowRoot}function V(t){const{overflow:e,overflowX:n,overflowY:r,display:o}=tt(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+n)&&!["inline","contents"].includes(o)}function _(t){return["table","td","th"].includes(Z(t))}function J(t){const e=Y();const n=tt(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":false)||!e&&(n.backdropFilter?n.backdropFilter!=="none":false)||!e&&(n.filter?n.filter!=="none":false)||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function U(t){let e=nt(t);while(K(e)&&!Q(e)){if(J(e)){return e}else{e=nt(e)}}return null}function Y(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function Q(t){return["html","body","#document"].includes(Z(t))}function tt(t){return N(t).getComputedStyle(t)}function et(t){if(z(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function nt(t){if(Z(t)==="html"){return t}const e=t.assignedSlot||t.parentNode||q(t)&&t.host||G(t);return q(e)?e.host:e}function rt(t){const e=nt(t);if(Q(e)){return t.ownerDocument?t.ownerDocument.body:t.body}if(K(e)&&V(e)){return e}return rt(e)}function ot(t,e,n){var r;if(e===void 0){e=[]}if(n===void 0){n=true}const o=rt(t);const i=o===((r=t.ownerDocument)==null?void 0:r.body);const a=N(o);if(i){return e.concat(a,a.visualViewport||[],V(o)?o:[],a.frameElement&&n?ot(a.frameElement):[])}return e.concat(o,ot(o,[],n))}function it(t){const e=tt(t);let n=parseFloat(e.width)||0;let r=parseFloat(e.height)||0;const o=K(t);const i=o?t.offsetWidth:n;const a=o?t.offsetHeight:r;const s=l(n)!==i||l(r)!==a;if(s){n=i;r=a}return{width:n,height:r,$:s}}function at(t){return!z(t)?t.contextElement:t}function st(t){const e=at(t);if(!K(e)){return c(1)}const n=e.getBoundingClientRect();const{width:r,height:o,$:i}=it(e);let a=(i?l(n.width):n.width)/r;let s=(i?l(n.height):n.height)/o;if(!a||!Number.isFinite(a)){a=1}if(!s||!Number.isFinite(s)){s=1}return{x:a,y:s}}const lt=c(0);function ut(t){const e=N(t);if(!Y()||!e.visualViewport){return lt}return{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ct(t,e,n){if(e===void 0){e=false}if(!n||e&&n!==N(t)){return false}return e}function ft(t,e,n,r){if(e===void 0){e=false}if(n===void 0){n=false}const o=t.getBoundingClientRect();const i=at(t);let a=c(1);if(e){if(r){if(z(r)){a=st(r)}}else{a=st(t)}}const s=ct(i,n,r)?ut(i):c(0);let l=(o.left+s.x)/a.x;let u=(o.top+s.y)/a.y;let f=o.width/a.x;let d=o.height/a.y;if(i){const t=N(i);const e=r&&z(r)?N(r):r;let n=t.frameElement;while(n&&r&&e!==t){const t=st(n);const e=n.getBoundingClientRect();const r=tt(n);const o=e.left+(n.clientLeft+parseFloat(r.paddingLeft))*t.x;const i=e.top+(n.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x;u*=t.y;f*=t.x;d*=t.y;l+=o;u+=i;n=N(n).frameElement}}return P({width:f,height:d,x:l,y:u})}function dt(t){let{rect:e,offsetParent:n,strategy:r}=t;const o=K(n);const i=G(n);if(n===i){return e}let a={scrollLeft:0,scrollTop:0};let s=c(1);const l=c(0);if(o||!o&&r!=="fixed"){if(Z(n)!=="body"||V(i)){a=et(n)}if(K(n)){const t=ft(n);s=st(n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}}function pt(t){return Array.from(t.getClientRects())}function bt(t){return ft(G(t)).left+et(t).scrollLeft}function vt(t){const e=G(t);const n=et(t);const r=t.ownerDocument.body;const o=s(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth);const i=s(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let a=-n.scrollLeft+bt(t);const l=-n.scrollTop;if(tt(r).direction==="rtl"){a+=s(e.clientWidth,r.clientWidth)-o}return{width:o,height:i,x:a,y:l}}function mt(t,e){const n=N(t);const r=G(t);const o=n.visualViewport;let i=r.clientWidth;let a=r.clientHeight;let s=0;let l=0;if(o){i=o.width;a=o.height;const t=Y();if(!t||t&&e==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:i,height:a,x:s,y:l}}function gt(t,e){const n=ft(t,true,e==="fixed");const r=n.top+t.clientTop;const o=n.left+t.clientLeft;const i=K(t)?st(t):c(1);const a=t.clientWidth*i.x;const s=t.clientHeight*i.y;const l=o*i.x;const u=r*i.y;return{width:a,height:s,x:l,y:u}}function ht(t,e,n){let r;if(e==="viewport"){r=mt(t,n)}else if(e==="document"){r=vt(G(t))}else if(z(e)){r=gt(e,n)}else{const n=ut(t);r={...e,x:e.x-n.x,y:e.y-n.y}}return P(r)}function xt(t,e){const n=nt(t);if(n===e||!z(n)||Q(n)){return false}return tt(n).position==="fixed"||xt(n,e)}function wt(t,e){const n=e.get(t);if(n){return n}let r=ot(t,[],false).filter((t=>z(t)&&Z(t)!=="body"));let o=null;const i=tt(t).position==="fixed";let a=i?nt(t):t;while(z(a)&&!Q(a)){const e=tt(a);const n=J(a);if(!n&&e.position==="fixed"){o=null}const s=i?!n&&!o:!n&&e.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||V(a)&&!n&&xt(t,a);if(s){r=r.filter((t=>t!==a))}else{o=e}a=nt(a)}e.set(t,r);return r}function yt(t){let{element:e,boundary:n,rootBoundary:r,strategy:o}=t;const i=n==="clippingAncestors"?wt(e,this._c):[].concat(n);const l=[...i,r];const u=l[0];const c=l.reduce(((t,n)=>{const r=ht(e,n,o);t.top=s(r.top,t.top);t.right=a(r.right,t.right);t.bottom=a(r.bottom,t.bottom);t.left=s(r.left,t.left);return t}),ht(e,u,o));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function St(t){return it(t)}function At(t,e,n){const r=K(e);const o=G(e);const i=n==="fixed";const a=ft(t,true,i,e);let s={scrollLeft:0,scrollTop:0};const l=c(0);if(r||!r&&!i){if(Z(e)!=="body"||V(o)){s=et(e)}if(r){const t=ft(e,true,i,e);l.x=t.x+e.clientLeft;l.y=t.y+e.clientTop}else if(o){l.x=bt(o)}}return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function Ot(t,e){if(!K(t)||tt(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function Et(t,e){const n=N(t);if(!K(t)){return n}let r=Ot(t,e);while(r&&_(r)&&tt(r).position==="static"){r=Ot(r,e)}if(r&&(Z(r)==="html"||Z(r)==="body"&&tt(r).position==="static"&&!J(r))){return n}return r||U(t)||n}const kt=async function(t){let{reference:e,floating:n,strategy:r}=t;const o=this.getOffsetParent||Et;const i=this.getDimensions;return{reference:At(e,await o(n),r),floating:{x:0,y:0,...await i(n)}}};function Mt(t){return tt(t).direction==="rtl"}const Tt={convertOffsetParentRelativeRectToViewportRelativeRect:dt,getDocumentElement:G,getClippingRect:yt,getOffsetParent:Et,getElementRects:kt,getClientRects:pt,getDimensions:St,getScale:st,isElement:z,isRTL:Mt};function Pt(t,e){let n=null;let r;const o=G(t);function i(){clearTimeout(r);n&&n.disconnect();n=null}function l(c,f){if(c===void 0){c=false}if(f===void 0){f=1}i();const{left:d,top:p,width:b,height:v}=t.getBoundingClientRect();if(!c){e()}if(!b||!v){return}const m=u(p);const g=u(o.clientWidth-(d+b));const h=u(o.clientHeight-(p+v));const x=u(d);const w=-m+"px "+-g+"px "+-h+"px "+-x+"px";const y={rootMargin:w,threshold:s(0,a(1,f))||1};let S=true;function A(t){const e=t[0].intersectionRatio;if(e!==f){if(!S){return l()}if(!e){r=setTimeout((()=>{l(false,1e-7)}),100)}else{l(false,e)}}S=false}try{n=new IntersectionObserver(A,{...y,root:o.ownerDocument})}catch(t){n=new IntersectionObserver(A,y)}n.observe(t)}l(true);return i}function It(t,e,n,r){if(r===void 0){r={}}const{ancestorScroll:o=true,ancestorResize:i=true,elementResize:a=typeof ResizeObserver==="function",layoutShift:s=typeof IntersectionObserver==="function",animationFrame:l=false}=r;const u=at(t);const c=o||i?[...u?ot(u):[],...ot(e)]:[];c.forEach((t=>{o&&t.addEventListener("scroll",n,{passive:true});i&&t.addEventListener("resize",n)}));const f=u&&s?Pt(u,n):null;let d=-1;let p=null;if(a){p=new ResizeObserver((t=>{let[r]=t;if(r&&r.target===u&&p){p.unobserve(e);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{p&&p.observe(e)}))}n()}));if(u&&!l){p.observe(u)}p.observe(e)}let b;let v=l?ft(t):null;if(l){m()}function m(){const e=ft(t);if(v&&(e.x!==v.x||e.y!==v.y||e.width!==v.width||e.height!==v.height)){n()}v=e;b=requestAnimationFrame(m)}n();return()=>{c.forEach((t=>{o&&t.removeEventListener("scroll",n);i&&t.removeEventListener("resize",n)}));f&&f();p&&p.disconnect();p=null;if(l){cancelAnimationFrame(b)}}}const Bt=(t,e,n)=>{const r=new Map;const o={platform:Tt,...n};const i={...o.platform,_c:r};return B(t,e,{...o,platform:i})};function Ct(t){if(!t){return[]}if(Array.isArray(t)){return t}if(t.nodeType!==undefined){return[t]}if(typeof t==="string"){t=document.querySelectorAll(t)}if(t.length!==undefined){return[].slice.call(t,0)}throw new TypeError("unexpected input "+String(t))}function Wt(t){var e=t.context,n=t.label,r=n===undefined?"context-to-element":n,o=t.resolveDocument,i=t.defaultToDocument;var a=Ct(e)[0];if(o&&a&&a.nodeType===Node.DOCUMENT_NODE){a=a.documentElement}if(!a&&i){return document.documentElement}if(!a){throw new TypeError(r+" requires valid options.context")}if(a.nodeType!==Node.ELEMENT_NODE&&a.nodeType!==Node.DOCUMENT_FRAGMENT_NODE){throw new TypeError(r+" requires options.context to be an Element")}return a}function Rt(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},e=t.context;var n=[];var r=Wt({label:"get/parents",context:e});while(r){n.push(r);r=r.parentNode;if(r&&r.nodeType!==Node.ELEMENT_NODE){r=null}}return n}var Ft=["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector"];var jt=null;function Lt(t){Ft.some((function(e){if(!t[e]){return false}jt=e;return true}))}function Dt(t,e){if(!jt){Lt(t)}return t[jt](e)}var $t=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function Ht(t,e,n){return n={path:e,exports:{},require:function(t,e){return Zt()}},t(n,n.exports),n.exports}function Zt(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var Nt=Ht((function(t,e){(function(){var n={function:true,object:true};var r=n[typeof window]&&window||this;var o=r;var i=n["object"]&&e;var a=n["object"]&&t&&!t.nodeType&&t;var s=i&&a&&typeof $t=="object"&&$t;if(s&&(s.global===s||s.window===s||s.self===s)){r=s}var l=Math.pow(2,53)-1;var u=/\bOpera/;var c=this;var f=Object.prototype;var d=f.hasOwnProperty;var p=f.toString;function b(t){t=String(t);return t.charAt(0).toUpperCase()+t.slice(1)}function v(t,e,n){var r={"10.0":"10",6.4:"10 Technical Preview",6.3:"8.1",6.2:"8",6.1:"Server 2008 R2 / 7","6.0":"Server 2008 / Vista",5.2:"Server 2003 / XP 64-bit",5.1:"XP",5.01:"2000 SP1","5.0":"2000","4.0":"NT","4.90":"ME"};if(e&&n&&/^Win/i.test(t)&&!/^Windows Phone /i.test(t)&&(r=r[/[\d.]+$/.exec(t)])){t="Windows "+r}t=String(t);if(e&&n){t=t.replace(RegExp(e,"i"),n)}t=g(t.replace(/ ce$/i," CE").replace(/\bhpw/i,"web").replace(/\bMacintosh\b/,"Mac OS").replace(/_PowerPC\b/i," OS").replace(/\b(OS X) [^ \d]+/i,"$1").replace(/\bMac (OS X)\b/,"$1").replace(/\/(\d)/," $1").replace(/_/g,".").replace(/(?: BePC|[ .]*fc[ \d.]+)$/i,"").replace(/\bx86\.64\b/gi,"x86_64").replace(/\b(Windows Phone) OS\b/,"$1").replace(/\b(Chrome OS \w+) [\d.]+\b/,"$1").split(" on ")[0]);return t}function m(t,e){var n=-1,r=t?t.length:0;if(typeof r=="number"&&r>-1&&r<=l){while(++n<r){e(t[n],n,t)}}else{h(t,e)}}function g(t){t=A(t);return/^(?:webOS|i(?:OS|P))/.test(t)?t:b(t)}function h(t,e){for(var n in t){if(d.call(t,n)){e(t[n],n,t)}}}function x(t){return t==null?b(t):p.call(t).slice(8,-1)}function w(t,e){var n=t!=null?typeof t[e]:"number";return!/^(?:boolean|number|string|undefined)$/.test(n)&&(n=="object"?!!t[e]:true)}function y(t){return String(t).replace(/([ -])(?!$)/g,"$1?")}function S(t,e){var n=null;m(t,(function(r,o){n=e(n,r,o,t)}));return n}function A(t){return String(t).replace(/^ +| +$/g,"")}function O(t){var e=r;var n=t&&typeof t=="object"&&x(t)!="String";if(n){e=t;t=null}var i=e.navigator||{};var a=i.userAgent||"";t||(t=a);var s=n||c==o;var l=n?!!i.likeChrome:/\bChrome\b/.test(t)&&!/internal|\n/i.test(p.toString());var f="Object",d=n?f:"ScriptBridgingProxyObject",b=n?f:"Environment",m=n&&e.java?"JavaPackage":x(e.java),E=n?f:"RuntimeObject";var k=/\bJava/.test(m)&&e.java;var M=k&&x(e.environment)==b;var T=k?"a":"α";var P=k?"b":"β";var I=e.document||{};var B=e.operamini||e.opera;var C=u.test(C=n&&B?B["[[Class]]"]:x(B))?C:B=null;var W;var R=t;var F=[];var j=null;var L=t==a;var D=L&&B&&typeof B.version=="function"&&B.version();var $;var H=z([{label:"EdgeHTML",pattern:"Edge"},"Trident",{label:"WebKit",pattern:"AppleWebKit"},"iCab","Presto","NetFront","Tasman","KHTML","Gecko"]);var Z=q(["Adobe AIR","Arora","Avant Browser","Breach","Camino","Epiphany","Fennec","Flock","Galeon","GreenBrowser","iCab","Iceweasel","K-Meleon","Konqueror","Lunascape","Maxthon",{label:"Microsoft Edge",pattern:"Edge"},"Midori","Nook Browser","PaleMoon","PhantomJS","Raven","Rekonq","RockMelt","SeaMonkey",{label:"Silk",pattern:"(?:Cloud9|Silk-Accelerated)"},"Sleipnir","SlimBrowser",{label:"SRWare Iron",pattern:"Iron"},"Sunrise","Swiftfox","WebPositive","Opera Mini",{label:"Opera Mini",pattern:"OPiOS"},"Opera",{label:"Opera",pattern:"OPR"},"Chrome",{label:"Chrome Mobile",pattern:"(?:CriOS|CrMo)"},{label:"Firefox",pattern:"(?:Firefox|Minefield)"},{label:"Firefox for iOS",pattern:"FxiOS"},{label:"IE",pattern:"IEMobile"},{label:"IE",pattern:"MSIE"},"Safari"]);var N=_([{label:"BlackBerry",pattern:"BB10"},"BlackBerry",{label:"Galaxy S",pattern:"GT-I9000"},{label:"Galaxy S2",pattern:"GT-I9100"},{label:"Galaxy S3",pattern:"GT-I9300"},{label:"Galaxy S4",pattern:"GT-I9500"},"Google TV","Lumia","iPad","iPod","iPhone","Kindle",{label:"Kindle Fire",pattern:"(?:Cloud9|Silk-Accelerated)"},"Nexus","Nook","PlayBook","PlayStation 3","PlayStation 4","PlayStation Vita","TouchPad","Transformer",{label:"Wii U",pattern:"WiiU"},"Wii","Xbox One",{label:"Xbox 360",pattern:"Xbox"},"Xoom"]);var G=K({Apple:{iPad:1,iPhone:1,iPod:1},Archos:{},Amazon:{Kindle:1,"Kindle Fire":1},Asus:{Transformer:1},"Barnes & Noble":{Nook:1},BlackBerry:{PlayBook:1},Google:{"Google TV":1,Nexus:1},HP:{TouchPad:1},HTC:{},LG:{},Microsoft:{Xbox:1,"Xbox One":1},Motorola:{Xoom:1},Nintendo:{"Wii U":1,Wii:1},Nokia:{Lumia:1},Samsung:{"Galaxy S":1,"Galaxy S2":1,"Galaxy S3":1,"Galaxy S4":1},Sony:{"PlayStation 4":1,"PlayStation 3":1,"PlayStation Vita":1}});var X=V(["Windows Phone","Android","CentOS",{label:"Chrome OS",pattern:"CrOS"},"Debian","Fedora","FreeBSD","Gentoo","Haiku","Kubuntu","Linux Mint","OpenBSD","Red Hat","SuSE","Ubuntu","Xubuntu","Cygwin","Symbian OS","hpwOS","webOS ","webOS","Tablet OS","Linux","Mac OS X","Macintosh","Mac","Windows 98;","Windows "]);function z(e){return S(e,(function(e,n){return e||RegExp("\\b"+(n.pattern||y(n))+"\\b","i").exec(t)&&(n.label||n)}))}function K(e){return S(e,(function(e,n,r){return e||(n[N]||n[/^[a-z]+(?: +[a-z]+\b)*/i.exec(N)]||RegExp("\\b"+y(r)+"(?:\\b|\\w*\\d)","i").exec(t))&&r}))}function q(e){return S(e,(function(e,n){return e||RegExp("\\b"+(n.pattern||y(n))+"\\b","i").exec(t)&&(n.label||n)}))}function V(e){return S(e,(function(e,n){var r=n.pattern||y(n);if(!e&&(e=RegExp("\\b"+r+"(?:/[\\d.]+|[ \\w.]*)","i").exec(t))){e=v(e,r,n.label||n)}return e}))}function _(e){return S(e,(function(e,n){var r=n.pattern||y(n);if(!e&&(e=RegExp("\\b"+r+" *\\d+[.\\w_]*","i").exec(t)||RegExp("\\b"+r+"(?:; *(?:[a-z]+[_-])?[a-z]+\\d+|[^ ();-]*)","i").exec(t))){if((e=String(n.label&&!RegExp(r,"i").test(n.label)?n.label:e).split("/"))[1]&&!/[\d.]+/.test(e[0])){e[0]+=" "+e[1]}n=n.label||n;e=g(e[0].replace(RegExp(r,"i"),n).replace(RegExp("; *(?:"+n+"[_-])?","i")," ").replace(RegExp("("+n+")[-_.]?(\\w)","i"),"$1 $2"))}return e}))}function J(e){return S(e,(function(e,n){return e||(RegExp(n+"(?:-[\\d.]+/|(?: for [\\w-]+)?[ /-])([\\d.]+[^ ();/_-]*)","i").exec(t)||0)[1]||null}))}function U(){return this.description||""}H&&(H=[H]);if(G&&!N){N=_([G])}if(W=/\bGoogle TV\b/.exec(N)){N=W[0]}if(/\bSimulator\b/i.test(t)){N=(N?N+" ":"")+"Simulator"}if(Z=="Opera Mini"&&/\bOPiOS\b/.test(t)){F.push("running in Turbo/Uncompressed mode")}if(Z=="IE"&&/\blike iPhone OS\b/.test(t)){W=O(t.replace(/like iPhone OS/,""));G=W.manufacturer;N=W.product}else if(/^iP/.test(N)){Z||(Z="Safari");X="iOS"+((W=/ OS ([\d_]+)/i.exec(t))?" "+W[1].replace(/_/g,"."):"")}else if(Z=="Konqueror"&&!/buntu/i.test(X)){X="Kubuntu"}else if(G&&G!="Google"&&(/Chrome/.test(Z)&&!/\bMobile Safari\b/i.test(t)||/\bVita\b/.test(N))||/\bAndroid\b/.test(X)&&/^Chrome/.test(Z)&&/\bVersion\//i.test(t)){Z="Android Browser";X=/\bAndroid\b/.test(X)?X:"Android"}else if(Z=="Silk"){if(!/\bMobi/i.test(t)){X="Android";F.unshift("desktop mode")}if(/Accelerated *= *true/i.test(t)){F.unshift("accelerated")}}else if(Z=="PaleMoon"&&(W=/\bFirefox\/([\d.]+)\b/.exec(t))){F.push("identifying as Firefox "+W[1])}else if(Z=="Firefox"&&(W=/\b(Mobile|Tablet|TV)\b/i.exec(t))){X||(X="Firefox OS");N||(N=W[1])}else if(!Z||(W=!/\bMinefield\b/i.test(t)&&/\b(?:Firefox|Safari)\b/.exec(Z))){if(Z&&!N&&/[\/,]|^[^(]+?\)/.test(t.slice(t.indexOf(W+"/")+8))){Z=null}if((W=N||G||X)&&(N||G||/\b(?:Android|Symbian OS|Tablet OS|webOS)\b/.test(X))){Z=/[a-z]+(?: Hat)?/i.exec(/\bAndroid\b/.test(X)?X:W)+" Browser"}}if(!D){D=J(["(?:Cloud9|CriOS|CrMo|Edge|FxiOS|IEMobile|Iron|Opera ?Mini|OPiOS|OPR|Raven|Silk(?!/[\\d.]+$))","Version",y(Z),"(?:Firefox|Minefield|NetFront)"])}if(W=H=="iCab"&&parseFloat(D)>3&&"WebKit"||/\bOpera\b/.test(Z)&&(/\bOPR\b/.test(t)?"Blink":"Presto")||/\b(?:Midori|Nook|Safari)\b/i.test(t)&&!/^(?:Trident|EdgeHTML)$/.test(H)&&"WebKit"||!H&&/\bMSIE\b/i.test(t)&&(X=="Mac OS"?"Tasman":"Trident")||H=="WebKit"&&/\bPlayStation\b(?! Vita\b)/i.test(Z)&&"NetFront"){H=[W]}if(Z=="IE"&&(W=(/; *(?:XBLWP|ZuneWP)(\d+)/i.exec(t)||0)[1])){Z+=" Mobile";X="Windows Phone "+(/\+$/.test(W)?W:W+".x");F.unshift("desktop mode")}else if(/\bWPDesktop\b/i.test(t)){Z="IE Mobile";X="Windows Phone 8.x";F.unshift("desktop mode");D||(D=(/\brv:([\d.]+)/.exec(t)||0)[1])}else if(Z!="IE"&&H=="Trident"&&(W=/\brv:([\d.]+)/.exec(t))){if(Z){F.push("identifying as "+Z+(D?" "+D:""))}Z="IE";D=W[1]}if(L){if(w(e,"global")){if(k){W=k.lang.System;R=W.getProperty("os.arch");X=X||W.getProperty("os.name")+" "+W.getProperty("os.version")}if(s&&w(e,"system")&&(W=[e.system])[0]){X||(X=W[0].os||null);try{W[1]=e.require("ringo/engine").version;D=W[1].join(".");Z="RingoJS"}catch(t){if(W[0].global.system==e.system){Z="Narwhal"}}}else if(typeof e.process=="object"&&!e.process.browser&&(W=e.process)){Z="Node.js";R=W.arch;X=W.platform;D=/[\d.]+/.exec(W.version)[0]}else if(M){Z="Rhino"}}else if(x(W=e.runtime)==d){Z="Adobe AIR";X=W.flash.system.Capabilities.os}else if(x(W=e.phantom)==E){Z="PhantomJS";D=(W=W.version||null)&&W.major+"."+W.minor+"."+W.patch}else if(typeof I.documentMode=="number"&&(W=/\bTrident\/(\d+)/i.exec(t))){D=[D,I.documentMode];if((W=+W[1]+4)!=D[1]){F.push("IE "+D[1]+" mode");H&&(H[1]="");D[1]=W}D=Z=="IE"?String(D[1].toFixed(1)):D[0]}X=X&&g(X)}if(D&&(W=/(?:[ab]|dp|pre|[ab]\d+pre)(?:\d+\+?)?$/i.exec(D)||/(?:alpha|beta)(?: ?\d)?/i.exec(t+";"+(L&&i.appMinorVersion))||/\bMinefield\b/i.test(t)&&"a")){j=/b/i.test(W)?"beta":"alpha";D=D.replace(RegExp(W+"\\+?$"),"")+(j=="beta"?P:T)+(/\d+\+?/.exec(W)||"")}if(Z=="Fennec"||Z=="Firefox"&&/\b(?:Android|Firefox OS)\b/.test(X)){Z="Firefox Mobile"}else if(Z=="Maxthon"&&D){D=D.replace(/\.[\d.]+/,".x")}else if(/\bXbox\b/i.test(N)){X=null;if(N=="Xbox 360"&&/\bIEMobile\b/.test(t)){F.unshift("mobile mode")}}else if((/^(?:Chrome|IE|Opera)$/.test(Z)||Z&&!N&&!/Browser|Mobi/.test(Z))&&(X=="Windows CE"||/Mobi/i.test(t))){Z+=" Mobile"}else if(Z=="IE"&&L&&e.external===null){F.unshift("platform preview")}else if((/\bBlackBerry\b/.test(N)||/\bBB10\b/.test(t))&&(W=(RegExp(N.replace(/ +/g," *")+"/([.\\d]+)","i").exec(t)||0)[1]||D)){W=[W,/BB10/.test(t)];X=(W[1]?(N=null,G="BlackBerry"):"Device Software")+" "+W[0];D=null}else if(this!=h&&N!="Wii"&&(L&&B||/Opera/.test(Z)&&/\b(?:MSIE|Firefox)\b/i.test(t)||Z=="Firefox"&&/\bOS X (?:\d+\.){2,}/.test(X)||Z=="IE"&&(X&&!/^Win/.test(X)&&D>5.5||/\bWindows XP\b/.test(X)&&D>8||D==8&&!/\bTrident\b/.test(t)))&&!u.test(W=O.call(h,t.replace(u,"")+";"))&&W.name){W="ing as "+W.name+((W=W.version)?" "+W:"");if(u.test(Z)){if(/\bIE\b/.test(W)&&X=="Mac OS"){X=null}W="identify"+W}else{W="mask"+W;if(C){Z=g(C.replace(/([a-z])([A-Z])/g,"$1 $2"))}else{Z="Opera"}if(/\bIE\b/.test(W)){X=null}if(!L){D=null}}H=["Presto"];F.push(W)}if(W=(/\bAppleWebKit\/([\d.]+\+?)/i.exec(t)||0)[1]){W=[parseFloat(W.replace(/\.(\d)$/,".0$1")),W];if(Z=="Safari"&&W[1].slice(-1)=="+"){Z="WebKit Nightly";j="alpha";D=W[1].slice(0,-1)}else if(D==W[1]||D==(W[2]=(/\bSafari\/([\d.]+\+?)/i.exec(t)||0)[1])){D=null}W[1]=(/\bChrome\/([\d.]+)/i.exec(t)||0)[1];if(W[0]==537.36&&W[2]==537.36&&parseFloat(W[1])>=28&&H=="WebKit"){H=["Blink"]}if(!L||!l&&!W[1]){H&&(H[1]="like Safari");W=(W=W[0],W<400?1:W<500?2:W<526?3:W<533?4:W<534?"4+":W<535?5:W<537?6:W<538?7:W<601?8:"8")}else{H&&(H[1]="like Chrome");W=W[1]||(W=W[0],W<530?1:W<532?2:W<532.05?3:W<533?4:W<534.03?5:W<534.07?6:W<534.1?7:W<534.13?8:W<534.16?9:W<534.24?10:W<534.3?11:W<535.01?12:W<535.02?"13+":W<535.07?15:W<535.11?16:W<535.19?17:W<536.05?18:W<536.1?19:W<537.01?20:W<537.11?"21+":W<537.13?23:W<537.18?24:W<537.24?25:W<537.36?26:H!="Blink"?"27":"28")}H&&(H[1]+=" "+(W+=typeof W=="number"?".x":/[.+]/.test(W)?"":"+"));if(Z=="Safari"&&(!D||parseInt(D)>45)){D=W}}if(Z=="Opera"&&(W=/\bzbov|zvav$/.exec(X))){Z+=" ";F.unshift("desktop mode");if(W=="zvav"){Z+="Mini";D=null}else{Z+="Mobile"}X=X.replace(RegExp(" *"+W+"$"),"")}else if(Z=="Safari"&&/\bChrome\b/.exec(H&&H[1])){F.unshift("desktop mode");Z="Chrome Mobile";D=null;if(/\bOS X\b/.test(X)){G="Apple";X="iOS 4.3+"}else{X=null}}if(D&&D.indexOf(W=/[\d.]+$/.exec(X))==0&&t.indexOf("/"+W+"-")>-1){X=A(X.replace(W,""))}if(H&&!/\b(?:Avant|Nook)\b/.test(Z)&&(/Browser|Lunascape|Maxthon/.test(Z)||Z!="Safari"&&/^iOS/.test(X)&&/\bSafari\b/.test(H[1])||/^(?:Adobe|Arora|Breach|Midori|Opera|Phantom|Rekonq|Rock|Sleipnir|Web)/.test(Z)&&H[1])){(W=H[H.length-1])&&F.push(W)}if(F.length){F=["("+F.join("; ")+")"]}if(G&&N&&N.indexOf(G)<0){F.push("on "+G)}if(N){F.push((/^on /.test(F[F.length-1])?"":"on ")+N)}if(X){W=/ ([\d.+]+)$/.exec(X);$=W&&X.charAt(X.length-W[0].length-1)=="/";X={architecture:32,family:W&&!$?X.replace(W[0],""):X,version:W?W[1]:null,toString:function(){var t=this.version;return this.family+(t&&!$?" "+t:"")+(this.architecture==64?" 64-bit":"")}}}if((W=/\b(?:AMD|IA|Win|WOW|x86_|x)64\b/i.exec(R))&&!/\bi686\b/i.test(R)){if(X){X.architecture=64;X.family=X.family.replace(RegExp(" *"+W),"")}if(Z&&(/\bWOW64\b/i.test(t)||L&&/\w(?:86|32)$/.test(i.cpuClass||i.platform)&&!/\bWin64; x64\b/i.test(t))){F.unshift("32-bit")}}else if(X&&/^OS X/.test(X.family)&&Z=="Chrome"&&parseFloat(D)>=39){X.architecture=64}t||(t=null);var Y={};Y.description=t;Y.layout=H&&H[0];Y.manufacturer=G;Y.name=Z;Y.prerelease=j;Y.product=N;Y.ua=t;Y.version=Z&&D;Y.os=X||{architecture:null,family:null,version:null,toString:function(){return"null"}};Y.parse=O;Y.toString=U;if(Y.version){F.unshift(D)}if(Y.name){F.unshift(Z)}if(X&&Z&&!(X==String(X).split(" ")[0]&&(X==Z.split(" ")[0]||N))){F.push(N?"("+X+")":"on "+X)}if(F.length){Y.description=F.join(" ")}return Y}var E=O();if(i&&a){h(E,(function(t,e){i[e]=t}))}else{r.platform=E}}).call($t)}));var Gt=JSON.parse(JSON.stringify(Nt));var Xt=Gt.os.family||"";var zt=Xt==="Android";var Kt=Xt.slice(0,7)==="Windows";var qt=Xt==="OS X";var Vt=Xt==="iOS";var _t=Gt.layout==="Blink";var Jt=Gt.layout==="Gecko";var Ut=Gt.layout==="Trident";var Yt=Gt.layout==="EdgeHTML";var Qt=Gt.layout==="WebKit";var te=parseFloat(Gt.version);var ee=Math.floor(te);Gt.majorVersion=ee;Gt.is={ANDROID:zt,WINDOWS:Kt,OSX:qt,IOS:Vt,BLINK:_t,GECKO:Jt,TRIDENT:Ut,EDGE:Yt,WEBKIT:Qt,IE9:Ut&&ee===9,IE10:Ut&&ee===10,IE11:Ut&&ee===11};function ne(){var t={activeElement:document.activeElement,windowScrollTop:window.scrollTop,windowScrollLeft:window.scrollLeft,bodyScrollTop:document.body.scrollTop,bodyScrollLeft:document.body.scrollLeft};var e=document.createElement("iframe");e.setAttribute("style","position:absolute; position:fixed; top:0; left:-2px; width:1px; height:1px; overflow:hidden;");e.setAttribute("aria-live","off");e.setAttribute("aria-busy","true");e.setAttribute("aria-hidden","true");document.body.appendChild(e);var n=e.contentWindow;var r=n.document;r.open();r.close();var o=r.createElement("div");r.body.appendChild(o);t.iframe=e;t.wrapper=o;t.window=n;t.document=r;return t}function re(t,e){t.wrapper.innerHTML="";var n=typeof e.element==="string"?t.document.createElement(e.element):e.element(t.wrapper,t.document);var r=e.mutate&&e.mutate(n,t.wrapper,t.document);if(!r&&r!==false){r=n}!n.parentNode&&t.wrapper.appendChild(n);r&&r.focus&&r.focus();return e.validate?e.validate(n,r,t.document):t.document.activeElement===r}function oe(t){if(t.activeElement===document.body){document.activeElement&&document.activeElement.blur&&document.activeElement.blur();if(Gt.is.IE10){document.body.focus()}}else{t.activeElement&&t.activeElement.focus&&t.activeElement.focus()}document.body.removeChild(t.iframe);window.scrollTop=t.windowScrollTop;window.scrollLeft=t.windowScrollLeft;document.body.scrollTop=t.bodyScrollTop;document.body.scrollLeft=t.bodyScrollLeft}function ie(t){var e=ne();var n={};Object.keys(t).map((function(r){n[r]=re(e,t[r])}));oe(e);return n}var ae="1.4.1";function se(t){var e=void 0;try{e=window.localStorage&&window.localStorage.getItem(t);e=e?JSON.parse(e):{}}catch(t){e={}}return e}function le(t,e){if(!document.hasFocus()){try{window.localStorage&&window.localStorage.removeItem(t)}catch(t){}return}try{window.localStorage&&window.localStorage.setItem(t,JSON.stringify(e))}catch(t){}}var ue=typeof window!=="undefined"&&window.navigator.userAgent||"";var ce="ally-supports-cache";var fe=se(ce);if(fe.userAgent!==ue||fe.version!==ae){fe={}}fe.userAgent=ue;fe.version=ae;const de={get:function t(){return fe},set:function t(e){Object.keys(e).forEach((function(t){fe[t]=e[t]}));fe.time=(new Date).toISOString();le(ce,fe)}};function pe(){var t=void 0;try{document.querySelector("html >>> :first-child");t=">>>"}catch(e){try{document.querySelector("html /deep/ :first-child");t="/deep/"}catch(e){t=""}}return t}const be="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";const ve={element:"div",mutate:function t(e){e.innerHTML='<map name="image-map-tabindex-test">'+'<area shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#image-map-tabindex-test" tabindex="-1" alt="" src="'+be+'">';return e.querySelector("area")}};const me={element:"div",mutate:function t(e){e.innerHTML='<map name="image-map-tabindex-test">'+'<area href="#void" tabindex="-1" shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#image-map-tabindex-test" alt="" src="'+be+'">';return false},validate:function t(e,n,r){if(Gt.is.GECKO){return true}var o=e.querySelector("area");o.focus();return r.activeElement===o}};const ge={element:"div",mutate:function t(e){e.innerHTML='<map name="image-map-area-href-test">'+'<area shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#image-map-area-href-test" alt="" src="'+be+'">';return e.querySelector("area")},validate:function t(e,n,r){if(Gt.is.GECKO){return true}return r.activeElement===n}};const he={name:"can-focus-audio-without-controls",element:"audio",mutate:function t(e){try{e.setAttribute("src",be)}catch(t){}}};const xe="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ";const we={element:"div",mutate:function t(e){e.innerHTML='<map name="broken-image-map-test"><area href="#void" shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#broken-image-map-test" alt="" src="'+xe+'">';return e.querySelector("area")}};const ye={element:"div",mutate:function t(e){e.setAttribute("tabindex","-1");e.setAttribute("style","display: -webkit-flex; display: -ms-flexbox; display: flex;");e.innerHTML='<span style="display: block;">hello</span>';return e.querySelector("span")}};const Se={element:"fieldset",mutate:function t(e){e.setAttribute("tabindex",0);e.setAttribute("disabled","disabled")}};const Ae={element:"fieldset",mutate:function t(e){e.innerHTML="<legend>legend</legend><p>content</p>"}};const Oe={element:"span",mutate:function t(e){e.setAttribute("style","display: -webkit-flex; display: -ms-flexbox; display: flex;");e.innerHTML='<span style="display: block;">hello</span>'}};const Ee={element:"form",mutate:function t(e){e.setAttribute("tabindex",0);e.setAttribute("disabled","disabled")}};const ke={element:"a",mutate:function t(e){e.href="#void";e.innerHTML='<img ismap src="'+be+'" alt="">';return e.querySelector("img")}};const Me={element:"div",mutate:function t(e){e.innerHTML='<map name="image-map-tabindex-test"><area href="#void" shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#image-map-tabindex-test" tabindex="-1" alt="" '+'src="'+be+'">';return e.querySelector("img")}};const Te={element:function t(e,n){var r=n.createElement("iframe");e.appendChild(r);var o=r.contentWindow.document;o.open();o.close();return r},mutate:function t(e){e.style.visibility="hidden";var n=e.contentWindow.document;var r=n.createElement("input");n.body.appendChild(r);return r},validate:function t(e){var n=e.contentWindow.document;var r=n.querySelector("input");return n.activeElement===r}};var Pe=!Gt.is.WEBKIT;function Ie(){return Pe}const Be={element:"div",mutate:function t(e){e.setAttribute("tabindex","invalid-value")}};const Ce={element:"label",mutate:function t(e){e.setAttribute("tabindex","-1")},validate:function t(e,n,r){e.focus();return r.activeElement===e}};const We="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtb"+"G5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0ic3ZnIj48dGV4dCB4PSIxMCIgeT0iMjAiIGlkPSJ"+"zdmctbGluay10ZXh0Ij50ZXh0PC90ZXh0Pjwvc3ZnPg==";const Re={element:"object",mutate:function t(e){e.setAttribute("type","image/svg+xml");e.setAttribute("data",We);e.setAttribute("width","200");e.setAttribute("height","50");e.style.visibility="hidden"}};const Fe={name:"can-focus-object-svg",element:"object",mutate:function t(e){e.setAttribute("type","image/svg+xml");e.setAttribute("data",We);e.setAttribute("width","200");e.setAttribute("height","50")},validate:function t(e,n,r){if(Gt.is.GECKO){return true}return r.activeElement===e}};var je=!Gt.is.IE9;function Le(){return je}const De={element:"div",mutate:function t(e){e.innerHTML='<map name="focus-redirect-img-usemap"><area href="#void" shape="rect" coords="63,19,144,45"></map>'+'<img usemap="#focus-redirect-img-usemap" alt="" '+'src="'+be+'">';return e.querySelector("img")},validate:function t(e,n,r){var o=e.querySelector("area");return r.activeElement===o}};const $e={element:"fieldset",mutate:function t(e){e.innerHTML='<legend>legend</legend><input tabindex="-1"><input tabindex="0">';return false},validate:function t(e,n,r){var o=e.querySelector('input[tabindex="-1"]');var i=e.querySelector('input[tabindex="0"]');e.focus();e.querySelector("legend").focus();return r.activeElement===o&&"focusable"||r.activeElement===i&&"tabbable"||""}};const He={element:"div",mutate:function t(e){e.setAttribute("style","width: 100px; height: 50px; overflow: auto;");e.innerHTML='<div style="width: 500px; height: 40px;">scrollable content</div>';return e.querySelector("div")}};const Ze={element:"div",mutate:function t(e){e.setAttribute("style","width: 100px; height: 50px;");e.innerHTML='<div style="width: 500px; height: 40px;">scrollable content</div>'}};const Ne={element:"div",mutate:function t(e){e.setAttribute("style","width: 100px; height: 50px; overflow: auto;");e.innerHTML='<div style="width: 500px; height: 40px;">scrollable content</div>'}};const Ge={element:"details",mutate:function t(e){e.innerHTML="<summary>foo</summary><p>content</p>";return e.firstElementChild}};function Xe(){var t=document.createElement("div");t.innerHTML='<svg><foreignObject width="30" height="30">\n <input type="text"/>\n </foreignObject></svg>';return t.firstChild.firstChild}function ze(t){var e=t.ownerSVGElement||t.nodeName.toLowerCase()==="svg";if(!e){return false}var n=Xe();t.appendChild(n);var r=n.querySelector("input");r.focus();r.disabled=true;t.removeChild(n);return true}function Ke(t){return'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'+t+"</svg>"}function qe(t){if(t.focus){return}try{HTMLElement.prototype.focus.call(t)}catch(e){ze(t)}}function Ve(t,e,n){qe(e);return n.activeElement===e}const _e={element:"div",mutate:function t(e){e.innerHTML=Ke('<text focusable="true">a</text>');return e.querySelector("text")},validate:Ve};const Je={element:"div",mutate:function t(e){e.innerHTML=Ke('<text tabindex="0">a</text>');return e.querySelector("text")},validate:Ve};const Ue={element:"div",mutate:function t(e){e.innerHTML=Ke('<text tabindex="-1">a</text>');return e.querySelector("text")},validate:Ve};const Ye={element:"div",mutate:function t(e){e.innerHTML=Ke(['<g id="ally-test-target"><a xlink:href="#void"><text>link</text></a></g>','<use xlink:href="#ally-test-target" x="0" y="0" tabindex="-1" />'].join(""));return e.querySelector("use")},validate:Ve};const Qe={element:"div",mutate:function t(e){e.innerHTML=Ke('<foreignObject tabindex="-1"><input type="text" /></foreignObject>');return e.querySelector("foreignObject")||e.getElementsByTagName("foreignObject")[0]},validate:Ve};var tn=Boolean(Gt.is.GECKO&&typeof SVGElement!=="undefined"&&SVGElement.prototype.focus);function en(){return tn}const nn={element:"div",mutate:function t(e){e.innerHTML=Ke("");return e.firstChild},validate:Ve};const rn={element:"div",mutate:function t(e){e.setAttribute("tabindex","3x")}};const on={element:"table",mutate:function t(e,n,r){var o=r.createDocumentFragment();o.innerHTML="<tr><td>cell</td></tr>";e.appendChild(o)}};const an={element:"video",mutate:function t(e){try{e.setAttribute("src",be)}catch(t){}}};var sn=Gt.is.GECKO||Gt.is.TRIDENT||Gt.is.EDGE;function ln(){return sn}var un={cssShadowPiercingDeepCombinator:pe,focusInZeroDimensionObject:Ie,focusObjectSwf:Le,focusSvgInIframe:en,tabsequenceAreaAtImgPosition:ln};var cn={focusAreaImgTabindex:ve,focusAreaTabindex:me,focusAreaWithoutHref:ge,focusAudioWithoutControls:he,focusBrokenImageMap:we,focusChildrenOfFocusableFlexbox:ye,focusFieldsetDisabled:Se,focusFieldset:Ae,focusFlexboxContainer:Oe,focusFormDisabled:Ee,focusImgIsmap:ke,focusImgUsemapTabindex:Me,focusInHiddenIframe:Te,focusInvalidTabindex:Be,focusLabelTabindex:Ce,focusObjectSvg:Fe,focusObjectSvgHidden:Re,focusRedirectImgUsemap:De,focusRedirectLegend:$e,focusScrollBody:He,focusScrollContainerWithoutOverflow:Ze,focusScrollContainer:Ne,focusSummary:Ge,focusSvgFocusableAttribute:_e,focusSvgTabindexAttribute:Je,focusSvgNegativeTabindexAttribute:Ue,focusSvgUseTabindex:Ye,focusSvgForeignobjectTabindex:Qe,focusSvg:nn,focusTabindexTrailingCharacters:rn,focusTable:on,focusVideoWithoutControls:an};function fn(){var t=ie(cn);Object.keys(un).forEach((function(e){t[e]=un[e]()}));return t}var dn=null;function pn(){if(dn){return dn}dn=de.get();if(!dn.time){de.set(fn());dn=de.get()}return dn}var bn=void 0;var vn=/^\s*(-|\+)?[0-9]+\s*$/;var mn=/^\s*(-|\+)?[0-9]+.*$/;function gn(t){if(!bn){bn=pn()}var e=bn.focusTabindexTrailingCharacters?mn:vn;var n=Wt({label:"is/valid-tabindex",resolveDocument:true,context:t});var r=n.hasAttribute("tabindex");var o=n.hasAttribute("tabIndex");if(!r&&!o){return false}var i=n.ownerSVGElement||n.nodeName.toLowerCase()==="svg";if(i&&!bn.focusSvgTabindexAttribute){return false}if(bn.focusInvalidTabindex){return true}var a=n.getAttribute(r?"tabindex":"tabIndex");if(a==="-32768"){return false}return Boolean(a&&e.test(a))}function hn(t){if(!gn(t)){return null}var e=t.hasAttribute("tabindex");var n=e?"tabindex":"tabIndex";var r=parseInt(t.getAttribute(n),10);return isNaN(r)?-1:r}function xn(t){var e=t.webkitUserModify||"";return Boolean(e&&e.indexOf("write")!==-1)}function wn(t){return[t.getPropertyValue("overflow"),t.getPropertyValue("overflow-x"),t.getPropertyValue("overflow-y")].some((function(t){return t==="auto"||t==="scroll"}))}function yn(t){return t.display.indexOf("flex")>-1}function Sn(t,e,n,r){if(e!=="div"&&e!=="span"){return false}if(n&&n!=="div"&&n!=="span"&&!wn(r)){return false}return t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth}var An=void 0;function On(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},e=t.context,n=t.except,r=n===undefined?{flexbox:false,scrollable:false,shadow:false}:n;if(!An){An=pn()}var o=Wt({label:"is/focus-relevant",resolveDocument:true,context:e});if(!r.shadow&&o.shadowRoot){return true}var i=o.nodeName.toLowerCase();if(i==="input"&&o.type==="hidden"){return false}if(i==="input"||i==="select"||i==="button"||i==="textarea"){return true}if(i==="legend"&&An.focusRedirectLegend){return true}if(i==="label"){return true}if(i==="area"){return true}if(i==="a"&&o.hasAttribute("href")){return true}if(i==="object"&&o.hasAttribute("usemap")){return false}if(i==="object"){var a=o.getAttribute("type");if(!An.focusObjectSvg&&a==="image/svg+xml"){return false}else if(!An.focusObjectSwf&&a==="application/x-shockwave-flash"){return false}}if(i==="iframe"||i==="object"){return true}if(i==="embed"||i==="keygen"){return true}if(o.hasAttribute("contenteditable")){return true}if(i==="audio"&&(An.focusAudioWithoutControls||o.hasAttribute("controls"))){return true}if(i==="video"&&(An.focusVideoWithoutControls||o.hasAttribute("controls"))){return true}if(An.focusSummary&&i==="summary"){return true}var s=gn(o);if(i==="img"&&o.hasAttribute("usemap")){return s&&An.focusImgUsemapTabindex||An.focusRedirectImgUsemap}if(An.focusTable&&(i==="table"||i==="td")){return true}if(An.focusFieldset&&i==="fieldset"){return true}var l=i==="svg";var u=o.ownerSVGElement;var c=o.getAttribute("focusable");var f=hn(o);if(i==="use"&&f!==null&&!An.focusSvgUseTabindex){return false}if(i==="foreignobject"){return f!==null&&An.focusSvgForeignobjectTabindex}if(Dt(o,"svg a")&&o.hasAttribute("xlink:href")){return true}if((l||u)&&o.focus&&!An.focusSvgNegativeTabindexAttribute&&f<0){return false}if(l){return s||An.focusSvg||An.focusSvgInIframe||Boolean(An.focusSvgFocusableAttribute&&c&&c==="true")}if(u){if(An.focusSvgTabindexAttribute&&s){return true}if(An.focusSvgFocusableAttribute){return c==="true"}}if(s){return true}var d=window.getComputedStyle(o,null);if(xn(d)){return true}if(An.focusImgIsmap&&i==="img"&&o.hasAttribute("ismap")){var p=Rt({context:o}).some((function(t){return t.nodeName.toLowerCase()==="a"&&t.hasAttribute("href")}));if(p){return true}}if(!r.scrollable&&An.focusScrollContainer){if(An.focusScrollContainerWithoutOverflow){if(Sn(o,i)){return true}}else if(wn(d)){return true}}if(!r.flexbox&&An.focusFlexboxContainer&&yn(d)){return true}var b=o.parentElement;if(!r.scrollable&&b){var v=b.nodeName.toLowerCase();var m=window.getComputedStyle(b,null);if(An.focusScrollBody&&Sn(b,i,v,m)){return true}if(An.focusChildrenOfFocusableFlexbox){if(yn(m)){return true}}}return false}On.except=function(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var e=function e(n){return On({context:n,except:t})};e.rules=On;return e};var En=On.except({});function kn(t,e){if(t.findIndex){return t.findIndex(e)}var n=t.length;if(n===0){return-1}for(var r=0;r<n;r++){if(e(t[r],r,t)){return r}}return-1}function Mn(t){try{return t.contentDocument||t.contentWindow&&t.contentWindow.document||t.getSVGDocument&&t.getSVGDocument()||null}catch(t){return null}}function Tn(t){if(!t){return document}if(t.nodeType===Node.DOCUMENT_NODE){return t}return t.ownerDocument||document}function Pn(t){var e=Tn(t);return e.defaultView||window}var In=void 0;function Bn(t){if(typeof In!=="string"){var e=pe();if(e){In=", html "+e+" "}}if(!In){return t}return t+In+t.replace(/\s*,\s*/g,",").split(",").join(In)}var Cn=void 0;function Wn(t){if(!Cn){Cn=Bn("object, iframe")}if(t._frameElement!==undefined){return t._frameElement}t._frameElement=null;var e=t.parent.document.querySelectorAll(Cn);[].some.call(e,(function(e){var n=Mn(e);if(n!==t.document){return false}t._frameElement=e;return true}));return t._frameElement}function Rn(t){var e=Pn(t);if(!e.parent||e.parent===e){return null}try{return e.frameElement||Wn(e)}catch(t){return null}}var Fn=/^(area)$/;function jn(t,e){return window.getComputedStyle(t,null).getPropertyValue(e)}function Ln(t){return t.some((function(t){return jn(t,"display")==="none"}))}function Dn(t){var e=kn(t,(function(t){var e=jn(t,"visibility");return e==="hidden"||e==="collapse"}));if(e===-1){return false}var n=kn(t,(function(t){return jn(t,"visibility")==="visible"}));if(n===-1){return true}if(e<n){return true}return false}function $n(t){var e=1;if(t[0].nodeName.toLowerCase()==="summary"){e=2}return t.slice(e).some((function(t){return t.nodeName.toLowerCase()==="details"&&t.open===false}))}function Hn(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},e=t.context,n=t.except,r=n===undefined?{notRendered:false,cssDisplay:false,cssVisibility:false,detailsElement:false,browsingContext:false}:n;var o=Wt({label:"is/visible",resolveDocument:true,context:e});var i=o.nodeName.toLowerCase();if(!r.notRendered&&Fn.test(i)){return true}var a=Rt({context:o});var s=i==="audio"&&!o.hasAttribute("controls");if(!r.cssDisplay&&Ln(s?a.slice(1):a)){return false}if(!r.cssVisibility&&Dn(a)){return false}if(!r.detailsElement&&$n(a)){return false}if(!r.browsingContext){var l=Rn(o);var u=Hn.except(r);if(l&&!u(l)){return false}}return true}Hn.except=function(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var e=function e(n){return Hn({context:n,except:t})};e.rules=Hn;return e};var Zn=Hn.except({});var Nn=Ht((function(t,e){(function(e,n){{t.exports=n(e)}})(typeof $t!="undefined"?$t:$t,(function(t){if(t.CSS&&t.CSS.escape){return t.CSS.escape}var e=function(t){if(arguments.length==0){throw new TypeError("`CSS.escape` requires an argument.")}var e=String(t);var n=e.length;var r=-1;var o;var i="";var a=e.charCodeAt(0);while(++r<n){o=e.charCodeAt(r);if(o==0){i+="�";continue}if(o>=1&&o<=31||o==127||r==0&&o>=48&&o<=57||r==1&&o>=48&&o<=57&&a==45){i+="\\"+o.toString(16)+" ";continue}if(r==0&&n==1&&o==45){i+="\\"+e.charAt(r);continue}if(o>=128||o==45||o==95||o>=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122){i+=e.charAt(r);continue}i+="\\"+e.charAt(r)}return i};if(!t.CSS){t.CSS={}}t.CSS.escape=e;return e}))}));function Gn(t){var e=t.parentElement;if(!e.name||e.nodeName.toLowerCase()!=="map"){return null}var n=Tn(t);return n.querySelector('img[usemap="#'+Nn(e.name)+'"]')||null}var Xn=void 0;function zn(t){if(!Xn){Xn=pn()}var e=Wt({label:"is/valid-area",context:t});var n=e.nodeName.toLowerCase();if(n!=="area"){return false}var r=e.hasAttribute("tabindex");if(!Xn.focusAreaTabindex&&r){return false}var o=Gn(e);if(!o||!Zn(o)){return false}if(!Xn.focusBrokenImageMap&&(!o.complete||!o.naturalHeight||o.offsetWidth<=0||o.offsetHeight<=0)){return false}if(!Xn.focusAreaWithoutHref&&!e.href){return Xn.focusAreaTabindex&&r||Xn.focusAreaImgTabindex&&o.hasAttribute("tabindex")}var i=Rt({context:o}).slice(1).some((function(t){var e=t.nodeName.toLowerCase();return e==="button"||e==="a"}));if(i){return false}return true}var Kn=void 0;var qn=void 0;var Vn={input:true,select:true,textarea:true,button:true,fieldset:true,form:true};function _n(t){if(!Kn){Kn=pn();if(Kn.focusFieldsetDisabled){delete Vn.fieldset}if(Kn.focusFormDisabled){delete Vn.form}qn=new RegExp("^("+Object.keys(Vn).join("|")+")$")}var e=Wt({label:"is/native-disabled-supported",context:t});var n=e.nodeName.toLowerCase();return Boolean(qn.test(n))}var Jn=void 0;function Un(t){var e=t.nodeName.toLowerCase();return e==="fieldset"&&t.disabled}function Yn(t){var e=t.nodeName.toLowerCase();return e==="form"&&t.disabled}function Qn(t){if(!Jn){Jn=pn()}var e=Wt({label:"is/disabled",context:t});if(e.hasAttribute("data-ally-disabled")){return true}if(!_n(e)){return false}if(e.disabled){return true}var n=Rt({context:e});if(n.some(Un)){return true}if(!Jn.focusFormDisabled&&n.some(Yn)){return true}return false}function tr(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},e=t.context,n=t.except,r=n===undefined?{onlyFocusableBrowsingContext:false,visible:false}:n;var o=Wt({label:"is/only-tabbable",resolveDocument:true,context:e});if(!r.visible&&!Zn(o)){return false}if(!r.onlyFocusableBrowsingContext&&(Gt.is.GECKO||Gt.is.TRIDENT||Gt.is.EDGE)){var i=Rn(o);if(i){if(hn(i)<0){return false}}}var a=o.nodeName.toLowerCase();var s=hn(o);if(a==="label"&&Gt.is.GECKO){return s!==null&&s>=0}if(Gt.is.GECKO&&o.ownerSVGElement&&!o.focus){if(a==="a"&&o.hasAttribute("xlink:href")){if(Gt.is.GECKO){return true}}}return false}tr.except=function(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var e=function e(n){return tr({context:n,except:t})};e.rules=tr;return e};var er=tr.except({});var nr=void 0;function rr(t){var e=t.nodeName.toLowerCase();if(e==="embed"||e==="keygen"){return true}var n=hn(t);if(t.shadowRoot&&n===null){return true}if(e==="label"){return!nr.focusLabelTabindex||n===null}if(e==="legend"){return n===null}if(nr.focusSvgFocusableAttribute&&(t.ownerSVGElement||e==="svg")){var r=t.getAttribute("focusable");return r&&r==="false"}if(e==="img"&&t.hasAttribute("usemap")){return n===null||!nr.focusImgUsemapTabindex}if(e==="area"){return!zn(t)}return false}function or(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},e=t.context,n=t.except,r=n===undefined?{disabled:false,visible:false,onlyTabbable:false}:n;if(!nr){nr=pn()}var o=er.rules.except({onlyFocusableBrowsingContext:true,visible:r.visible});var i=Wt({label:"is/focusable",resolveDocument:true,context:e});var a=En.rules({context:i,except:r});if(!a||rr(i)){return false}if(!r.disabled&&Qn(i)){return false}if(!r.onlyTabbable&&o(i)){return false}if(!r.visible){var s={context:i,except:{}};if(nr.focusInHiddenIframe){s.except.browsingContext=true}if(nr.focusObjectSvgHidden){var l=i.nodeName.toLowerCase();if(l==="object"){s.except.cssVisibility=true}}if(!Zn.rules(s)){return false}}var u=Rn(i);if(u){var c=u.nodeName.toLowerCase();if(c==="object"&&!nr.focusInZeroDimensionObject){if(!u.offsetWidth||!u.offsetHeight){return false}}}var f=i.nodeName.toLowerCase();if(f==="svg"&&nr.focusSvgInIframe&&!u&&i.getAttribute("tabindex")===null){return false}return true}or.except=function(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var e=function e(n){return or({context:n,except:t})};e.rules=or;return e};var ir=or.except({});(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:n="",...r}={}){super(t,r),this.oldState=String(e||""),this.newState=String(n||"")}},e=new WeakMap;function n(n,r,o){e.set(n,setTimeout((()=>{e.has(n)&&n.dispatchEvent(new t("toggle",{cancelable:!1,oldState:r,newState:o}))}),0))}var r=globalThis.ShadowRoot||function(){},o=globalThis.HTMLDialogElement||function(){},i=new WeakMap,a=new WeakMap,s=new WeakMap;function l(t){return s.get(t)||"hidden"}var u=new WeakMap;function c(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let n=l(e);t.popoverTargetAction==="show"&&n==="showing"||t.popoverTargetAction==="hide"&&n==="hidden"||(n==="showing"?O(e,!0,!0):f(e,!1)&&(u.set(e,t),A(e)))}function f(t,e){return!(t.popover!=="auto"&&t.popover!=="manual"||!t.isConnected||e&&l(t)!=="showing"||!e&&l(t)!=="hidden"||t instanceof o&&t.hasAttribute("open")||document.fullscreenElement===t)}function d(t){return t?Array.from(a.get(t.ownerDocument)||[]).indexOf(t)+1:0}function p(t){let e=m(t),n=g(t);return d(e)>d(n)?e:n}function b(t){let e=a.get(t);for(let t of e||[])if(!t.isConnected)e.delete(t);else return t;return null}function v(t){return typeof t.getRootNode=="function"?t.getRootNode():t.parentNode?v(t.parentNode):t}function m(t){for(;t;){if(t instanceof HTMLElement&&t.popover==="auto"&&s.get(t)==="showing")return t;if(t=t.parentElement||v(t),t instanceof r&&(t=t.host),t instanceof Document)return}}function g(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if(t=t.parentElement||v(t),t instanceof r&&(t=t.host),t instanceof Document)return}}function h(t){let e=new Map,n=0,r=t.ownerDocument;for(let t of a.get(r)||[])e.set(t,n),n+=1;e.set(t,n),n+=1;let o=null;function i(t){let n=m(t);if(n===null)return null;let r=e.get(n);(o===null||e.get(o)<r)&&(o=n)}return i(t?.parentElement),o}function x(t){return t.hidden||t instanceof r||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&t.type==="hidden"||t instanceof HTMLAnchorElement&&t.href===""?!1:typeof t.tabIndex=="number"&&t.tabIndex!==-1}function w(t){if(t.shadowRoot&&t.shadowRoot.delegatesFocus!==!0)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let n=e.querySelector("[autofocus]");if(n)return n;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(n=e.querySelector("[autofocus]"),n)return n}}}let r=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),o=r.currentNode;for(;o;){if(x(o))return o;o=r.nextNode()}}function y(t){w(t)?.focus()}var S=new WeakMap;function A(e){if(!f(e,!1))return;let r=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!f(e,!1))return;let o=!1;if(e.popover==="auto"){let t=e.getAttribute("popover"),n=h(e)||r;if(k(n,!1,!0),t!==e.getAttribute("popover")||!f(e,!1))return}b(r)||(o=!0),S.delete(e);let l=r.activeElement;e.classList.add(":popover-open"),s.set(e,"showing"),i.has(r)||i.set(r,new Set),i.get(r).add(e),y(e),e.popover==="auto"&&(a.has(r)||a.set(r,new Set),a.get(r).add(e),I(u.get(e),!0)),o&&l&&e.popover==="auto"&&S.set(e,l),n(e,"closed","open")}function O(e,r=!1,o=!1){if(!f(e,!0))return;let l=e.ownerDocument;if(e.popover==="auto"&&(k(e,r,o),!f(e,!0))||(I(u.get(e),!1),u.delete(e),o&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!f(e,!0))))return;i.get(l)?.delete(e),a.get(l)?.delete(e),e.classList.remove(":popover-open"),s.set(e,"hidden"),o&&n(e,"open","closed");let c=S.get(e);c&&(S.delete(e),r&&c.focus())}function E(t,e=!1,n=!1){let r=b(t);for(;r;)O(r,e,n),r=b(t)}function k(t,e,n){let r=t.ownerDocument||t;if(t instanceof Document)return E(r,e,n);let o=null,i=!1;for(let e of a.get(r)||[])if(e===t)i=!0;else if(i){o=e;break}if(!i)return E(r,e,n);for(;o&&l(o)==="showing"&&a.get(r)?.size;)O(o,e,n)}var M=new WeakMap;function T(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let n=e.ownerDocument;if(!b(n))return;let r=p(e);if(r&&t.type==="pointerdown")M.set(n,r);else if(t.type==="pointerup"){let t=M.get(n)===r;M.delete(n),t&&k(r||n,!1,!0)}}var P=new WeakMap;function I(t,e=!1){if(!t)return;P.has(t)||P.set(t,t.getAttribute("aria-expanded"));let n=t.popoverTargetElement;if(n instanceof HTMLElement&&n.popover==="auto")t.setAttribute("aria-expanded",String(e));else{let e=P.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var B=globalThis.ShadowRoot||function(){};function C(){return typeof HTMLElement<"u"&&typeof HTMLElement.prototype=="object"&&"popover"in HTMLElement.prototype}function W(t,e,n){let r=t[e];Object.defineProperty(t,e,{value(t){return r.call(this,n(t))}})}var R=/(^|[^\\]):popover-open\b/g,F=`\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n`,j=null;function L(t){if(j===null)try{j=new CSSStyleSheet,j.replaceSync(F)}catch{j=!1}if(j===!1){let e=document.createElement("style");e.textContent=F,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[j,...t.adoptedStyleSheets]}function D(){window.ToggleEvent=window.ToggleEvent||t;function e(t){return t?.includes(":popover-open")&&(t=t.replace(R,"$1.\\:popover-open")),t}W(Document.prototype,"querySelector",e),W(Document.prototype,"querySelectorAll",e),W(Element.prototype,"querySelector",e),W(Element.prototype,"querySelectorAll",e),W(Element.prototype,"matches",e),W(Element.prototype,"closest",e),W(DocumentFragment.prototype,"querySelectorAll",e),W(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return t===""||t=="auto"?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){A(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){O(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){s.get(this)==="showing"&&t===void 0||t===!1?O(this,!0,!0):(t===void 0||t===!0)&&A(this)}}});let n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=n.call(this,t);return L(e),e}}});let r=HTMLElement.prototype.attachInternals;r&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=r.call(this);return t.shadowRoot&&L(t.shadowRoot),t}}});let o=new WeakMap;function i(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(t===null)this.removeAttribute("popovertarget"),o.delete(this);else if(t instanceof Element)this.setAttribute("popovertarget",""),o.set(this,t);else throw new TypeError("popoverTargetElement must be an element or null")},get(){if(this.localName!=="button"&&this.localName!=="input"||this.localName==="input"&&this.type!=="reset"&&this.type!=="image"&&this.type!=="button"||this.disabled||this.form&&this.type==="submit")return null;let t=o.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return o.delete(this),null;let e=v(this),n=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof B)&&n&&e.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return t==="show"||t==="hide"?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}i(HTMLButtonElement),i(HTMLInputElement);let a=t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let n=v(e);if(!(n instanceof B||n instanceof Document))return;let r=e.closest("[popovertargetaction],[popovertarget]");if(r){c(r);return}},l=t=>{let e=t.key,n=t.target;!t.defaultPrevented&&n&&(e==="Escape"||e==="Esc")&&k(n.ownerDocument,!0,!0)};(t=>{t.addEventListener("click",a),t.addEventListener("keydown",l),t.addEventListener("pointerdown",T),t.addEventListener("pointerup",T)})(document),L(document)}C()||D()})();
|
|
2
|
+
/*!
|
|
3
|
+
* long-press-event - v@version@
|
|
4
|
+
* Pure JavaScript long-press-event
|
|
5
|
+
* https://github.com/john-doherty/long-press-event
|
|
6
|
+
* @author John Doherty <www.johndoherty.info>
|
|
7
|
+
* @license MIT
|
|
8
|
+
*/(function(t,e){var n=null;var r="PointerEvent"in t||t.navigator&&"msPointerEnabled"in t.navigator;var o="ontouchstart"in t||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0;var i=r?"pointerdown":o?"touchstart":"mousedown";var a=r?"pointerup":o?"touchend":"mouseup";var s=r?"pointermove":o?"touchmove":"mousemove";var l=r?"pointerleave":o?"touchleave":"mouseleave";var u=0;var c=0;var f=10;var d=10;if(typeof t.CustomEvent!=="function"){t.CustomEvent=function(t,n){n=n||{bubbles:false,cancelable:false,detail:undefined};var r=e.createEvent("CustomEvent");r.initCustomEvent(t,n.bubbles,n.cancelable,n.detail);return r};t.CustomEvent.prototype=t.Event.prototype}t.requestAnimFrame=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||t.msRequestAnimationFrame||function(e){t.setTimeout(e,1e3/60)}}();function p(e,n){if(!t.requestAnimationFrame&&!t.webkitRequestAnimationFrame&&!(t.mozRequestAnimationFrame&&t.mozCancelRequestAnimationFrame)&&!t.oRequestAnimationFrame&&!t.msRequestAnimationFrame)return t.setTimeout(e,n);var r=(new Date).getTime();var o={};var i=function(){var t=(new Date).getTime();var a=t-r;if(a>=n){e.call()}else{o.value=requestAnimFrame(i)}};o.value=requestAnimFrame(i);return o}function b(e){if(e){t.cancelAnimationFrame?t.cancelAnimationFrame(e.value):t.webkitCancelAnimationFrame?t.webkitCancelAnimationFrame(e.value):t.webkitCancelRequestAnimationFrame?t.webkitCancelRequestAnimationFrame(e.value):t.mozCancelRequestAnimationFrame?t.mozCancelRequestAnimationFrame(e.value):t.oCancelRequestAnimationFrame?t.oCancelRequestAnimationFrame(e.value):t.msCancelRequestAnimationFrame?t.msCancelRequestAnimationFrame(e.value):clearTimeout(e)}}function v(t){h();t=m(t);var n=this.dispatchEvent(new CustomEvent("long-press",{bubbles:true,cancelable:true,detail:{clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,pageX:t.pageX,pageY:t.pageY},clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,pageX:t.pageX,pageY:t.pageY,screenX:t.screenX,screenY:t.screenY}));if(!n){e.addEventListener("click",(function t(n){e.removeEventListener("click",t,true);x(n)}),true)}}function m(t){if(t.changedTouches!==undefined){return t.changedTouches[0]}return t}function g(t){h();var e=t.target;var r=parseInt(S(e,"data-long-press-delay","1500"),10);n=p(v.bind(e,t),r)}function h(t){b(n);n=null}function x(t){t.stopImmediatePropagation();t.preventDefault();t.stopPropagation()}function w(t){u=t.clientX;c=t.clientY;g(t)}function y(t){var e=Math.abs(u-t.clientX);var n=Math.abs(c-t.clientY);if(e>=f||n>=d){h()}}function S(t,n,r){while(t&&t!==e.documentElement){var o=t.getAttribute(n);if(o){return o}t=t.parentNode}return r}e.addEventListener(a,h,true);e.addEventListener(l,h,true);e.addEventListener(s,y,true);e.addEventListener("wheel",h,true);e.addEventListener("scroll",h,true);e.addEventListener(i,w,true)})(window,document);const ar=["primary","yellow"];const sr=":host,.bg-yellow{--post-bg-opacity:1;background-color:rgba(var(--post-bg-rgb), var(--post-bg-opacity)) !important;color:var(--post-contrast-color) !important}.bg-yellow{--post-contrast-color:#000;--post-contrast-color-inverted:#fff;--post-gray-10:hsl(0, 0%, 90%);--post-gray-20:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-60:hsl(0, 0%, 40%);--post-gray-80:hsl(0, 0%, 20%);--post-yellow:#fc0;--post-light:#faf9f8;--post-gray:#f4f3f1;--post-dark:hsl(0, 0%, 20%);--post-primary:hsl(0, 0%, 20%);--post-white:#fff;--post-black:#000;--post-info:#cce4ee;--post-success:#2c911c;--post-warning:#f49e00;--post-danger:#a51728;--post-nightblue:#004976;--post-nightblue-bright:#0076a8;--post-petrol:#006d68;--post-petrol-bright:#00968f;--post-coral:#9e2a2f;--post-coral-bright:#e03c31;--post-olive:#716135;--post-olive-bright:#aa9d2e;--post-purple:#80276c;--post-purple-bright:#c5299b;--post-aubergine:#523178;--post-aubergine-bright:#7566a0;--post-success-green:#2c871d;--post-error-red:#a51728;--post-warning-orange:#f49e00;--post-success-background:#c0debb;--post-error-background:#ffdade;--post-warning-background:#fce2b2;--post-contrast-color-rgb:0, 0, 0;--post-contrast-color-inverted-rgb:255, 255, 255;--post-gray-10-rgb:230, 230, 230;--post-gray-20-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-60-rgb:102, 102, 102;--post-gray-80-rgb:51, 51, 51;--post-yellow-rgb:255, 204, 0;--post-light-rgb:250, 249, 248;--post-gray-rgb:244, 243, 241;--post-dark-rgb:51, 51, 51;--post-primary-rgb:51, 51, 51;--post-white-rgb:255, 255, 255;--post-black-rgb:0, 0, 0;--post-info-rgb:204, 228, 238;--post-success-rgb:44, 145, 28;--post-warning-rgb:244, 158, 0;--post-danger-rgb:165, 23, 40;--post-nightblue-rgb:0, 73, 118;--post-nightblue-bright-rgb:0, 118, 168;--post-petrol-rgb:0, 109, 104;--post-petrol-bright-rgb:0, 150, 143;--post-coral-rgb:158, 42, 47;--post-coral-bright-rgb:224, 60, 49;--post-olive-rgb:113, 97, 53;--post-olive-bright-rgb:170, 157, 46;--post-purple-rgb:128, 39, 108;--post-purple-bright-rgb:197, 41, 155;--post-aubergine-rgb:82, 49, 120;--post-aubergine-bright-rgb:117, 102, 160;--post-success-green-rgb:44, 135, 29;--post-error-red-rgb:165, 23, 40;--post-warning-orange-rgb:244, 158, 0;--post-success-background-rgb:192, 222, 187;--post-error-background-rgb:255, 218, 222;--post-warning-background-rgb:252, 226, 178}:host{--post-contrast-color:#fff;--post-contrast-color-inverted:#000;--post-dark:#faf9f8;--post-light:hsl(0, 0%, 20%);--post-gray-80:hsl(0, 0%, 90%);--post-gray-60:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-20:hsl(0, 0%, 40%);--post-gray-10:hsl(0, 0%, 20%);--post-contrast-color-rgb:255, 255, 255;--post-contrast-color-inverted-rgb:0, 0, 0;--post-dark-rgb:250, 249, 248;--post-light-rgb:51, 51, 51;--post-gray-80-rgb:230, 230, 230;--post-gray-60-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-20-rgb:102, 102, 102;--post-gray-10-rgb:51, 51, 51}:host{--post-bg-rgb:51, 51, 51}div{position:absolute;z-index:1070;width:max-content;max-width:30ch;margin:0;padding:.25rem .5rem;color:inherit;background-color:inherit;border-color:rgba(0,0,0,0);border-radius:4px;overflow:visible;pointer-events:none}.arrow{position:absolute;width:.7071067812rem;aspect-ratio:1/1;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1;border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.bg-yellow{--post-bg-rgb:255, 204, 0}";const lr={top:"bottom",right:"left",bottom:"top",left:"right"};const ur=class{validateBackgroundColor(t=this.backgroundColor){i(t,ar,`The post-tooltip "background-color" prop should contain one of those values: ${ar.join(", ")}`);if(t==="yellow"){this.tooltipClasses="bg-yellow"}else{this.tooltipClasses="bg-primary"}}constructor(e){t(this,e);this.tooltipClasses=undefined;this.backgroundColor="primary";this.placement="top";this.localShowTooltip=t=>this.show(t.target);this.localHideTooltip=this.hide.bind(this);this.localToggleTooltip=this.toggle.bind(this)}componentWillLoad(){this.validateBackgroundColor();document.body.appendChild(this.host)}connectedCallback(){if(!this.host.id){throw new Error("No id set: <post-tooltip> must have an id, linking it to it's target element using the data-tooltip-target attribute.")}if(!this.triggers){throw new Error(`No trigger found for <post-tooltip id="${this.host.id}">, please add the 'data-tooltip-target="${this.host.id}" attribute to the trigger element.`)}this.triggers.forEach((t=>this.patchPopoverTargetActionInterest(t)))}disconnectedCallback(){this.triggers.forEach((t=>{t.removeEventListener("mouseenter",this.localShowTooltip);t.removeEventListener("mouseleave",this.localHideTooltip);t.removeEventListener("focus",this.localShowTooltip);t.removeEventListener("blur",this.localHideTooltip);t.removeEventListener("long-press",this.localShowTooltip)}));if(this.tooltipRef)this.tooltipRef.removeEventListener("beforetoggle",this.localToggleTooltip);if(typeof this.clearAutoUpdate==="function")this.clearAutoUpdate()}componentDidLoad(){if(!this.host.id||!this.triggers)return false;this.tooltipRef.setAttribute("popover","");this.tooltipRef.addEventListener("beforetoggle",this.handleToggle.bind(this))}async show(t){this.eventTarget=t;this.tooltipRef.showPopover()}async hide(){this.eventTarget=null;this.tooltipRef.hidePopover()}async toggle(t,e){this.eventTarget=t;this.tooltipRef.togglePopover(e)}get triggers(){return document.querySelectorAll(`[data-tooltip-target="${this.host.id}"]`)}patchPopoverTargetActionInterest(t){t.addEventListener("mouseenter",this.localShowTooltip);t.addEventListener("mouseleave",this.localHideTooltip);t.addEventListener("focus",this.localShowTooltip);t.addEventListener("blur",this.localHideTooltip);t.addEventListener("long-press",this.localShowTooltip);const e=t.getAttribute("aria-describedby");if(!(e===null||e===void 0?void 0:e.includes(this.host.id))){const n=e?`${e} ${this.host.id}`:this.host.id;t.setAttribute("aria-describedby",n)}if(!ir(t)){t.setAttribute("tabindex","0")}}handleToggle(t){const e=t.newState==="open";if(e){this.startAutoupdates()}else{if(typeof this.clearAutoUpdate==="function")this.clearAutoUpdate()}}startAutoupdates(){this.clearAutoUpdate=It(this.eventTarget,this.tooltipRef,this.positionTooltip.bind(this))}async positionTooltip(){const{x:t,y:e,middlewareData:n,placement:r}=await Bt(this.eventTarget,this.tooltipRef,{placement:this.placement||"top",middleware:[R(),L(),H({padding:8}),$(12),W({element:this.arrowRef,padding:8})]});this.tooltipRef.style.left=`${t}px`;this.tooltipRef.style.top=`${e}px`;const o=r.split("-")[0];const{x:i,y:a}=n.arrow;const s=lr[o];Object.assign(this.arrowRef.style,{top:a?`${a}px`:"",left:i?`${i}px`:"",[s]:`${-this.arrowRef.offsetWidth/2}px`})}render(){return e(n,{"data-version":o},e("div",{role:"tooltip",tabindex:"-1",class:this.tooltipClasses,ref:t=>this.tooltipRef=t},e("span",{class:"arrow",ref:t=>{this.arrowRef=t}}),e("slot",null)))}get host(){return r(this)}static get watchers(){return{backgroundColor:["validateBackgroundColor"]}}};ur.style=sr;export{ur as P};
|
|
9
|
+
//# sourceMappingURL=p-fd7015ae.js.map
|