@swisspost/internet-header 1.13.1 → 1.13.3

package/dist/cjs/{ui.service-488151be.js → ui.service-7334148b.js}

@@ -14,7 +14,7 @@
  * @returns
  */
 const userPrefersReducedMotion = () => {
-  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 };
 /**
  * Check if an element has a transition applied
@@ -24,12 +24,12 @@ const userPrefersReducedMotion = () => {
  * @returns
  */
 const elementHasTransition = (element, transition) => {
-  const style = window.getComputedStyle(element);
-  // If not specified otherwise, the default value of transition is 'all 0s ease 0s',
-  return style.transition !== 'all 0s ease 0s' && style.transition.includes(transition);
+    const style = window.getComputedStyle(element);
+    // If not specified otherwise, the default value of transition is 'all 0s ease 0s',
+    return style.transition !== 'all 0s ease 0s' && style.transition.includes(transition);
 };
 
 exports.elementHasTransition = elementHasTransition;
 exports.userPrefersReducedMotion = userPrefersReducedMotion;
 
-//# sourceMappingURL=ui.service-488151be.js.map
+//# sourceMappingURL=ui.service-7334148b.js.map

package/dist/cjs/{ui.service-488151be.js.map → ui.service-7334148b.js.map}

@@ -1 +1 @@
-{"file":"ui.service-488151be.js","mappings":";;AAAA;;;;;;;AASA;;;;;;MAMa,wBAAwB,GAAG;EACtC,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;AACvE,EAAE;AAEF;;;;;;;MAOa,oBAAoB,GAAG,CAAC,OAAoB,EAAE,UAAkB;EAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;;EAG/C,OAAO,KAAK,CAAC,UAAU,KAAK,gBAAgB,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACxF;;;;;","names":[],"sources":["src/services/ui.service.ts"],"sourcesContent":["/**\n * Check if an element with `text-overflow: ellipsis;` is fully displayed or concatenated\n * https://stackoverflow.com/questions/7738117/html-text-overflow-ellipsis-detection\n *\n * @param element Element to check. This is the element with the `text-overflow: ellipsis;` style\n * @returns\n */\nexport const isConcatenated = (element: HTMLElement) => element.offsetWidth < element.scrollWidth;\n\n/**\n * Check if user preferes reduced motion\n * Windows 10: `Windows Settings` > `Ease of Access` > `Display` > `Simplify and Personalize Windows` > `Show animations in Windows`\n *\n * @returns\n */\nexport const userPrefersReducedMotion = () => {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n};\n\n/**\n * Check if an element has a transition applied\n *\n * @param element Element to check. This is the element with the `transition` style\n * @param transition Specific transition to check for (e.g. `translate`)\n * @returns\n */\nexport const elementHasTransition = (element: HTMLElement, transition: string) => {\n  const style = window.getComputedStyle(element);\n\n  // If not specified otherwise, the default value of transition is 'all 0s ease 0s',\n  return style.transition !== 'all 0s ease 0s' && style.transition.includes(transition);\n};\n"],"version":3}
+{"file":"ui.service-7334148b.js","mappings":";;AAAA;;;;;;;AASA;;;;;;MAMa,wBAAwB,GAAG;IACtC,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;AACvE,EAAE;AAEF;;;;;;;MAOa,oBAAoB,GAAG,CAAC,OAAoB,EAAE,UAAkB;IAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;;IAG/C,OAAO,KAAK,CAAC,UAAU,KAAK,gBAAgB,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACxF;;;;;","names":[],"sources":["src/services/ui.service.ts"],"sourcesContent":["/**\n * Check if an element with `text-overflow: ellipsis;` is fully displayed or concatenated\n * https://stackoverflow.com/questions/7738117/html-text-overflow-ellipsis-detection\n *\n * @param element Element to check. This is the element with the `text-overflow: ellipsis;` style\n * @returns\n */\nexport const isConcatenated = (element: HTMLElement) => element.offsetWidth < element.scrollWidth;\n\n/**\n * Check if user preferes reduced motion\n * Windows 10: `Windows Settings` > `Ease of Access` > `Display` > `Simplify and Personalize Windows` > `Show animations in Windows`\n *\n * @returns\n */\nexport const userPrefersReducedMotion = () => {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n};\n\n/**\n * Check if an element has a transition applied\n *\n * @param element Element to check. This is the element with the `transition` style\n * @param transition Specific transition to check for (e.g. `translate`)\n * @returns\n */\nexport const elementHasTransition = (element: HTMLElement, transition: string) => {\n  const style = window.getComputedStyle(element);\n\n  // If not specified otherwise, the default value of transition is 'all 0s ease 0s',\n  return style.transition !== 'all 0s ease 0s' && style.transition.includes(transition);\n};\n"],"version":3}

package/dist/cjs/{utils-717975e0.js → utils-0a793763.js}

@@ -7,16 +7,16 @@
  * @returns Unique ID
  */
 const uniqueId = (() => {
-  let num = 0;
-  return function (prefix) {
-    prefix = prefix || '';
-    num += 1;
-    return prefix + num;
-  };
+    let num = 0;
+    return function (prefix) {
+        prefix = prefix || '';
+        num += 1;
+        return prefix + num;
+    };
 })();
 const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 
 exports.prefersReducedMotion = prefersReducedMotion;
 exports.uniqueId = uniqueId;
 
-//# sourceMappingURL=utils-717975e0.js.map
+//# sourceMappingURL=utils-0a793763.js.map

package/dist/cjs/{utils-717975e0.js.map → utils-0a793763.js.map}

@@ -1 +1 @@
-{"file":"utils-717975e0.js","mappings":";;AAAA;;;;;;MAMa,QAAQ,GAAG,CAAC;EACvB,IAAI,GAAG,GAAG,CAAC,CAAC;EACZ,OAAO,UAAU,MAAe;IAC9B,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;IACtB,GAAG,IAAI,CAAC,CAAC;IACT,OAAO,MAAM,GAAG,GAAG,CAAC;GACrB,CAAC;AACJ,CAAC,IAAI;MAEQ,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Generates a (sequential) unique ID. If prefix is given, the ID is appended to it.\n *\n * @param prefix The value to prefix the ID with\n * @returns Unique ID\n */\nexport const uniqueId = (() => {\n  let num = 0;\n  return function (prefix?: string) {\n    prefix = prefix || '';\n    num += 1;\n    return prefix + num;\n  };\n})();\n\nexport const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n"],"version":3}
+{"file":"utils-0a793763.js","mappings":";;AAAA;;;;;;MAMa,QAAQ,GAAG,CAAC;IACvB,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,OAAO,UAAU,MAAe;QAC9B,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;QACtB,GAAG,IAAI,CAAC,CAAC;QACT,OAAO,MAAM,GAAG,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC,IAAI;MAEQ,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Generates a (sequential) unique ID. If prefix is given, the ID is appended to it.\n *\n * @param prefix The value to prefix the ID with\n * @returns Unique ID\n */\nexport const uniqueId = (() => {\n  let num = 0;\n  return function (prefix?: string) {\n    prefix = prefix || '';\n    num += 1;\n    return prefix + num;\n  };\n})();\n\nexport const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n"],"version":3}

package/dist/collection/assets/i18n/translations.js

