npm - @public-ui/components - Versions diffs - 4.3.1-rc.5 → 4.4.0-rc.0 - Mend

@public-ui/components 4.3.1-rc.5 → 4.4.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1085) hide show

package/dist/collection/components/input-password/style.css CHANGED Viewed

@@ -9,8 +9,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /* forward the rem function */
 /*
  * This file contains all rules for accessibility.
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -215,8 +255,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1788342613987"); /* IE9*/
-  src: url("kolicons.eot?t=1788342613987#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788342613987") format("woff2"), url("kolicons.woff?t=1788342613987") format("woff"), url("kolicons.ttf?t=1788342613987") format("truetype"), url("kolicons.svg?t=1788342613987#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1788788973815"); /* IE9*/
+  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -479,7 +519,7 @@
     align-items: flex-start;
     justify-content: flex-start;
   }
-  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,
+  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after,
   .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {
     content: "*"/"";
   }

package/dist/collection/components/input-radio/shadow.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class KolInputRadio {
         };
     }
     render() {
-        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'f9cea96a127c123a9b726b8a6b76b20f63b96257' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
+        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: '741bdde967d79621af13b57ce029666315b080aa' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
     }
     calculateDisabled(option) {
         return Boolean(this.state._disabled) || Boolean(option.disabled);

package/dist/collection/components/input-radio/style.css CHANGED Viewed

@@ -10,8 +10,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /*
  * This file contains all rules for accessibility.
  */
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -215,8 +255,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1788342613987"); /* IE9*/
-  src: url("kolicons.eot?t=1788342613987#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788342613987") format("woff2"), url("kolicons.woff?t=1788342613987") format("woff"), url("kolicons.ttf?t=1788342613987") format("truetype"), url("kolicons.svg?t=1788342613987#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1788788973815"); /* IE9*/
+  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -539,7 +579,7 @@
     align-items: flex-start;
     justify-content: flex-start;
   }
-  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,
+  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after,
   .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {
     content: "*"/"";
   }

package/dist/collection/components/input-range/shadow.js CHANGED Viewed

@@ -84,7 +84,7 @@ export class KolInputRange {
         const inputsWrapperStyle = {
             '--kolibri-input-range--input-number--width': `calc(${Math.max(String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length, String((_b = this.state._min) !== null && _b !== void 0 ? _b : 0).length, 4)}ch + 2em)`,
         };
-        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'e7d8c5cfecbefdcaa05ac019f985a4ce3fbbca40' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: '6a5fd3fb40556c13170fddcc41a7f45b75b30f52', state: this.state }, h("div", { key: 'd15d9bd45d2244a88d47920de8f14bfe75de3b94', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, h(KolInputStateWrapperFc, Object.assign({ key: 'db748718fa054fe12d5cd92d486c563c4a21b966', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), h(KolInputStateWrapperFc, Object.assign({ key: '01350d55d8f11c0116c1c6a6d5a315c7a44a3cbd', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && h(KolSuggestionsFc, { key: 'f78cfb07aa676d266fb5d72019b7061f3ea44e92', id: this.state._id, suggestions: this.state._suggestions }))));
+        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'a81a9873b8bb27920603ca7bffaa2f84fb5f0925' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: '736df634d8788f4760bce64c5c28a876183a3fe3', state: this.state }, h("div", { key: '6851d70e22358a36ab5b2a958aa3a96cc0eac92e', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, h(KolInputStateWrapperFc, Object.assign({ key: '1c18dd65e38e3b119ebb752865cf582fd3071edc', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), h(KolInputStateWrapperFc, Object.assign({ key: '08ee19c70ebf77f16ca994fda71dc6bb3b36373e', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && h(KolSuggestionsFc, { key: 'e95e4ef38780d70c063d068b495fd948b7b33cb5', id: this.state._id, suggestions: this.state._suggestions }))));
     }
     constructor() {
         this.ctaRef = createCtaRef();

package/dist/collection/components/input-range/style.css CHANGED Viewed

@@ -9,8 +9,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /* forward the rem function */
 /*
  * This file contains all rules for accessibility.
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -215,8 +255,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1788342613987"); /* IE9*/
-  src: url("kolicons.eot?t=1788342613987#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788342613987") format("woff2"), url("kolicons.woff?t=1788342613987") format("woff"), url("kolicons.ttf?t=1788342613987") format("truetype"), url("kolicons.svg?t=1788342613987#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1788788973815"); /* IE9*/
+  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -479,7 +519,7 @@
     align-items: flex-start;
     justify-content: flex-start;
   }
-  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,
+  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after,
   .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {
     content: "*"/"";
   }

package/dist/collection/components/input-text/shadow.js CHANGED Viewed

@@ -80,7 +80,7 @@ export class KolInputText {
         return Object.assign(Object.assign({ ref: this.ctaRef, state: this.state, ariaDescribedBy }, this.controller.onFacade), { onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown });
     }
     render() {
-        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: '3bffe6a07b61c4545ab4408cd5d5173ca2154d0d' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: '89e7f41bddee2b84a0b1964473a306ce5e97acfe', state: this.state, endAdornment: this.getClearButton() }, h(KolInputStateWrapperFc, Object.assign({ key: '13fe4c45dbf8c6a336adf509686452bfeca132fa' }, this.getInputProps())))));
+        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'cc7df47dd5bb6d1da405a046bc9186a9c93df8d3' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: '3967c8c80fd0359d591ff6efdabee9a5a86b806a', state: this.state, endAdornment: this.getClearButton() }, h(KolInputStateWrapperFc, Object.assign({ key: '98879170d8a30ac966b6acfc534a47e856fd4897' }, this.getInputProps())))));
     }
     validateAriaDetails(value) {
         this.controller.validateAriaDetails(value);

package/dist/collection/components/input-text/style.css CHANGED Viewed

@@ -9,8 +9,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /* forward the rem function */
 /*
  * This file contains all rules for accessibility.
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -215,8 +255,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1788342613987"); /* IE9*/
-  src: url("kolicons.eot?t=1788342613987#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788342613987") format("woff2"), url("kolicons.woff?t=1788342613987") format("woff"), url("kolicons.ttf?t=1788342613987") format("truetype"), url("kolicons.svg?t=1788342613987#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1788788973815"); /* IE9*/
+  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -479,7 +519,7 @@
     align-items: flex-start;
     justify-content: flex-start;
   }