@@ -1,68 +1,68 @@
 export const translations = {
-  'Active navigation element': {
-    de: 'Aktives Navigationselement',
-    fr: 'Élément de navigation actif',
-    it: 'Elemento di navigazione attivo',
-  },
-  'Close overlay': {
-    de: 'Overlay Schliessen',
-    fr: 'Fermer la superposition',
-    it: 'Chiudi sovrapposizione',
-  },
-  'Current language is English': {
-    de: 'Die aktuelle Sprache ist Deutsch',
-    fr: 'La langue actuelle est le français',
-    it: "La lingua corrente è l'italiano",
-  },
-  'Change language': {
-    de: 'Sprache wechseln',
-    fr: 'Changer de langue',
-    it: 'Cambia lingua',
-  },
-  'Go to main content': {
-    de: 'Zum Hauptinhalt springen',
-    fr: 'Aller au contenu principal',
-    it: 'Vai al contenuto principale',
-  },
-  'Go to search': {
-    de: 'Zur Suche springen',
-    fr: 'Aller à la recherche',
-    it: 'Vai alla ricerca',
-  },
-  'Go to login': {
-    de: 'Zum Login springen',
-    fr: 'Aller au login',
-    it: 'Vai al login',
-  },
-  'Open menu': {
-    de: 'Menü öffnen',
-    fr: 'Ouvrir le menu',
-    it: 'Apri il menu',
-  },
-  'Navigate on post.ch': {
-    de: 'Navigieren auf post.ch',
-    fr: 'Naviguer sur post.ch',
-    it: 'Navigate su post.ch',
-  },
-  'Skip Links': {
-    de: 'Sprung Links',
-    fr: 'Sauter les liens',
-    it: 'Salta i link',
-  },
-  'Intermediary links': {
-    de: 'Intermediäre Links',
-    fr: 'Liens intermédiaires',
-    it: 'Collegamenti intermedi',
-  },
-  'Cookie Settings': {
-    de: 'Cookie-Einstellungen',
-    fr: 'Configurations des cookies',
-    it: 'Impostazioni dei cookie',
-  },
-  'Delete search term': {
-    de: 'Suchbegriff löschen',
-    fr: 'Supprimer le terme de recherche',
-    it: 'Elimina termine di ricerca',
-  },
+    'Active navigation element': {
+        de: 'Aktives Navigationselement',
+        fr: 'Élément de navigation actif',
+        it: 'Elemento di navigazione attivo',
+    },
+    'Close overlay': {
+        de: 'Overlay Schliessen',
+        fr: 'Fermer la superposition',
+        it: 'Chiudi sovrapposizione',
+    },
+    'Current language is English': {
+        de: 'Die aktuelle Sprache ist Deutsch',
+        fr: 'La langue actuelle est le français',
+        it: "La lingua corrente è l'italiano",
+    },
+    'Change language': {
+        de: 'Sprache wechseln',
+        fr: 'Changer de langue',
+        it: 'Cambia lingua',
+    },
+    'Go to main content': {
+        de: 'Zum Hauptinhalt springen',
+        fr: 'Aller au contenu principal',
+        it: 'Vai al contenuto principale',
+    },
+    'Go to search': {
+        de: 'Zur Suche springen',
+        fr: 'Aller à la recherche',
+        it: 'Vai alla ricerca',
+    },
+    'Go to login': {
+        de: 'Zum Login springen',
+        fr: 'Aller au login',
+        it: 'Vai al login',
+    },
+    'Open menu': {
+        de: 'Menü öffnen',
+        fr: 'Ouvrir le menu',
+        it: 'Apri il menu',
+    },
+    'Navigate on post.ch': {
+        de: 'Navigieren auf post.ch',
+        fr: 'Naviguer sur post.ch',
+        it: 'Navigate su post.ch',
+    },
+    'Skip Links': {
+        de: 'Sprung Links',
+        fr: 'Sauter les liens',
+        it: 'Salta i link',
+    },
+    'Intermediary links': {
+        de: 'Intermediäre Links',
+        fr: 'Liens intermédiaires',
+        it: 'Collegamenti intermedi',
+    },
+    'Cookie Settings': {
+        de: 'Cookie-Einstellungen',
+        fr: 'Configurations des cookies',
+        it: 'Impostazioni dei cookie',
+    },
+    'Delete search term': {
+        de: 'Suchbegriff löschen',
+        fr: 'Supprimer le terme de recherche',
+        it: 'Elimina termine di ricerca',
+    },
 };
 //# sourceMappingURL=translations.js.map

package/dist/collection/assets/i18n/translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/assets/i18n/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;EAC1B,2BAA2B,EAAE;IAC3B,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,6BAA6B;IACjC,EAAE,EAAE,gCAAgC;GACrC;EACD,eAAe,EAAE;IACf,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,wBAAwB;GAC7B;EACD,6BAA6B,EAAE;IAC7B,EAAE,EAAE,kCAAkC;IACtC,EAAE,EAAE,oCAAoC;IACxC,EAAE,EAAE,iCAAiC;GACtC;EACD,iBAAiB,EAAE;IACjB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,eAAe;GACpB;EACD,oBAAoB,EAAE;IACpB,EAAE,EAAE,0BAA0B;IAC9B,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,6BAA6B;GAClC;EACD,cAAc,EAAE;IACd,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,kBAAkB;GACvB;EACD,aAAa,EAAE;IACb,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,cAAc;GACnB;EACD,WAAW,EAAE;IACX,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,cAAc;GACnB;EACD,qBAAqB,EAAE;IACrB,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,qBAAqB;GAC1B;EACD,YAAY,EAAE;IACZ,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,cAAc;GACnB;EACD,oBAAoB,EAAE;IACpB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,wBAAwB;GAC7B;EACD,iBAAiB,EAAE;IACjB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,yBAAyB;GAC9B;EACD,oBAAoB,EAAE;IACpB,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,iCAAiC;IACrC,EAAE,EAAE,4BAA4B;GACjC;CACF,CAAC","sourcesContent":["export const translations = {\n  'Active navigation element': {\n    de: 'Aktives Navigationselement',\n    fr: 'Élément de navigation actif',\n    it: 'Elemento di navigazione attivo',\n  },\n  'Close overlay': {\n    de: 'Overlay Schliessen',\n    fr: 'Fermer la superposition',\n    it: 'Chiudi sovrapposizione',\n  },\n  'Current language is English': {\n    de: 'Die aktuelle Sprache ist Deutsch',\n    fr: 'La langue actuelle est le français',\n    it: \"La lingua corrente è l'italiano\",\n  },\n  'Change language': {\n    de: 'Sprache wechseln',\n    fr: 'Changer de langue',\n    it: 'Cambia lingua',\n  },\n  'Go to main content': {\n    de: 'Zum Hauptinhalt springen',\n    fr: 'Aller au contenu principal',\n    it: 'Vai al contenuto principale',\n  },\n  'Go to search': {\n    de: 'Zur Suche springen',\n    fr: 'Aller à la recherche',\n    it: 'Vai alla ricerca',\n  },\n  'Go to login': {\n    de: 'Zum Login springen',\n    fr: 'Aller au login',\n    it: 'Vai al login',\n  },\n  'Open menu': {\n    de: 'Menü öffnen',\n    fr: 'Ouvrir le menu',\n    it: 'Apri il menu',\n  },\n  'Navigate on post.ch': {\n    de: 'Navigieren auf post.ch',\n    fr: 'Naviguer sur post.ch',\n    it: 'Navigate su post.ch',\n  },\n  'Skip Links': {\n    de: 'Sprung Links',\n    fr: 'Sauter les liens',\n    it: 'Salta i link',\n  },\n  'Intermediary links': {\n    de: 'Intermediäre Links',\n    fr: 'Liens intermédiaires',\n    it: 'Collegamenti intermedi',\n  },\n  'Cookie Settings': {\n    de: 'Cookie-Einstellungen',\n    fr: 'Configurations des cookies',\n    it: 'Impostazioni dei cookie',\n  },\n  'Delete search term': {\n    de: 'Suchbegriff löschen',\n    fr: 'Supprimer le terme de recherche',\n    it: 'Elimina termine di ricerca',\n  },\n};\n"]}
+{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/assets/i18n/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,2BAA2B,EAAE;QAC3B,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,6BAA6B;QACjC,EAAE,EAAE,gCAAgC;KACrC;IACD,eAAe,EAAE;QACf,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,wBAAwB;KAC7B;IACD,6BAA6B,EAAE;QAC7B,EAAE,EAAE,kCAAkC;QACtC,EAAE,EAAE,oCAAoC;QACxC,EAAE,EAAE,iCAAiC;KACtC;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,eAAe;KACpB;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,0BAA0B;QAC9B,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,6BAA6B;KAClC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,kBAAkB;KACvB;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,cAAc;KACnB;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,cAAc;KACnB;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,qBAAqB;KAC1B;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,cAAc;KACnB;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,wBAAwB;KAC7B;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,yBAAyB;KAC9B;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,iCAAiC;QACrC,EAAE,EAAE,4BAA4B;KACjC;CACF,CAAC","sourcesContent":["export const translations = {\n  'Active navigation element': {\n    de: 'Aktives Navigationselement',\n    fr: 'Élément de navigation actif',\n    it: 'Elemento di navigazione attivo',\n  },\n  'Close overlay': {\n    de: 'Overlay Schliessen',\n    fr: 'Fermer la superposition',\n    it: 'Chiudi sovrapposizione',\n  },\n  'Current language is English': {\n    de: 'Die aktuelle Sprache ist Deutsch',\n    fr: 'La langue actuelle est le français',\n    it: \"La lingua corrente è l'italiano\",\n  },\n  'Change language': {\n    de: 'Sprache wechseln',\n    fr: 'Changer de langue',\n    it: 'Cambia lingua',\n  },\n  'Go to main content': {\n    de: 'Zum Hauptinhalt springen',\n    fr: 'Aller au contenu principal',\n    it: 'Vai al contenuto principale',\n  },\n  'Go to search': {\n    de: 'Zur Suche springen',\n    fr: 'Aller à la recherche',\n    it: 'Vai alla ricerca',\n  },\n  'Go to login': {\n    de: 'Zum Login springen',\n    fr: 'Aller au login',\n    it: 'Vai al login',\n  },\n  'Open menu': {\n    de: 'Menü öffnen',\n    fr: 'Ouvrir le menu',\n    it: 'Apri il menu',\n  },\n  'Navigate on post.ch': {\n    de: 'Navigieren auf post.ch',\n    fr: 'Naviguer sur post.ch',\n    it: 'Navigate su post.ch',\n  },\n  'Skip Links': {\n    de: 'Sprung Links',\n    fr: 'Sauter les liens',\n    it: 'Salta i link',\n  },\n  'Intermediary links': {\n    de: 'Intermediäre Links',\n    fr: 'Liens intermédiaires',\n    it: 'Collegamenti intermedi',\n  },\n  'Cookie Settings': {\n    de: 'Cookie-Einstellungen',\n    fr: 'Configurations des cookies',\n    it: 'Impostazioni dei cookie',\n  },\n  'Delete search term': {\n    de: 'Suchbegriff löschen',\n    fr: 'Supprimer le terme de recherche',\n    it: 'Elimina termine di ricerca',\n  },\n};\n"]}

package/dist/collection/collection-manifest.json

@@ -13,8 +13,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.6.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/post-internet-breadcrumbs/components/breadcrumb-list.component.js

@@ -3,9 +3,9 @@ import { SvgIcon } from "../../../utils/svg-icon.component";
 import { MiddleDropdown } from "./middle-dropdown.component";
 import { MiddleLinks } from "./middle-links.component";
 export const BreadcrumbList = (props) => {
-  var _a;
-  const homeItem = props.items[0];
-  const lastItem = props.items[props.items.length - 1];
-  return (h("ol", { class: "no-list breadcrumbs-list" }, h("li", null, h("a", { class: "home-link nav-link", href: homeItem.url, tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, homeItem.text), h(SvgIcon, { name: "pi-home" })), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" })), props.isConcatenated ? (h("li", null, h(MiddleDropdown, { items: props.items, dropdownOpen: (_a = props.dropdownOpen) !== null && _a !== void 0 ? _a : false, clickHandler: e => props.clickHandler(e), focusable: props.focusable }))) : (h(MiddleLinks, { items: props.items, icons: true, focusable: props.focusable })), h("li", null, h("a", { class: "last-link nav-link", href: lastItem.url, tabindex: props.focusable === false ? '-1' : undefined, ref: el => (props.lastItemRef !== undefined ? props.lastItemRef(el) : null) }, lastItem.text))));
+    var _a;
+    const homeItem = props.items[0];
+    const lastItem = props.items[props.items.length - 1];
+    return (h("ol", { class: "no-list breadcrumbs-list" }, h("li", null, h("a", { class: "home-link nav-link", href: homeItem.url, tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, homeItem.text), h(SvgIcon, { name: "pi-home" })), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" })), props.isConcatenated ? (h("li", null, h(MiddleDropdown, { items: props.items, dropdownOpen: (_a = props.dropdownOpen) !== null && _a !== void 0 ? _a : false, clickHandler: e => props.clickHandler(e), focusable: props.focusable }))) : (h(MiddleLinks, { items: props.items, icons: true, focusable: props.focusable })), h("li", null, h("a", { class: "last-link nav-link", href: lastItem.url, tabindex: props.focusable === false ? '-1' : undefined, ref: el => (props.lastItemRef !== undefined ? props.lastItemRef(el) : null) }, lastItem.text))));
 };
 //# sourceMappingURL=breadcrumb-list.component.js.map

package/dist/collection/components/post-internet-breadcrumbs/components/breadcrumb-list.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-list.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/breadcrumb-list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAO9B,EAAE,EAAE;;EACH,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;EAErD,OAAO,CACL,UAAI,KAAK,EAAC,0BAA0B;IAClC;MACE,SACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAEtD,YAAM,KAAK,EAAC,iBAAiB,IAAE,QAAQ,CAAC,IAAI,CAAQ;QACpD,EAAC,OAAO,IAAC,IAAI,EAAC,SAAS,GAAG,CACxB;MACJ,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW,CAC7D;IACJ,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACtB;MACE,EAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,EACzC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC7E;IACD;MAEE,SACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAE1E,QAAQ,CAAC,IAAI,CACZ,CACD,CACF,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { MiddleDropdown } from './middle-dropdown.component';\nimport { MiddleLinks } from './middle-links.component';\n\nexport const BreadcrumbList = (props: {\n  items: IBreadcrumbItem[];\n  dropdownOpen?: boolean;\n  isConcatenated?: boolean;\n  clickHandler: (event?: MouseEvent) => void;\n  lastItemRef?: (element: HTMLElement | undefined) => void;\n  focusable?: boolean;\n}) => {\n  const homeItem = props.items[0];\n  const lastItem = props.items[props.items.length - 1];\n\n  return (\n    <ol class=\"no-list breadcrumbs-list\">\n      <li>\n        <a\n          class=\"home-link nav-link\"\n          href={homeItem.url}\n          tabindex={props.focusable === false ? '-1' : undefined}\n        >\n          <span class=\"visually-hidden\">{homeItem.text}</span>\n          <SvgIcon name=\"pi-home\" />\n        </a>\n        <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon>\n      </li>\n      {props.isConcatenated ? (\n        <li>\n          <MiddleDropdown\n            items={props.items}\n            dropdownOpen={props.dropdownOpen ?? false}\n            clickHandler={e => props.clickHandler(e)}\n            focusable={props.focusable}\n          />\n        </li>\n      ) : (\n        <MiddleLinks items={props.items} icons={true} focusable={props.focusable} />\n      )}\n      <li>\n        {/* For some reason, ref is executed twice when resizing above threshold and the second time around, el is null. Thereafter the ellipsis detection does not work anymore due to the null reference. */}\n        <a\n          class=\"last-link nav-link\"\n          href={lastItem.url}\n          tabindex={props.focusable === false ? '-1' : undefined}\n          ref={el => (props.lastItemRef !== undefined ? props.lastItemRef(el) : null)}\n        >\n          {lastItem.text}\n        </a>\n      </li>\n    </ol>\n  );\n};\n"]}
+{"version":3,"file":"breadcrumb-list.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/breadcrumb-list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAO9B,EAAE,EAAE;;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,UAAI,KAAK,EAAC,0BAA0B;QAClC;YACE,SACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;gBAEtD,YAAM,KAAK,EAAC,iBAAiB,IAAE,QAAQ,CAAC,IAAI,CAAQ;gBACpD,EAAC,OAAO,IAAC,IAAI,EAAC,SAAS,GAAG,CACxB;YACJ,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW,CAC7D;QACJ,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACtB;YACE,EAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,EACzC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC7E;QACD;YAEE,SACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAE1E,QAAQ,CAAC,IAAI,CACZ,CACD,CACF,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { MiddleDropdown } from './middle-dropdown.component';\nimport { MiddleLinks } from './middle-links.component';\n\nexport const BreadcrumbList = (props: {\n  items: IBreadcrumbItem[];\n  dropdownOpen?: boolean;\n  isConcatenated?: boolean;\n  clickHandler: (event?: MouseEvent) => void;\n  lastItemRef?: (element: HTMLElement | undefined) => void;\n  focusable?: boolean;\n}) => {\n  const homeItem = props.items[0];\n  const lastItem = props.items[props.items.length - 1];\n\n  return (\n    <ol class=\"no-list breadcrumbs-list\">\n      <li>\n        <a\n          class=\"home-link nav-link\"\n          href={homeItem.url}\n          tabindex={props.focusable === false ? '-1' : undefined}\n        >\n          <span class=\"visually-hidden\">{homeItem.text}</span>\n          <SvgIcon name=\"pi-home\" />\n        </a>\n        <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon>\n      </li>\n      {props.isConcatenated ? (\n        <li>\n          <MiddleDropdown\n            items={props.items}\n            dropdownOpen={props.dropdownOpen ?? false}\n            clickHandler={e => props.clickHandler(e)}\n            focusable={props.focusable}\n          />\n        </li>\n      ) : (\n        <MiddleLinks items={props.items} icons={true} focusable={props.focusable} />\n      )}\n      <li>\n        {/* For some reason, ref is executed twice when resizing above threshold and the second time around, el is null. Thereafter the ellipsis detection does not work anymore due to the null reference. */}\n        <a\n          class=\"last-link nav-link\"\n          href={lastItem.url}\n          tabindex={props.focusable === false ? '-1' : undefined}\n          ref={el => (props.lastItemRef !== undefined ? props.lastItemRef(el) : null)}\n        >\n          {lastItem.text}\n        </a>\n      </li>\n    </ol>\n  );\n};\n"]}

package/dist/collection/components/post-internet-breadcrumbs/components/focus-trap.component.js

@@ -10,33 +10,33 @@ let key = 0;
  * @returns
  */
 export const FocusTrap = (props, children) => {
-  var _a;
-  // Default value for active is true
-  const active = (_a = props.active) !== null && _a !== void 0 ? _a : false;
-  const handleFocusIn = (event, mode) => {
-    if (!children.length) {
-      return;
-    }
-    // Try to get a list of tabbable elements
-    const containerIndex = mode === 'first' ? 0 : children.length - 1;
-    const container = children[containerIndex].$elm$;
-    const focusable = tabbable(container);
-    if (!focusable.length) {
-      return;
-    }
-    // We can trap the focus, cancel the event
-    event.preventDefault();
-    event.stopPropagation();
-    // Select the appropriate element from the list
-    const focusIndex = mode === 'first' ? 0 : focusable.length - 1;
-    let focusElement = focusable[focusIndex];
-    focusElement.focus();
-  };
-  key++;
-  return [
-    h("input", { type: "text", "aria-hidden": "true", class: "visually-hidden", key: `focus-trap-before-${key}`, onFocusin: e => active && handleFocusIn(e, 'last') }),
-    children,
-    h("input", { type: "text", "aria-hidden": "true", class: "visually-hidden", key: `focus-trap-after-${key}`, onFocusin: e => active && handleFocusIn(e, 'first') }),
-  ];
+    var _a;
+    // Default value for active is true
+    const active = (_a = props.active) !== null && _a !== void 0 ? _a : false;
+    const handleFocusIn = (event, mode) => {
+        if (!children.length) {
+            return;
+        }
+        // Try to get a list of tabbable elements
+        const containerIndex = mode === 'first' ? 0 : children.length - 1;
+        const container = children[containerIndex].$elm$;
+        const focusable = tabbable(container);
+        if (!focusable.length) {
+            return;
+        }
+        // We can trap the focus, cancel the event
+        event.preventDefault();
+        event.stopPropagation();
+        // Select the appropriate element from the list
+        const focusIndex = mode === 'first' ? 0 : focusable.length - 1;
+        let focusElement = focusable[focusIndex];
+        focusElement.focus();
+    };
+    key++;
+    return [
+        h("input", { type: "text", "aria-hidden": "true", class: "visually-hidden", key: `focus-trap-before-${key}`, onFocusin: e => active && handleFocusIn(e, 'last') }),
+        children,
+        h("input", { type: "text", "aria-hidden": "true", class: "visually-hidden", key: `focus-trap-after-${key}`, onFocusin: e => active && handleFocusIn(e, 'first') }),
+    ];
 };
 //# sourceMappingURL=focus-trap.component.js.map

package/dist/collection/components/post-internet-breadcrumbs/components/focus-trap.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-trap.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/focus-trap.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,IAAI,GAAG,GAAG,CAAC,CAAC;AAEZ;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAA8C,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;;EACtF,mCAAmC;EACnC,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,KAAK,CAAC;EAErC,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,IAAsB,EAAE,EAAE;IAClE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;MACpB,OAAO;KACR;IAED,yCAAyC;IACzC,MAAM,cAAc,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC;IACjD,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEtC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;MACrB,OAAO;KACR;IAED,0CAA0C;IAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,+CAA+C;IAC/C,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/D,IAAI,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACzC,YAAY,CAAC,KAAK,EAAE,CAAC;EACvB,CAAC,CAAC;EAEF,GAAG,EAAE,CAAC;EAEN,OAAO;IACL,aACE,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,qBAAqB,GAAG,EAAE,EAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,GAClD;IACF,QAAQ;IACR,aACE,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,oBAAoB,GAAG,EAAE,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,EAAE,OAAO,CAAC,GACnD;GACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { tabbable } from 'tabbable';\n\nlet key = 0;\n\n/**\n * Trap the focus inside a specific container by prepending/appending two focus trap\n * input boxes who return the focus into the container.\n *\n * @param props active: activate or deactivate the focus trap\n * @param children Child nodes\n * @returns\n */\nexport const FocusTrap: FunctionalComponent<{ active?: boolean }> = (props, children) => {\n  // Default value for active is true\n  const active = props.active ?? false;\n\n  const handleFocusIn = (event: FocusEvent, mode: 'first' | 'last') => {\n    if (!children.length) {\n      return;\n    }\n\n    // Try to get a list of tabbable elements\n    const containerIndex = mode === 'first' ? 0 : children.length - 1;\n    const container = children[containerIndex].$elm$;\n    const focusable = tabbable(container);\n\n    if (!focusable.length) {\n      return;\n    }\n\n    // We can trap the focus, cancel the event\n    event.preventDefault();\n    event.stopPropagation();\n\n    // Select the appropriate element from the list\n    const focusIndex = mode === 'first' ? 0 : focusable.length - 1;\n    let focusElement = focusable[focusIndex];\n    focusElement.focus();\n  };\n\n  key++;\n\n  return [\n    <input\n      type=\"text\"\n      aria-hidden=\"true\"\n      class=\"visually-hidden\"\n      key={`focus-trap-before-${key}`}\n      onFocusin={e => active && handleFocusIn(e, 'last')}\n    />,\n    children,\n    <input\n      type=\"text\"\n      aria-hidden=\"true\"\n      class=\"visually-hidden\"\n      key={`focus-trap-after-${key}`}\n      onFocusin={e => active && handleFocusIn(e, 'first')}\n    />,\n  ];\n};\n"]}
+{"version":3,"file":"focus-trap.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/focus-trap.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,IAAI,GAAG,GAAG,CAAC,CAAC;AAEZ;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAA8C,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;;IACtF,mCAAmC;IACnC,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,KAAK,CAAC;IAErC,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,IAAsB,EAAE,EAAE;QAClE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,yCAAyC;QACzC,MAAM,cAAc,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAClE,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC;QACjD,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,0CAA0C;QAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,+CAA+C;QAC/C,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/D,IAAI,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACzC,YAAY,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,GAAG,EAAE,CAAC;IAEN,OAAO;QACL,aACE,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,qBAAqB,GAAG,EAAE,EAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,GAClD;QACF,QAAQ;QACR,aACE,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,oBAAoB,GAAG,EAAE,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,EAAE,OAAO,CAAC,GACnD;KACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { tabbable } from 'tabbable';\n\nlet key = 0;\n\n/**\n * Trap the focus inside a specific container by prepending/appending two focus trap\n * input boxes who return the focus into the container.\n *\n * @param props active: activate or deactivate the focus trap\n * @param children Child nodes\n * @returns\n */\nexport const FocusTrap: FunctionalComponent<{ active?: boolean }> = (props, children) => {\n  // Default value for active is true\n  const active = props.active ?? false;\n\n  const handleFocusIn = (event: FocusEvent, mode: 'first' | 'last') => {\n    if (!children.length) {\n      return;\n    }\n\n    // Try to get a list of tabbable elements\n    const containerIndex = mode === 'first' ? 0 : children.length - 1;\n    const container = children[containerIndex].$elm$;\n    const focusable = tabbable(container);\n\n    if (!focusable.length) {\n      return;\n    }\n\n    // We can trap the focus, cancel the event\n    event.preventDefault();\n    event.stopPropagation();\n\n    // Select the appropriate element from the list\n    const focusIndex = mode === 'first' ? 0 : focusable.length - 1;\n    let focusElement = focusable[focusIndex];\n    focusElement.focus();\n  };\n\n  key++;\n\n  return [\n    <input\n      type=\"text\"\n      aria-hidden=\"true\"\n      class=\"visually-hidden\"\n      key={`focus-trap-before-${key}`}\n      onFocusin={e => active && handleFocusIn(e, 'last')}\n    />,\n    children,\n    <input\n      type=\"text\"\n      aria-hidden=\"true\"\n      class=\"visually-hidden\"\n      key={`focus-trap-after-${key}`}\n      onFocusin={e => active && handleFocusIn(e, 'first')}\n    />,\n  ];\n};\n"]}

package/dist/collection/components/post-internet-breadcrumbs/components/middle-dropdown.component.js

@@ -3,6 +3,6 @@ import { SvgIcon } from "../../../utils/svg-icon.component";
 import { MiddleLinks } from "./middle-links.component";
 import { translate } from "../../../services/language.service";
 export const MiddleDropdown = (props) => {
-  return (h("div", { class: "middle-dropdown-container" }, h("button", { class: "middle-dropdown-button btn btn-blank", type: "button", onClick: event => props.clickHandler(event), tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, translate('Open menu')), h("span", { "aria-hidden": "true" }, "...")), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }), props.dropdownOpen ? (h("nav", { "aria-label": translate('Intermediary links'), class: "middle-dropdown" }, h("ul", { class: "no-list" }, h(MiddleLinks, { items: props.items, icons: false, focusable: props.focusable })))) : null));
+    return (h("div", { class: "middle-dropdown-container" }, h("button", { class: "middle-dropdown-button btn btn-blank", type: "button", onClick: event => props.clickHandler(event), tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, translate('Open menu')), h("span", { "aria-hidden": "true" }, "...")), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }), props.dropdownOpen ? (h("nav", { "aria-label": translate('Intermediary links'), class: "middle-dropdown" }, h("ul", { class: "no-list" }, h(MiddleLinks, { items: props.items, icons: false, focusable: props.focusable })))) : null));
 };
 //# sourceMappingURL=middle-dropdown.component.js.map

package/dist/collection/components/post-internet-breadcrumbs/components/middle-dropdown.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"middle-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/middle-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAK9B,EAAE,EAAE;EACH,OAAO,CACL,WAAK,KAAK,EAAC,2BAA2B;IACpC,cACE,KAAK,EAAC,sCAAsC,EAC5C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;MAEtD,YAAM,KAAK,EAAC,iBAAiB,IAAE,SAAS,CAAC,WAAW,CAAC,CAAQ;MAC7D,2BAAkB,MAAM,UAAW,CAC5B;IACT,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW;IAC/D,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,yBAAiB,SAAS,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAC,iBAAiB;MACvE,UAAI,KAAK,EAAC,SAAS;QACjB,EAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC1E,CACD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\nimport { MiddleLinks } from './middle-links.component';\nimport { translate } from '../../../services/language.service';\n\nexport const MiddleDropdown = (props: {\n  items: IBreadcrumbItem[];\n  dropdownOpen: boolean;\n  clickHandler: (event?: MouseEvent) => void;\n  focusable?: boolean;\n}) => {\n  return (\n    <div class=\"middle-dropdown-container\">\n      <button\n        class=\"middle-dropdown-button btn btn-blank\"\n        type=\"button\"\n        onClick={event => props.clickHandler(event)}\n        tabindex={props.focusable === false ? '-1' : undefined}\n      >\n        <span class=\"visually-hidden\">{translate('Open menu')}</span>\n        <span aria-hidden=\"true\">...</span>\n      </button>\n      <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon>\n      {props.dropdownOpen ? (\n        <nav aria-label={translate('Intermediary links')} class=\"middle-dropdown\">\n          <ul class=\"no-list\">\n            <MiddleLinks items={props.items} icons={false} focusable={props.focusable} />\n          </ul>\n        </nav>\n      ) : null}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"middle-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/middle-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAK9B,EAAE,EAAE;IACH,OAAO,CACL,WAAK,KAAK,EAAC,2BAA2B;QACpC,cACE,KAAK,EAAC,sCAAsC,EAC5C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YAEtD,YAAM,KAAK,EAAC,iBAAiB,IAAE,SAAS,CAAC,WAAW,CAAC,CAAQ;YAC7D,2BAAkB,MAAM,UAAW,CAC5B;QACT,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW;QAC/D,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,yBAAiB,SAAS,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAC,iBAAiB;YACvE,UAAI,KAAK,EAAC,SAAS;gBACjB,EAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC1E,CACD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\nimport { MiddleLinks } from './middle-links.component';\nimport { translate } from '../../../services/language.service';\n\nexport const MiddleDropdown = (props: {\n  items: IBreadcrumbItem[];\n  dropdownOpen: boolean;\n  clickHandler: (event?: MouseEvent) => void;\n  focusable?: boolean;\n}) => {\n  return (\n    <div class=\"middle-dropdown-container\">\n      <button\n        class=\"middle-dropdown-button btn btn-blank\"\n        type=\"button\"\n        onClick={event => props.clickHandler(event)}\n        tabindex={props.focusable === false ? '-1' : undefined}\n      >\n        <span class=\"visually-hidden\">{translate('Open menu')}</span>\n        <span aria-hidden=\"true\">...</span>\n      </button>\n      <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon>\n      {props.dropdownOpen ? (\n        <nav aria-label={translate('Intermediary links')} class=\"middle-dropdown\">\n          <ul class=\"no-list\">\n            <MiddleLinks items={props.items} icons={false} focusable={props.focusable} />\n          </ul>\n        </nav>\n      ) : null}\n    </div>\n  );\n};\n"]}

package/dist/collection/components/post-internet-breadcrumbs/components/middle-links.component.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { SvgIcon } from "../../../utils/svg-icon.component";
 export const MiddleLinks = (props) => {
-  return props.items.slice(1, -1).map(item => (h("li", { key: item.url }, h("a", { href: item.url, class: "nav-link", tabindex: props.focusable === false ? '-1' : undefined }, h("span", null, item.text)), props.icons ? h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }) : null)));
+    return props.items.slice(1, -1).map(item => (h("li", { key: item.url }, h("a", { href: item.url, class: "nav-link", tabindex: props.focusable === false ? '-1' : undefined }, h("span", null, item.text)), props.icons ? h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }) : null)));
 };
 //# sourceMappingURL=middle-links.component.js.map

package/dist/collection/components/post-internet-breadcrumbs/components/middle-links.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"middle-links.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/middle-links.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAG5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAI3B,EAAE,EAAE;EACH,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1C,UAAI,GAAG,EAAE,IAAI,CAAC,GAAG;IACf,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;MACxF,gBAAO,IAAI,CAAC,IAAI,CAAQ,CACtB;IACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW,CAAC,CAAC,CAAC,IAAI,CACnF,CACN,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\n\nexport const MiddleLinks = (props: {\n  items: IBreadcrumbItem[];\n  icons?: boolean;\n  focusable?: boolean;\n}) => {\n  return props.items.slice(1, -1).map(item => (\n    <li key={item.url}>\n      <a href={item.url} class=\"nav-link\" tabindex={props.focusable === false ? '-1' : undefined}>\n        <span>{item.text}</span>\n      </a>\n      {props.icons ? <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon> : null}\n    </li>\n  ));\n};\n"]}
+{"version":3,"file":"middle-links.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/middle-links.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAG5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAI3B,EAAE,EAAE;IACH,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1C,UAAI,GAAG,EAAE,IAAI,CAAC,GAAG;QACf,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACxF,gBAAO,IAAI,CAAC,IAAI,CAAQ,CACtB;QACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,GAAW,CAAC,CAAC,CAAC,IAAI,CACnF,CACN,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbItem } from '../../../models/breadcrumbs.model';\n\nexport const MiddleLinks = (props: {\n  items: IBreadcrumbItem[];\n  icons?: boolean;\n  focusable?: boolean;\n}) => {\n  return props.items.slice(1, -1).map(item => (\n    <li key={item.url}>\n      <a href={item.url} class=\"nav-link\" tabindex={props.focusable === false ? '-1' : undefined}>\n        <span>{item.text}</span>\n      </a>\n      {props.icons ? <SvgIcon name=\"pi-arrow-down\" classNames=\"rotate-270\"></SvgIcon> : null}\n    </li>\n  ));\n};\n"]}

package/dist/collection/components/post-internet-breadcrumbs/components/overlay.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/overlay.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAOhC,EAAE,EAAE,CAAC,CACJ,WACE,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EACnE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;EAEhD,WAAK,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ;IAClC,EAAC,SAAS;MACR,WACE,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAC,IAAI,CAAC,uBAAuB,EACrC,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;QAEjC,cACE,KAAK,EAAE,qEAAqE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE;UAE9B,YAAM,KAAK,EAAC,iBAAiB,IAAE,KAAK,CAAC,eAAe,CAAQ;UAC5D,EAAC,OAAO,IAAC,IAAI,EAAC,UAAU,GAAW,CAC5B;QACT,cACE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EACzB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GACvC,CACN,CACI;IACZ,WAAK,KAAK,EAAC,gBAAgB;MACzB,WAAK,KAAK,EAAC,QAAQ,GAAO,CACtB,CACF,CACF,CACP,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbOverlay } from '../../../models/breadcrumbs.model';\nimport { FocusTrap } from './focus-trap.component';\n\n/**\n * Overlay implementation with focus trap according to\n * https://www.accessibility-developer-guide.com/examples/widgets/dialog/#modal-dialog\n *\n * @param props\n * @returns\n */\nexport const OverlayComponent = (props: {\n  overlay: IBreadcrumbOverlay;\n  onClick: () => void;\n  onKeyDown?: (event?: KeyboardEvent) => void;\n  iFrameRef: (element: HTMLIFrameElement) => void;\n  overlayRef: (element: HTMLElement | undefined) => void;\n  closeButtonText: string;\n}) => (\n  <div\n    class=\"overlay\"\n    onClick={() => props.onClick()}\n    onKeyDown={e => props.onKeyDown !== undefined && props.onKeyDown(e)}\n    ref={e => e !== undefined && props.overlayRef(e)}\n  >\n    <div class=\"container\" role=\"dialog\">\n      <FocusTrap>\n        <div\n          class=\"overlay-container\"\n          tabindex=\"-1\" /* For initial focus */\n          role=\"document\"\n          onClick={e => e.stopPropagation()}\n        >\n          <button\n            class={`overlay-close btn-blank d-inline-flex align-items-center nav-link ${props.overlay.id}`}\n            onClick={() => props.onClick()}\n          >\n            <span class=\"visually-hidden\">{props.closeButtonText}</span>\n            <SvgIcon name=\"pi-close\"></SvgIcon>\n          </button>\n          <iframe\n            src={props.overlay.target}\n            frameborder=\"0\"\n            class=\"frame\"\n            ref={e => e !== undefined && props.iFrameRef(e)}\n          ></iframe>\n        </div>\n      </FocusTrap>\n      <div class=\"loader-wrapper\">\n        <div class=\"loader\"></div>\n      </div>\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"overlay.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-breadcrumbs/components/overlay.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAOhC,EAAE,EAAE,CAAC,CACJ,WACE,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EACnE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEhD,WAAK,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ;QAClC,EAAC,SAAS;YACR,WACE,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAC,IAAI,CAAC,uBAAuB,EACrC,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;gBAEjC,cACE,KAAK,EAAE,qEAAqE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE;oBAE9B,YAAM,KAAK,EAAC,iBAAiB,IAAE,KAAK,CAAC,eAAe,CAAQ;oBAC5D,EAAC,OAAO,IAAC,IAAI,EAAC,UAAU,GAAW,CAC5B;gBACT,cACE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EACzB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GACvC,CACN,CACI;QACZ,WAAK,KAAK,EAAC,gBAAgB;YACzB,WAAK,KAAK,EAAC,QAAQ,GAAO,CACtB,CACF,CACF,CACP,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { SvgIcon } from '../../../utils/svg-icon.component';\nimport { IBreadcrumbOverlay } from '../../../models/breadcrumbs.model';\nimport { FocusTrap } from './focus-trap.component';\n\n/**\n * Overlay implementation with focus trap according to\n * https://www.accessibility-developer-guide.com/examples/widgets/dialog/#modal-dialog\n *\n * @param props\n * @returns\n */\nexport const OverlayComponent = (props: {\n  overlay: IBreadcrumbOverlay;\n  onClick: () => void;\n  onKeyDown?: (event?: KeyboardEvent) => void;\n  iFrameRef: (element: HTMLIFrameElement) => void;\n  overlayRef: (element: HTMLElement | undefined) => void;\n  closeButtonText: string;\n}) => (\n  <div\n    class=\"overlay\"\n    onClick={() => props.onClick()}\n    onKeyDown={e => props.onKeyDown !== undefined && props.onKeyDown(e)}\n    ref={e => e !== undefined && props.overlayRef(e)}\n  >\n    <div class=\"container\" role=\"dialog\">\n      <FocusTrap>\n        <div\n          class=\"overlay-container\"\n          tabindex=\"-1\" /* For initial focus */\n          role=\"document\"\n          onClick={e => e.stopPropagation()}\n        >\n          <button\n            class={`overlay-close btn-blank d-inline-flex align-items-center nav-link ${props.overlay.id}`}\n            onClick={() => props.onClick()}\n          >\n            <span class=\"visually-hidden\">{props.closeButtonText}</span>\n            <SvgIcon name=\"pi-close\"></SvgIcon>\n          </button>\n          <iframe\n            src={props.overlay.target}\n            frameborder=\"0\"\n            class=\"frame\"\n            ref={e => e !== undefined && props.iFrameRef(e)}\n          ></iframe>\n        </div>\n      </FocusTrap>\n      <div class=\"loader-wrapper\">\n        <div class=\"loader\"></div>\n      </div>\n    </div>\n  </div>\n);\n"]}

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.css

@@ -1,4 +1,4 @@
-.btn-default,.btn-secondary{border:2px solid var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary{border-color:var(--post-contrast-color)}: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) .btn-default,: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) .btn-secondary{border-color:var(--post-contrast-color)}: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) .btn-default:focus,: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) .btn-secondary:focus,: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) .btn-default:not(:disabled):hover,: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) .btn-secondary:not(:disabled):hover,: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) .pretend-hover.btn-default,: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) .pretend-hover.btn-secondary{border-color:var(--post-gray-40)}.btn-default:disabled,.btn-secondary:disabled{border-color:var(--post-gray-40);color:var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-link:focus,.btn-tertiary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.btn-link:not(:disabled):hover,.btn-tertiary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary,.pretend-hover.btn-link,.pretend-hover.btn-tertiary{color:var(--post-contrast-color)}: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) .btn-default .pi,: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) .btn-secondary .pi,: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) .btn-link .pi,: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) .btn-tertiary .pi{filter:invert(1)}.btn{min-height:3rem;font-size:1rem;gap:.625rem;outline:none;outline-offset:2px;display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:2px;border-style:solid;border-radius:4px;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--post-gray-80);font-family:inherit;font-weight:400;text-decoration:none !important;white-space:nowrap}.btn:where(:not(.btn-link,.btn-tertiary)){padding:0 1rem}.btn>.pi,.btn>post-icon{width:1.25rem;height:1.25rem}.btn:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-primary{border-color:rgba(0,0,0,0);background-color:var(--post-gray-80);color:var(--post-contrast-color-inverted)}.btn-primary:focus,.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{background-color:var(--post-contrast-color);color:var(--post-contrast-color-inverted)}: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) .btn-primary{background-color:var(--post-contrast-color);color:var(--post-gray-10)}: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) .btn-primary:focus,: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) .btn-primary:not(:disabled):hover,: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) .btn-primary.pretend-hover{background-color:var(--post-gray-80)}: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) .btn-primary:disabled{color:var(--post-gray-80)}: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) .btn-primary .pi{filter:invert(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary{border-color:var(--post-contrast-color);background-color:ButtonFace}.btn-primary:not(:disabled,.disabled):hover,.btn-primary:not(:disabled,.disabled):focus-visible{border-color:highlight}.btn-primary .pi{filter:invert(1) !important}}.btn-primary:disabled{background-color:var(--post-gray-40)}.btn-primary .pi{filter:invert(1);forced-color-adjust:none}.btn-link,.btn-tertiary{border:0;padding-inline:.25rem}.btn-link:disabled,.btn-tertiary:disabled{color:var(--post-gray-60)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link,.btn-tertiary{color:linktext;text-decoration:underline !important}}.btn-icon{min-width:3rem;padding-right:.75rem;padding-left:.75rem}.btn-icon.btn-sm{min-width:2rem;padding-right:.375rem;padding-left:.375rem}.btn-icon.btn-rg{min-width:2.5rem;padding-right:.5625rem;padding-left:.5625rem}.btn-icon.btn-lg{min-width:3.5rem;padding-right:.9375rem;padding-left:.9375rem}.btn-animated:not(.btn-link,.btn-tertiary)::after{content:"";position:absolute;right:.5rem;width:.625em;height:.625em;transform:rotateZ(315deg) translate(-2px, -2px);transform-origin:center center;transition:opacity 250ms,transform 250ms;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0}.btn-animated:not(.btn-link,.btn-tertiary).btn-sm::after{right:.25rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-rg::after{right:.375rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-lg::after{right:.625rem}.btn-animated:not(.btn-link,.btn-tertiary)>span{transition:transform 250ms}@media(prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus::after,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover::after{transform:rotateZ(315deg) translate(0, 0);opacity:1}.btn-animated:not(.btn-link,.btn-tertiary)>span{transform:translateX(0)}}.btn-sm{min-height:2rem;font-size:.75rem;gap:.375rem}.btn-sm:where(:not(.btn-link,.btn-tertiary)){padding:0 .75rem}.btn-sm>.pi,.btn-sm>post-icon{width:1rem;height:1rem}.btn-rg{min-height:2.5rem;font-size:.875rem;gap:.5rem}.btn-rg:where(:not(.btn-link,.btn-tertiary)){padding:0 .875rem}.btn-rg>.pi,.btn-rg>post-icon{width:1.125rem;height:1.125rem}.btn-lg{min-height:3.5rem;font-size:1.125rem;gap:.75rem}.btn-lg:where(:not(.btn-link,.btn-tertiary)){padding:0 1.125rem}.btn-lg>.pi,.btn-lg>post-icon{width:1.375rem;height:1.375rem}.btn-nightblue{border-color:rgba(0,0,0,0);background-color:#004976;color:#fff}.btn-nightblue:focus,.btn-nightblue:not(:disabled):hover,.btn-nightblue.pretend-hover{background-color:#002943;color:#fff}.btn-nightblue-bright{border-color:rgba(0,0,0,0);background-color:#0076a8;color:#fff}.btn-nightblue-bright:focus,.btn-nightblue-bright:not(:disabled):hover,.btn-nightblue-bright.pretend-hover{background-color:#005275;color:#fff}.btn-petrol{border-color:rgba(0,0,0,0);background-color:#006d68;color:#fff}.btn-petrol:focus,.btn-petrol:not(:disabled):hover,.btn-petrol.pretend-hover{background-color:#003a37;color:#fff}.btn-petrol-bright{border-color:rgba(0,0,0,0);background-color:#00968f;color:#000}.btn-petrol-bright:focus,.btn-petrol-bright:not(:disabled):hover,.btn-petrol-bright.pretend-hover{background-color:#00635e;color:#fff}.btn-coral{border-color:rgba(0,0,0,0);background-color:#9e2a2f;color:#fff}.btn-coral:focus,.btn-coral:not(:disabled):hover,.btn-coral.pretend-hover{background-color:#761f23;color:#fff}.btn-coral-bright{border-color:rgba(0,0,0,0);background-color:#e03c31;color:#000}.btn-coral-bright:focus,.btn-coral-bright:not(:disabled):hover,.btn-coral-bright.pretend-hover{background-color:#c1271d;color:#fff}.btn-olive{border-color:rgba(0,0,0,0);background-color:#716135;color:#fff}.btn-olive:focus,.btn-olive:not(:disabled):hover,.btn-olive.pretend-hover{background-color:#4e4325;color:#fff}.btn-olive-bright{border-color:rgba(0,0,0,0);background-color:#aa9d2e;color:#000}.btn-olive-bright:focus,.btn-olive-bright:not(:disabled):hover,.btn-olive-bright.pretend-hover{background-color:#827823;color:#000}.btn-purple{border-color:rgba(0,0,0,0);background-color:#80276c;color:#fff}.btn-purple:focus,.btn-purple:not(:disabled):hover,.btn-purple.pretend-hover{background-color:#591b4b;color:#fff}.btn-purple-bright{border-color:rgba(0,0,0,0);background-color:#c5299b;color:#fff}.btn-purple-bright:focus,.btn-purple-bright:not(:disabled):hover,.btn-purple-bright.pretend-hover{background-color:#9b207a;color:#fff}.btn-aubergine{border-color:rgba(0,0,0,0);background-color:#523178;color:#fff}.btn-aubergine:focus,.btn-aubergine:not(:disabled):hover,.btn-aubergine.pretend-hover{background-color:#392254;color:#fff}.btn-aubergine-bright{border-color:rgba(0,0,0,0);background-color:#7566a0;color:#fff}.btn-aubergine-bright:focus,.btn-aubergine-bright:not(:disabled):hover,.btn-aubergine-bright.pretend-hover{background-color:#5e5182;color:#fff}.btn-info{border-color:rgba(0,0,0,0);background-color:#cce4ee;color:#000}.btn-info:focus,.btn-info:not(:disabled):hover,.btn-info.pretend-hover{background-color:#a6d0e1;color:#000}.btn-success{border-color:rgba(0,0,0,0);background-color:#2c911c;color:#000}.btn-success:focus,.btn-success:not(:disabled):hover,.btn-success.pretend-hover{background-color:#1f6614;color:#fff}.btn-warning{border-color:rgba(0,0,0,0);background-color:#f49e00;color:#000}.btn-warning:focus,.btn-warning:not(:disabled):hover,.btn-warning.pretend-hover{background-color:#c17d00;color:#000}.btn-danger{border-color:rgba(0,0,0,0);background-color:#a51728;color:#fff}.btn-danger:focus,.btn-danger:not(:disabled):hover,.btn-danger.pretend-hover{background-color:#78111d;color:#fff}/*!
+.btn-default,.btn-secondary{border:2px solid var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary{border-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-secondary{border-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-default:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-secondary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-default:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-secondary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .pretend-hover.btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .pretend-hover.btn-secondary{border-color:var(--post-gray-40)}.btn-default:disabled,.btn-secondary:disabled{border-color:var(--post-gray-40);color:var(--post-gray-60)}.btn-default:focus,.btn-secondary:focus,.btn-link:focus,.btn-tertiary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.btn-link:not(:disabled):hover,.btn-tertiary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary,.pretend-hover.btn-link,.pretend-hover.btn-tertiary{color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-default .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-secondary .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-link .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-tertiary .pi{filter:invert(1)}.btn{min-height:3rem;font-size:1rem;gap:.625rem;outline:none;outline-offset:2px;display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:2px;border-style:solid;border-radius:4px;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--post-gray-80);font-family:inherit;font-weight:400;text-decoration:none !important;white-space:nowrap}.btn:where(:not(.btn-link,.btn-tertiary)){padding:0 1rem}.btn>.pi,.btn>post-icon{width:1.25rem;height:1.25rem}.btn:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-primary{border-color:rgba(0,0,0,0);background-color:var(--post-gray-80);color:var(--post-contrast-color-inverted)}.btn-primary:focus,.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{background-color:var(--post-contrast-color);color:var(--post-contrast-color-inverted)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary{background-color:var(--post-contrast-color);color:var(--post-gray-10)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary.pretend-hover{background-color:var(--post-gray-80)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary:disabled{color:var(--post-gray-80)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.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) .btn-primary .pi{filter:invert(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary{border-color:var(--post-contrast-color);background-color:ButtonFace}.btn-primary:not(:disabled,.disabled):hover,.btn-primary:not(:disabled,.disabled):focus-visible{border-color:highlight}.btn-primary .pi{filter:invert(1) !important}}.btn-primary:disabled{background-color:var(--post-gray-40)}.btn-primary .pi{filter:invert(1);forced-color-adjust:none}.btn-link,.btn-tertiary{border:0;padding-inline:.25rem}.btn-link:disabled,.btn-tertiary:disabled{color:var(--post-gray-60)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link,.btn-tertiary{color:linktext;text-decoration:underline !important}}.btn-icon{min-width:3rem;padding-right:.75rem;padding-left:.75rem}.btn-icon.btn-sm{min-width:2rem;padding-right:.375rem;padding-left:.375rem}.btn-icon.btn-rg{min-width:2.5rem;padding-right:.5625rem;padding-left:.5625rem}.btn-icon.btn-lg{min-width:3.5rem;padding-right:.9375rem;padding-left:.9375rem}.btn-animated:not(.btn-link,.btn-tertiary)::after{content:"";position:absolute;right:.5rem;width:.625em;height:.625em;transform:rotateZ(315deg) translate(-2px, -2px);transform-origin:center center;transition:opacity 250ms,transform 250ms;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0}.btn-animated:not(.btn-link,.btn-tertiary).btn-sm::after{right:.25rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-rg::after{right:.375rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-lg::after{right:.625rem}.btn-animated:not(.btn-link,.btn-tertiary)>span{transition:transform 250ms}@media(prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus::after,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover::after{transform:rotateZ(315deg) translate(0, 0);opacity:1}.btn-animated:not(.btn-link,.btn-tertiary)>span{transform:translateX(0)}}.btn-sm{min-height:2rem;font-size:.75rem;gap:.375rem}.btn-sm:where(:not(.btn-link,.btn-tertiary)){padding:0 .75rem}.btn-sm>.pi,.btn-sm>post-icon{width:1rem;height:1rem}.btn-rg{min-height:2.5rem;font-size:.875rem;gap:.5rem}.btn-rg:where(:not(.btn-link,.btn-tertiary)){padding:0 .875rem}.btn-rg>.pi,.btn-rg>post-icon{width:1.125rem;height:1.125rem}.btn-lg{min-height:3.5rem;font-size:1.125rem;gap:.75rem}.btn-lg:where(:not(.btn-link,.btn-tertiary)){padding:0 1.125rem}.btn-lg>.pi,.btn-lg>post-icon{width:1.375rem;height:1.375rem}.btn-nightblue{border-color:rgba(0,0,0,0);background-color:#004976;color:#fff}.btn-nightblue:focus,.btn-nightblue:not(:disabled):hover,.btn-nightblue.pretend-hover{background-color:#002943;color:#fff}.btn-nightblue-bright{border-color:rgba(0,0,0,0);background-color:#0076a8;color:#fff}.btn-nightblue-bright:focus,.btn-nightblue-bright:not(:disabled):hover,.btn-nightblue-bright.pretend-hover{background-color:#005275;color:#fff}.btn-petrol{border-color:rgba(0,0,0,0);background-color:#006d68;color:#fff}.btn-petrol:focus,.btn-petrol:not(:disabled):hover,.btn-petrol.pretend-hover{background-color:#003a37;color:#fff}.btn-petrol-bright{border-color:rgba(0,0,0,0);background-color:#00968f;color:#000}.btn-petrol-bright:focus,.btn-petrol-bright:not(:disabled):hover,.btn-petrol-bright.pretend-hover{background-color:#00635e;color:#fff}.btn-coral{border-color:rgba(0,0,0,0);background-color:#9e2a2f;color:#fff}.btn-coral:focus,.btn-coral:not(:disabled):hover,.btn-coral.pretend-hover{background-color:#761f23;color:#fff}.btn-coral-bright{border-color:rgba(0,0,0,0);background-color:#e03c31;color:#000}.btn-coral-bright:focus,.btn-coral-bright:not(:disabled):hover,.btn-coral-bright.pretend-hover{background-color:#c1271d;color:#fff}.btn-olive{border-color:rgba(0,0,0,0);background-color:#716135;color:#fff}.btn-olive:focus,.btn-olive:not(:disabled):hover,.btn-olive.pretend-hover{background-color:#4e4325;color:#fff}.btn-olive-bright{border-color:rgba(0,0,0,0);background-color:#aa9d2e;color:#000}.btn-olive-bright:focus,.btn-olive-bright:not(:disabled):hover,.btn-olive-bright.pretend-hover{background-color:#827823;color:#000}.btn-purple{border-color:rgba(0,0,0,0);background-color:#80276c;color:#fff}.btn-purple:focus,.btn-purple:not(:disabled):hover,.btn-purple.pretend-hover{background-color:#591b4b;color:#fff}.btn-purple-bright{border-color:rgba(0,0,0,0);background-color:#c5299b;color:#fff}.btn-purple-bright:focus,.btn-purple-bright:not(:disabled):hover,.btn-purple-bright.pretend-hover{background-color:#9b207a;color:#fff}.btn-aubergine{border-color:rgba(0,0,0,0);background-color:#523178;color:#fff}.btn-aubergine:focus,.btn-aubergine:not(:disabled):hover,.btn-aubergine.pretend-hover{background-color:#392254;color:#fff}.btn-aubergine-bright{border-color:rgba(0,0,0,0);background-color:#7566a0;color:#fff}.btn-aubergine-bright:focus,.btn-aubergine-bright:not(:disabled):hover,.btn-aubergine-bright.pretend-hover{background-color:#5e5182;color:#fff}.btn-info{border-color:rgba(0,0,0,0);background-color:#cce4ee;color:#000}.btn-info:focus,.btn-info:not(:disabled):hover,.btn-info.pretend-hover{background-color:#a6d0e1;color:#000}.btn-success{border-color:rgba(0,0,0,0);background-color:#2c911c;color:#fff}.btn-success:focus,.btn-success:not(:disabled):hover,.btn-success.pretend-hover{background-color:#1f6614;color:#fff}.btn-warning{border-color:rgba(0,0,0,0);background-color:#f49e00;color:#000}.btn-warning:focus,.btn-warning:not(:disabled):hover,.btn-warning.pretend-hover{background-color:#c17d00;color:#000}.btn-danger{border-color:rgba(0,0,0,0);background-color:#a51728;color:#fff}.btn-danger:focus,.btn-danger:not(:disabled):hover,.btn-danger.pretend-hover{background-color:#78111d;color:#fff}/*!
  * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.