-  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,
+  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after,
   .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {
     content: "*"/"";
   }

package/dist/collection/components/kolibri/shadow.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class KolKolibri {
     }
     render() {
         const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
-        return (h("svg", { key: '911be2d35e44ea6fe17ea3fecc1b9ea85c40e049', class: "kol-kolibri", role: "img", "aria-label": this.translateKolibriLogo, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, h("path", { key: '4267c4a8c198dc03a83e4050013633dc0481708b', d: "M353 322L213 304V434L353 322Z" }), h("path", { key: 'f96c7ff8c71e42693c1ee57cc809434e17a063aa', d: "M209 564V304L149 434L209 564Z" }), h("path", { key: '96ea17694f9ae53b634a24d94c5299f7a0ef9a46', d: "M357 316L417 250L361 210L275 244L357 316Z" }), h("path", { key: 'cfa648bbd2be1d2243ed86bf08e88c45e06b5bc5', d: "M329 218L237 92L250 222L272 241L329 218Z" }), h("path", { key: '133c582108e450a5c6857597f307359b2bab2d34', d: "M353 318L35 36L213 300L353 318Z" }), h("path", { key: '68de893c1a36d0bc753d24c3f8e46a0f108d4b65', d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (h("text", { key: '2f7636461b282ffa62e52677f78e6ba1b526878d', class: "kol-kolibri__text", x: "250", y: "525", fill: fillColor }, "KoliBri"))));
+        return (h("svg", { key: '70351f260a6b9c447f845208c5860a984e6d9c1e', class: "kol-kolibri", role: "img", "aria-label": this.translateKolibriLogo, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, h("path", { key: 'a032a1c94f3f642564e6f26c600ad980a589b6bb', d: "M353 322L213 304V434L353 322Z" }), h("path", { key: 'f777f3b36484a2c33a18cd542f10ab54eb96e4e8', d: "M209 564V304L149 434L209 564Z" }), h("path", { key: '1574d2fc8fcb8d9dd029ac9d47ca7943cc091f9d', d: "M357 316L417 250L361 210L275 244L357 316Z" }), h("path", { key: 'cbaa1aab5861105eeeb64cb68b017243a6f59fe3', d: "M329 218L237 92L250 222L272 241L329 218Z" }), h("path", { key: '1d3c9ab278a28320dedf7893d18d20434e77a84a', d: "M353 318L35 36L213 300L353 318Z" }), h("path", { key: '1fc3a9c128e97fddf8a2ffe0452072fb2bfb7338', d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (h("text", { key: '07f658100130052f51b5117588caf052d28fd93b', class: "kol-kolibri__text", x: "250", y: "525", fill: fillColor }, "KoliBri"))));
     }
     validateColor(value) {
         validateColor(this, value, {

package/dist/collection/components/kolibri/style.css CHANGED Viewed

@@ -10,8 +10,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /*
  * This file contains all rules for accessibility.
  */
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style

package/dist/collection/components/link/component.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { linkPropsConfig } from "../../internal/functional-components/link/api";
 import { LinkFC } from "../../internal/functional-components/link/component";
 import { TooltipBehavior } from "../../internal/functional-components/tooltip/behavior";
 import { accessKeyProp, ariaControlsProp, ariaCurrentValueProp, ariaDescriptionProp, ariaExpandedProp, disabledProp, downloadProp, hideLabelProp, hrefProp, inlineProp, labelWithExpertSlotProp, linkCallbacksProp, linkTargetProp, shortKeyProp, spanIconsProp, tooltipAlignProp, variantProp, } from "../../internal/props";
+import { setEventTarget } from "../../schema";
 import { validateAccessAndShortKey } from "../../schema/validators/access-and-short-key";
 import { nonce } from "../../utils/dev.utils";
 import { createCtaRef, delegateFocus } from "../../utils/element-interaction";
@@ -27,6 +28,7 @@ export class KolLink extends BaseWebComponent {
             const href = this.getRenderProp('href');
             const on = this.getRenderProp('on');
             if (typeof (on === null || on === void 0 ? void 0 : on.onClick) === 'function') {
+                setEventTarget(event, this.ctaRef.el);
                 on.onClick(event, href);
             }
             if (this.host) {
@@ -114,7 +116,7 @@ export class KolLink extends BaseWebComponent {
     }
     async focus(options) { }
     render() {
-        return (h(Host, { key: '6593f5551e030a209ef779942dbeabd2d1f5f06c' }, h(LinkFC, { key: '4c0726d84a8f9983e8e438bd0dd88cf1824fe9d5', accessKey: this.getRenderProp('accessKey'), ariaControls: this.getRenderProp('ariaControls'), ariaCurrent: this.ariaCurrent, ariaCurrentValue: this.getRenderProp('ariaCurrentValue'), ariaDescription: this.getRenderProp('ariaDescription'), ariaDescriptionId: this.ariaDescriptionId, ariaExpanded: this.getRenderProp('ariaExpanded'), ariaOwns: this.getRenderProp('ariaOwns'), customClass: this.getRenderProp('customClass'), disabled: this.getRenderProp('disabled'), download: this.getRenderProp('download'), handleAnchorClick: this.handleAnchorClick, hideLabel: this.getRenderProp('hideLabel'), href: this.getRenderProp('href'), icons: this.getRenderProp('icons'), inline: this.getRenderProp('inline'), label: this.getRenderProp('label'), on: this.getRenderProp('on'), refAnchor: this.setAnchorRef, refTooltip: this.tooltipBehavior.setTooltipElementRef, role: this.getRenderProp('role'), shortKey: this.getRenderProp('shortKey'), tabIndex: this.getRenderProp('tabIndex'), target: this.getRenderProp('target'), tooltipAlign: this.getRenderProp('tooltipAlign'), variant: this.getRenderProp('variant'), expertSlot: this.expertSlot })));
+        return (h(Host, { key: '1c5bfe83be282e193870ab348b3ff0e6239a3d4a' }, h(LinkFC, { key: '90755b7d905815979c11a1f2bb1400a7cf326b52', accessKey: this.getRenderProp('accessKey'), ariaControls: this.getRenderProp('ariaControls'), ariaCurrent: this.ariaCurrent, ariaCurrentValue: this.getRenderProp('ariaCurrentValue'), ariaDescription: this.getRenderProp('ariaDescription'), ariaDescriptionId: this.ariaDescriptionId, ariaExpanded: this.getRenderProp('ariaExpanded'), ariaOwns: this.getRenderProp('ariaOwns'), customClass: this.getRenderProp('customClass'), disabled: this.getRenderProp('disabled'), download: this.getRenderProp('download'), handleAnchorClick: this.handleAnchorClick, hideLabel: this.getRenderProp('hideLabel'), href: this.getRenderProp('href'), icons: this.getRenderProp('icons'), inline: this.getRenderProp('inline'), label: this.getRenderProp('label'), on: this.getRenderProp('on'), refAnchor: this.setAnchorRef, refTooltip: this.tooltipBehavior.setTooltipElementRef, role: this.getRenderProp('role'), shortKey: this.getRenderProp('shortKey'), tabIndex: this.getRenderProp('tabIndex'), target: this.getRenderProp('target'), tooltipAlign: this.getRenderProp('tooltipAlign'), variant: this.getRenderProp('variant'), expertSlot: this.expertSlot })));
     }
     watchAccessKey(value) {
         accessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));

package/dist/collection/components/link/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/link/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { LinkApi } from '../../internal/functional-components/link/api';\nimport { linkPropsConfig } from '../../internal/functional-components/link/api';\nimport { LinkFC } from '../../internal/functional-components/link/component';\nimport { TooltipBehavior } from '../../internal/functional-components/tooltip/behavior';\nimport {\n\taccessKeyProp,\n\tariaControlsProp,\n\tariaCurrentValueProp,\n\tariaDescriptionProp,\n\tariaExpandedProp,\n\tdisabledProp,\n\tdownloadProp,\n\thideLabelProp,\n\threfProp,\n\tinlineProp,\n\tlabelWithExpertSlotProp,\n\tlinkCallbacksProp,\n\tlinkTargetProp,\n\tshortKeyProp,\n\tspanIconsProp,\n\ttooltipAlignProp,\n\tvariantProp,\n} from '../../internal/props';\nimport type {\n\tAccessKeyPropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkOnCallbacksPropType,\n\tLinkProps,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport { nonce } from '../../utils/dev.utils';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport type { UnsubscribeFunction } from './ariaCurrentService';\nimport { onLocationChange } from './ariaCurrentService';\n\n/*\n @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n /\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolLink extends BaseWebComponent<LinkApi> implements FocusableElement, LinkProps, WebComponentInterface<LinkApi> {\n\t@Element() protected readonly host?: HTMLKolLinkElement;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLAnchorElement>();\n\n\t// --- Composed behaviors ---\n\n\tprivate readonly tooltipBehavior = new TooltipBehavior(this.stateAccess);\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\n\n\t// --- Lifecycle ---\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(linkPropsConfig);\n\t\t// The props config seeds `tabIndex` with its default `0`. An unset tabindex must not\n\t\t// render as `tabindex=\"0\"` — links are natively tabbable and the attribute would trigger\n\t\t// focus outlines that the predecessor did not draw.\n\t\tthis.setRenderProp('tabIndex', undefined as unknown as number);\n\n\t\taccessKeyProp.apply(this._accessKey, (v) => this.setRenderProp('accessKey', v));\n\t\tariaControlsProp.apply(this._ariaControls, (v) => this.setRenderProp('ariaControls', v));\n\t\tariaCurrentValueProp.apply(this._ariaCurrentValue, (v) => this.setRenderProp('ariaCurrentValue', v));\n\t\tariaDescriptionProp.apply(this._ariaDescription, (v) => this.setRenderProp('ariaDescription', v));\n\t\tariaExpandedProp.apply(this._ariaExpanded, (v) => this.setRenderProp('ariaExpanded', v));\n\t\tdisabledProp.apply(this._disabled, (v) => this.setRenderProp('disabled', v));\n\t\tdownloadProp.apply(this._download, (v) => this.setRenderProp('download', v));\n\t\thideLabelProp.apply(this._hideLabel, (v) => this.setRenderProp('hideLabel', v));\n\t\threfProp.apply(this._href, (v) => this.setRenderProp('href', v));\n\t\tspanIconsProp.apply(this._icons, (v) => this.setRenderProp('icons', v));\n\t\tinlineProp.apply(this._inline, (v) => this.setRenderProp('inline', v));\n\t\tthis.applyLabel(this._label);\n\t\tlinkCallbacksProp.apply(this._on, (v) => this.setRenderProp('on', v));\n\t\tshortKeyProp.apply(this._shortKey, (v) => this.setRenderProp('shortKey', v));\n\t\tlinkTargetProp.apply(this._target, (v) => this.setRenderProp('target', v));\n\t\tthis.applyTooltipAlign(this._tooltipAlign);\n\t\tvariantProp.apply(this._variant, (v) => this.setRenderProp('variant', v));\n\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tconst href = this.getRenderProp('href');\n\t\t\tconst ariaCurrentValue = this.getRenderProp('ariaCurrentValue');\n\t\t\tconst newValue = location === href ? ariaCurrentValue : '';\n\t\t\tif (this.getState('ariaCurrent') !== newValue) {\n\t\t\t\tthis.setState('ariaCurrent', newValue);\n\t\t\t}\n\t\t});\n\n\t\tthis.tooltipBehavior.componentWillLoad({\n\t\t\tlabel: this.getTooltipLabel(),\n\t\t\talign: this.getRenderProp('tooltipAlign'),\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.tooltipBehavior.syncListeners(undefined, this.ctaRef.el, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t\tthis.unsubscribeOnLocationChange = undefined;\n\t\t}\n\t\tthis.tooltipBehavior.destroy();\n\t}\n\n\t// --- Click handling ---\n\n\tprivate readonly handleAnchorClick = (event: Event): void => {\n\t\tthis.tooltipBehavior.hideTooltip();\n\t\tconst disabled = this.getRenderProp('disabled');\n\t\tif (disabled === true) {\n\t\t\tevent.preventDefault();\n\t\t\treturn;\n\t\t}\n\t\tconst href = this.getRenderProp('href');\n\t\tconst on = this.getRenderProp('on');\n\t\tif (typeof on?.onClick === 'function') {\n\t\t\ton.onClick(event, href);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, href);\n\t\t}\n\t};\n\n\t// --- Tooltip helpers ---\n\n\tprivate getTooltipLabel(): string {\n\t\tconst label = this.getRenderProp('label');\n\t\tif (typeof label === 'string' && label.length > 0) {\n\t\t\treturn label;\n\t\t}\n\t\tconst href = this.getRenderProp('href');\n\t\treturn typeof href === 'string' ? href : '';\n\t}\n\n\tprivate applyLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t\tthis.setState('expertSlot', value === '');\n\t\t\tthis.tooltipBehavior.watchLabel(this.getTooltipLabel());\n\t\t});\n\t}\n\n\tprivate applyTooltipAlign(value?: string): void {\n\t\ttooltipAlignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('tooltipAlign', v);\n\t\t\tthis.tooltipBehavior.watchAlign(v);\n\t\t});\n\t}\n\n\t// --- Public methods ---\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t// --- Refs ---\n\n\tprivate readonly setAnchorRef = (el?: HTMLAnchorElement): void => {\n\t\tthis.ctaRef(el);\n\t};\n\n\t// --- Render ---\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<LinkFC\n\t\t\t\t\taccessKey={this.getRenderProp('accessKey')}\n\t\t\t\t\tariaControls={this.getRenderProp('ariaControls')}\n\t\t\t\t\tariaCurrent={this.ariaCurrent}\n\t\t\t\t\tariaCurrentValue={this.getRenderProp('ariaCurrentValue')}\n\t\t\t\t\tariaDescription={this.getRenderProp('ariaDescription')}\n\t\t\t\t\tariaDescriptionId={this.ariaDescriptionId}\n\t\t\t\t\tariaExpanded={this.getRenderProp('ariaExpanded')}\n\t\t\t\t\tariaOwns={this.getRenderProp('ariaOwns')}\n\t\t\t\t\tcustomClass={this.getRenderProp('customClass')}\n\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\tdownload={this.getRenderProp('download')}\n\t\t\t\t\thandleAnchorClick={this.handleAnchorClick}\n\t\t\t\t\thideLabel={this.getRenderProp('hideLabel')}\n\t\t\t\t\thref={this.getRenderProp('href')}\n\t\t\t\t\ticons={this.getRenderProp('icons')}\n\t\t\t\t\tinline={this.getRenderProp('inline')}\n\t\t\t\t\tlabel={this.getRenderProp('label')}\n\t\t\t\t\ton={this.getRenderProp('on')}\n\t\t\t\t\trefAnchor={this.setAnchorRef}\n\t\t\t\t\trefTooltip={this.tooltipBehavior.setTooltipElementRef}\n\t\t\t\t\trole={this.getRenderProp('role')}\n\t\t\t\t\tshortKey={this.getRenderProp('shortKey')}\n\t\t\t\t\ttabIndex={this.getRenderProp('tabIndex')}\n\t\t\t\t\ttarget={this.getRenderProp('target')}\n\t\t\t\t\ttooltipAlign={this.getRenderProp('tooltipAlign')}\n\t\t\t\t\tvariant={this.getRenderProp('variant')}\n\t\t\t\t\texpertSlot={this.expertSlot}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t// --- @State ---\n\n\t@State() public ariaCurrent: string = '';\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public expertSlot: boolean = false;\n\n\t// --- Props + Watchers ---\n\n\t/\n\t Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t /\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\taccessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));\n\t}\n\n\t/\n\t Defines the value for the aria-current attribute.\n\t /\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\t@Watch('_ariaCurrentValue')\n\tpublic watchAriaCurrentValue(value?: AriaCurrentValuePropType): void {\n\t\tariaCurrentValueProp.apply(value, (v) => this.setRenderProp('ariaCurrentValue', v));\n\t}\n\n\t/\n\t Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t /\n\t@Prop() public _ariaControls?: string;\n\t@Watch('_ariaControls')\n\tpublic watchAriaControls(value?: string): void {\n\t\tariaControlsProp.apply(value, (v) => this.setRenderProp('ariaControls', v));\n\t}\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tariaDescriptionProp.apply(value, (v) => this.setRenderProp('ariaDescription', v));\n\t}\n\n\t/\n\t Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _ariaExpanded?: boolean;\n\t@Watch('_ariaExpanded')\n\tpublic watchAriaExpanded(value?: boolean): void {\n\t\tariaExpandedProp.apply(value, (v) => this.setRenderProp('ariaExpanded', v));\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tdisabledProp.apply(value, (v) => this.setRenderProp('disabled', v));\n\t}\n\n\t/\n\t Tells the browser that the link contains a file. Optionally sets the filename.\n\t /\n\t@Prop() public _download?: DownloadPropType;\n\t@Watch('_download')\n\tpublic watchDownload(value?: DownloadPropType): void {\n\t\tdownloadProp.apply(value, (v) => this.setRenderProp('download', v));\n\t}\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\thideLabelProp.apply(value, (v) => this.setRenderProp('hideLabel', v));\n\t}\n\n\t/\n\t Sets the target URI of the link or citation source.\n\t /\n\t@Prop() public _href!: HrefPropType;\n\t@Watch('_href')\n\tpublic watchHref(value?: HrefPropType): void {\n\t\threfProp.apply(value, (v) => this.setRenderProp('href', v));\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\t@Watch('_icons')\n\tpublic watchIcons(value?: Stringified<KoliBriIconsProp>): void {\n\t\tspanIconsProp.apply(value, (v) => this.setRenderProp('icons', v));\n\t}\n\n\t/\n\t Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t /\n\t@Prop() public _inline?: InlinePropType = true;\n\t@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tinlineProp.apply(value, (v) => this.setRenderProp('inline', v));\n\t}\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the callback functions for links.\n\t /\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\t@Watch('_on')\n\tpublic watchOn(value?: LinkOnCallbacksPropType): void {\n\t\tlinkCallbacksProp.apply(value, (v) => this.setRenderProp('on', v));\n\t}\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.setRenderProp('shortKey', v));\n\t}\n\n\t/\n\t Defines where to open the link.\n\t /\n\t@Prop() public _target?: LinkTargetPropType;\n\t@Watch('_target')\n\tpublic watchTarget(value?: LinkTargetPropType): void {\n\t\tlinkTargetProp.apply(value, (v) => this.setRenderProp('target', v));\n\t}\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.setRenderProp('variant', v));\n\t}\n}\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/link/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { LinkApi } from '../../internal/functional-components/link/api';\nimport { linkPropsConfig } from '../../internal/functional-components/link/api';\nimport { LinkFC } from '../../internal/functional-components/link/component';\nimport { TooltipBehavior } from '../../internal/functional-components/tooltip/behavior';\nimport {\n\taccessKeyProp,\n\tariaControlsProp,\n\tariaCurrentValueProp,\n\tariaDescriptionProp,\n\tariaExpandedProp,\n\tdisabledProp,\n\tdownloadProp,\n\thideLabelProp,\n\threfProp,\n\tinlineProp,\n\tlabelWithExpertSlotProp,\n\tlinkCallbacksProp,\n\tlinkTargetProp,\n\tshortKeyProp,\n\tspanIconsProp,\n\ttooltipAlignProp,\n\tvariantProp,\n} from '../../internal/props';\nimport type {\n\tAccessKeyPropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkOnCallbacksPropType,\n\tLinkProps,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { setEventTarget } from '../../schema';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport { nonce } from '../../utils/dev.utils';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport type { UnsubscribeFunction } from './ariaCurrentService';\nimport { onLocationChange } from './ariaCurrentService';\n\n/*\n @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n /\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolLink extends BaseWebComponent<LinkApi> implements FocusableElement, LinkProps, WebComponentInterface<LinkApi> {\n\t@Element() protected readonly host?: HTMLKolLinkElement;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLAnchorElement>();\n\n\t// --- Composed behaviors ---\n\n\tprivate readonly tooltipBehavior = new TooltipBehavior(this.stateAccess);\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\n\n\t// --- Lifecycle ---\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(linkPropsConfig);\n\t\t// The props config seeds `tabIndex` with its default `0`. An unset tabindex must not\n\t\t// render as `tabindex=\"0\"` — links are natively tabbable and the attribute would trigger\n\t\t// focus outlines that the predecessor did not draw.\n\t\tthis.setRenderProp('tabIndex', undefined as unknown as number);\n\n\t\taccessKeyProp.apply(this._accessKey, (v) => this.setRenderProp('accessKey', v));\n\t\tariaControlsProp.apply(this._ariaControls, (v) => this.setRenderProp('ariaControls', v));\n\t\tariaCurrentValueProp.apply(this._ariaCurrentValue, (v) => this.setRenderProp('ariaCurrentValue', v));\n\t\tariaDescriptionProp.apply(this._ariaDescription, (v) => this.setRenderProp('ariaDescription', v));\n\t\tariaExpandedProp.apply(this._ariaExpanded, (v) => this.setRenderProp('ariaExpanded', v));\n\t\tdisabledProp.apply(this._disabled, (v) => this.setRenderProp('disabled', v));\n\t\tdownloadProp.apply(this._download, (v) => this.setRenderProp('download', v));\n\t\thideLabelProp.apply(this._hideLabel, (v) => this.setRenderProp('hideLabel', v));\n\t\threfProp.apply(this._href, (v) => this.setRenderProp('href', v));\n\t\tspanIconsProp.apply(this._icons, (v) => this.setRenderProp('icons', v));\n\t\tinlineProp.apply(this._inline, (v) => this.setRenderProp('inline', v));\n\t\tthis.applyLabel(this._label);\n\t\tlinkCallbacksProp.apply(this._on, (v) => this.setRenderProp('on', v));\n\t\tshortKeyProp.apply(this._shortKey, (v) => this.setRenderProp('shortKey', v));\n\t\tlinkTargetProp.apply(this._target, (v) => this.setRenderProp('target', v));\n\t\tthis.applyTooltipAlign(this._tooltipAlign);\n\t\tvariantProp.apply(this._variant, (v) => this.setRenderProp('variant', v));\n\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tconst href = this.getRenderProp('href');\n\t\t\tconst ariaCurrentValue = this.getRenderProp('ariaCurrentValue');\n\t\t\tconst newValue = location === href ? ariaCurrentValue : '';\n\t\t\tif (this.getState('ariaCurrent') !== newValue) {\n\t\t\t\tthis.setState('ariaCurrent', newValue);\n\t\t\t}\n\t\t});\n\n\t\tthis.tooltipBehavior.componentWillLoad({\n\t\t\tlabel: this.getTooltipLabel(),\n\t\t\talign: this.getRenderProp('tooltipAlign'),\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.tooltipBehavior.syncListeners(undefined, this.ctaRef.el, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t\tthis.unsubscribeOnLocationChange = undefined;\n\t\t}\n\t\tthis.tooltipBehavior.destroy();\n\t}\n\n\t// --- Click handling ---\n\n\tprivate readonly handleAnchorClick = (event: Event): void => {\n\t\tthis.tooltipBehavior.hideTooltip();\n\t\tconst disabled = this.getRenderProp('disabled');\n\t\tif (disabled === true) {\n\t\t\tevent.preventDefault();\n\t\t\treturn;\n\t\t}\n\t\tconst href = this.getRenderProp('href');\n\t\tconst on = this.getRenderProp('on');\n\t\tif (typeof on?.onClick === 'function') {\n\t\t\tsetEventTarget(event, this.ctaRef.el);\n\t\t\ton.onClick(event, href);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, href);\n\t\t}\n\t};\n\n\t// --- Tooltip helpers ---\n\n\tprivate getTooltipLabel(): string {\n\t\tconst label = this.getRenderProp('label');\n\t\tif (typeof label === 'string' && label.length > 0) {\n\t\t\treturn label;\n\t\t}\n\t\tconst href = this.getRenderProp('href');\n\t\treturn typeof href === 'string' ? href : '';\n\t}\n\n\tprivate applyLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t\tthis.setState('expertSlot', value === '');\n\t\t\tthis.tooltipBehavior.watchLabel(this.getTooltipLabel());\n\t\t});\n\t}\n\n\tprivate applyTooltipAlign(value?: string): void {\n\t\ttooltipAlignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('tooltipAlign', v);\n\t\t\tthis.tooltipBehavior.watchAlign(v);\n\t\t});\n\t}\n\n\t// --- Public methods ---\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t// --- Refs ---\n\n\tprivate readonly setAnchorRef = (el?: HTMLAnchorElement): void => {\n\t\tthis.ctaRef(el);\n\t};\n\n\t// --- Render ---\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<LinkFC\n\t\t\t\t\taccessKey={this.getRenderProp('accessKey')}\n\t\t\t\t\tariaControls={this.getRenderProp('ariaControls')}\n\t\t\t\t\tariaCurrent={this.ariaCurrent}\n\t\t\t\t\tariaCurrentValue={this.getRenderProp('ariaCurrentValue')}\n\t\t\t\t\tariaDescription={this.getRenderProp('ariaDescription')}\n\t\t\t\t\tariaDescriptionId={this.ariaDescriptionId}\n\t\t\t\t\tariaExpanded={this.getRenderProp('ariaExpanded')}\n\t\t\t\t\tariaOwns={this.getRenderProp('ariaOwns')}\n\t\t\t\t\tcustomClass={this.getRenderProp('customClass')}\n\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\tdownload={this.getRenderProp('download')}\n\t\t\t\t\thandleAnchorClick={this.handleAnchorClick}\n\t\t\t\t\thideLabel={this.getRenderProp('hideLabel')}\n\t\t\t\t\thref={this.getRenderProp('href')}\n\t\t\t\t\ticons={this.getRenderProp('icons')}\n\t\t\t\t\tinline={this.getRenderProp('inline')}\n\t\t\t\t\tlabel={this.getRenderProp('label')}\n\t\t\t\t\ton={this.getRenderProp('on')}\n\t\t\t\t\trefAnchor={this.setAnchorRef}\n\t\t\t\t\trefTooltip={this.tooltipBehavior.setTooltipElementRef}\n\t\t\t\t\trole={this.getRenderProp('role')}\n\t\t\t\t\tshortKey={this.getRenderProp('shortKey')}\n\t\t\t\t\ttabIndex={this.getRenderProp('tabIndex')}\n\t\t\t\t\ttarget={this.getRenderProp('target')}\n\t\t\t\t\ttooltipAlign={this.getRenderProp('tooltipAlign')}\n\t\t\t\t\tvariant={this.getRenderProp('variant')}\n\t\t\t\t\texpertSlot={this.expertSlot}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t// --- @State ---\n\n\t@State() public ariaCurrent: string = '';\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public expertSlot: boolean = false;\n\n\t// --- Props + Watchers ---\n\n\t/\n\t Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t /\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\taccessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));\n\t}\n\n\t/\n\t Defines the value for the aria-current attribute.\n\t /\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\t@Watch('_ariaCurrentValue')\n\tpublic watchAriaCurrentValue(value?: AriaCurrentValuePropType): void {\n\t\tariaCurrentValueProp.apply(value, (v) => this.setRenderProp('ariaCurrentValue', v));\n\t}\n\n\t/\n\t Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t /\n\t@Prop() public _ariaControls?: string;\n\t@Watch('_ariaControls')\n\tpublic watchAriaControls(value?: string): void {\n\t\tariaControlsProp.apply(value, (v) => this.setRenderProp('ariaControls', v));\n\t}\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tariaDescriptionProp.apply(value, (v) => this.setRenderProp('ariaDescription', v));\n\t}\n\n\t/\n\t Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _ariaExpanded?: boolean;\n\t@Watch('_ariaExpanded')\n\tpublic watchAriaExpanded(value?: boolean): void {\n\t\tariaExpandedProp.apply(value, (v) => this.setRenderProp('ariaExpanded', v));\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tdisabledProp.apply(value, (v) => this.setRenderProp('disabled', v));\n\t}\n\n\t/\n\t Tells the browser that the link contains a file. Optionally sets the filename.\n\t /\n\t@Prop() public _download?: DownloadPropType;\n\t@Watch('_download')\n\tpublic watchDownload(value?: DownloadPropType): void {\n\t\tdownloadProp.apply(value, (v) => this.setRenderProp('download', v));\n\t}\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\t@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\thideLabelProp.apply(value, (v) => this.setRenderProp('hideLabel', v));\n\t}\n\n\t/\n\t Sets the target URI of the link or citation source.\n\t /\n\t@Prop() public _href!: HrefPropType;\n\t@Watch('_href')\n\tpublic watchHref(value?: HrefPropType): void {\n\t\threfProp.apply(value, (v) => this.setRenderProp('href', v));\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\t@Watch('_icons')\n\tpublic watchIcons(value?: Stringified<KoliBriIconsProp>): void {\n\t\tspanIconsProp.apply(value, (v) => this.setRenderProp('icons', v));\n\t}\n\n\t/\n\t Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t /\n\t@Prop() public _inline?: InlinePropType = true;\n\t@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tinlineProp.apply(value, (v) => this.setRenderProp('inline', v));\n\t}\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the callback functions for links.\n\t /\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\t@Watch('_on')\n\tpublic watchOn(value?: LinkOnCallbacksPropType): void {\n\t\tlinkCallbacksProp.apply(value, (v) => this.setRenderProp('on', v));\n\t}\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\t@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.setRenderProp('shortKey', v));\n\t}\n\n\t/\n\t Defines where to open the link.\n\t /\n\t@Prop() public _target?: LinkTargetPropType;\n\t@Watch('_target')\n\tpublic watchTarget(value?: LinkTargetPropType): void {\n\t\tlinkTargetProp.apply(value, (v) => this.setRenderProp('target', v));\n\t}\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n\t@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.setRenderProp('variant', v));\n\t}\n}\n"]}

package/dist/collection/components/link/style.css CHANGED Viewed

@@ -10,8 +10,10 @@
 * 3. kol-component - Component-specific styles
 * 4. kol-theme-global - Theme-specific global styles
 * 5. kol-theme-component - Theme-specific component styles
+* 6. kol-forced-colors - Defaults for forced colors and high contrast modes
+* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes
 */
-@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;
 /*
  * This file contains all rules for accessibility.
  */
@@ -128,6 +130,44 @@
     clip-path: inset(50%);
   }
 }
+/*
+ * This file contains all rules for forced-colors and highcontrast modes
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing
+ */
+@layer kol-forced-colors {
+  @media (forced-colors: active) {
+    .kol-button__text {
+      color: ButtonText;
+      background-color: ButtonFace;
+      border: 2px solid ButtonBorder;
+    }
+    .kol-button--disabled .kol-button__text {
+      color: GrayText;
+      border-color: GrayText;
+    }
+    .kol-card,
+    .kol-dialog,
+    .kol-modal,
+    .kol-drawer {
+      color: CanvasText;
+      background-color: Canvas;
+      border: 1px solid ButtonBorder;
+    }
+    .kol-pagination__button--selected .kol-button {
+      opacity: 1;
+    }
+    .kol-pagination__button--selected .kol-button__text {
+      color: SelectedItemText;
+      background-color: SelectedItem;
+    }
+    /* focus styles */
+    .kol-button:focus-visible,
+    .kol-link__anchor:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
+}
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -210,8 +250,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1788342613987"); /* IE9*/
-  src: url("kolicons.eot?t=1788342613987#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788342613987") format("woff2"), url("kolicons.woff?t=1788342613987") format("woff"), url("kolicons.ttf?t=1788342613987") format("truetype"), url("kolicons.svg?t=1788342613987#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1788788973815"); /* IE9*/
+  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {