@public-ui/sample-react 1.7.6-rc.2 → 1.7.7

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 (94) hide show
  1. package/dist/1159.js +1 -1
  2. package/dist/1474.js +1 -1
  3. package/dist/183.js +1 -1
  4. package/dist/2337.js +1 -1
  5. package/dist/2354.js +2 -0
  6. package/dist/2412.js +1 -1
  7. package/dist/2595.js +2 -0
  8. package/dist/3303.js +1 -1
  9. package/dist/3325.js +1 -1
  10. package/dist/3429.js +1 -1
  11. package/dist/3459.js +1 -1
  12. package/dist/3537.js +1 -1
  13. package/dist/3932.js +1 -1
  14. package/dist/4021.js +1 -1
  15. package/dist/4022.js +1 -1
  16. package/dist/{9733.js → 4145.js} +2 -2
  17. package/dist/4195.js +1 -1
  18. package/dist/4291.js +1 -1
  19. package/dist/4323.js +1 -1
  20. package/dist/4355.js +1 -1
  21. package/dist/4477.js +1 -1
  22. package/dist/4564.js +1 -1
  23. package/dist/4891.js +1 -1
  24. package/dist/4972.js +2 -0
  25. package/dist/5183.js +1 -1
  26. package/dist/5369.js +1 -1
  27. package/dist/5390.js +1 -1
  28. package/dist/540.js +1 -1
  29. package/dist/5862.js +1 -1
  30. package/dist/5866.js +1 -1
  31. package/dist/6012.js +1 -1
  32. package/dist/6068.js +1 -1
  33. package/dist/{9329.js → 6145.js} +2 -2
  34. package/dist/6210.js +1 -1
  35. package/dist/6320.js +1 -1
  36. package/dist/6558.js +1 -1
  37. package/dist/6813.js +1 -1
  38. package/dist/6908.js +1 -1
  39. package/dist/7029.js +1 -1
  40. package/dist/7255.js +1 -1
  41. package/dist/{9598.js → 7380.js} +2 -2
  42. package/dist/7413.js +2 -0
  43. package/dist/7447.js +1 -1
  44. package/dist/7715.js +1 -1
  45. package/dist/7722.js +1 -1
  46. package/dist/7734.js +1 -1
  47. package/dist/7801.js +1 -1
  48. package/dist/7858.js +1 -1
  49. package/dist/7955.js +1 -1
  50. package/dist/7958.js +1 -1
  51. package/dist/{2964.js → 7972.js} +2 -2
  52. package/dist/7995.js +1 -1
  53. package/dist/8061.js +1 -1
  54. package/dist/8065.js +1 -1
  55. package/dist/8073.js +1 -1
  56. package/dist/8099.js +1 -1
  57. package/dist/8111.js +1 -1
  58. package/dist/8255.js +1 -1
  59. package/dist/8291.js +1 -1
  60. package/dist/8709.js +1 -1
  61. package/dist/8761.js +1 -1
  62. package/dist/9106.js +1 -1
  63. package/dist/9734.js +1 -1
  64. package/dist/9747.js +1 -1
  65. package/dist/9792.js +1 -1
  66. package/dist/9895.js +1 -1
  67. package/dist/9963.js +1 -1
  68. package/dist/9972.js +1 -1
  69. package/dist/main.js +121 -165
  70. package/dist/main.js.LICENSE.txt +2 -2
  71. package/package.json +14 -14
  72. package/src/components/button-link/image.tsx +1 -1
  73. package/src/components/card/selection.tsx +3 -3
  74. package/src/components/handout/basic.tsx +1 -1
  75. package/src/components/image/basic.tsx +1 -1
  76. package/src/components/link/image.tsx +2 -2
  77. package/src/components/table/render-cell.tsx +2 -0
  78. package/src/react.main.tsx +12 -6
  79. package/src/scenarios/appointment-form/ErrorList.tsx +1 -1
  80. package/src/scenarios/custom-tooltip-width.tsx +6 -0
  81. package/src/scenarios/routes.ts +2 -0
  82. package/src/shares/theme.ts +2 -34
  83. package/dist/1037.js +0 -2
  84. package/dist/1804.js +0 -2
  85. package/dist/5095.js +0 -2
  86. package/dist/6686.js +0 -2
  87. /package/dist/{1037.js.LICENSE.txt → 2354.js.LICENSE.txt} +0 -0
  88. /package/dist/{1804.js.LICENSE.txt → 2595.js.LICENSE.txt} +0 -0
  89. /package/dist/{2964.js.LICENSE.txt → 4145.js.LICENSE.txt} +0 -0
  90. /package/dist/{5095.js.LICENSE.txt → 4972.js.LICENSE.txt} +0 -0
  91. /package/dist/{6686.js.LICENSE.txt → 6145.js.LICENSE.txt} +0 -0
  92. /package/dist/{9329.js.LICENSE.txt → 7380.js.LICENSE.txt} +0 -0
  93. /package/dist/{9598.js.LICENSE.txt → 7413.js.LICENSE.txt} +0 -0
  94. /package/dist/{9733.js.LICENSE.txt → 7972.js.LICENSE.txt} +0 -0
@@ -35,7 +35,7 @@
35
35
  */
36
36
 
37
37
  /**
38
- * @remix-run/router v1.13.0
38
+ * @remix-run/router v1.14.0
39
39
  *
40
40
  * Copyright (c) Remix Software Inc.
41
41
  *
@@ -46,7 +46,7 @@
46
46
  */
47
47
 
48
48
  /**
49
- * React Router v6.20.0
49
+ * React Router v6.21.0
50
50
  *
51
51
  * Copyright (c) Remix Software Inc.
52
52
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/sample-react",
3
- "version": "1.7.6-rc.2",
3
+ "version": "1.7.7",
4
4
  "description": "This app contains samples for the KoliBri/Public UI",
5
5
  "license": "EUPL-1.2",
6
6
  "dependencies": {
@@ -8,16 +8,16 @@
8
8
  "@leanup/stack-react": "1.3.48",
9
9
  "@leanup/stack-webpack": "1.3.48",
10
10
  "@public-oss/kolibri-themes": "0.0.3",
11
- "@public-ui/components": "1.7.6-rc.2",
12
- "@public-ui/react": "1.7.6-rc.2",
13
- "@public-ui/themes": "1.7.6-rc.2",
14
- "@types/node": "20.10.0",
15
- "@types/react": "18.2.38",
16
- "@types/react-dom": "18.2.17",
17
- "@unocss/preset-uno": "0.57.7",
18
- "@unocss/webpack": "0.57.7",
11
+ "@public-ui/components": "1.7.7",
12
+ "@public-ui/react": "1.7.7",
13
+ "@public-ui/themes": "1.7.7",
14
+ "@types/node": "20.10.5",
15
+ "@types/react": "18.2.45",
16
+ "@types/react-dom": "18.2.18",
17
+ "@unocss/preset-uno": "0.58.0",
18
+ "@unocss/webpack": "0.58.0",
19
19
  "ajv": "8.12.0",
20
- "chromedriver": "119.0.1",
20
+ "chromedriver": "120.0.0",
21
21
  "cpy-cli": "5.0.0",
22
22
  "eslint-plugin-jsx-a11y": "6.8.0",
23
23
  "eslint-plugin-react": "7.33.2",
@@ -26,13 +26,13 @@
26
26
  "npm-run-all": "4.1.5",
27
27
  "react": "18.2.0",
28
28
  "react-dom": "18.2.0",
29
- "react-router": "6.20.0",
30
- "react-router-dom": "6.20.0",
29
+ "react-router": "6.21.0",
30
+ "react-router-dom": "6.21.0",
31
31
  "rimraf": "3.0.2",
32
32
  "ts-prune": "0.10.3",
33
- "typescript": "5.3.2",
33
+ "typescript": "5.3.3",
34
34
  "world_countries_lists": "2.8.2",
35
- "yup": "1.3.2"
35
+ "yup": "1.3.3"
36
36
  },
37
37
  "files": [
38
38
  ".eslintignore",
@@ -8,7 +8,7 @@ export const ButtonLinkImage: FC = () => (
8
8
  <KolButtonLink _label="Ich bin ein Link, der als Text gerendert wird" />
9
9
  <br />
10
10
  <KolButtonLink _label="">
11
- <img alt="Darstellung des KoliBri-Theming" slot="expert" src="/abgrenzung.jpg" width="300" />
11
+ <img alt="Darstellung des KoliBri-Theming" slot="expert" src="abgrenzung.jpg" width="300" />
12
12
  </KolButtonLink>
13
13
  </div>
14
14
  );
@@ -20,7 +20,7 @@ export const CardSelection: FC = () => (
20
20
  </div>
21
21
  <div slot="content">
22
22
  <div>
23
- <img alt="Darstellung des KoliBri-Theming" src="/abgrenzung.jpg" width="100%" />
23
+ <img alt="Darstellung des KoliBri-Theming" src="abgrenzung.jpg" width="100%" />
24
24
  </div>
25
25
  </div>
26
26
  <div slot="footer">
@@ -38,7 +38,7 @@ export const CardSelection: FC = () => (
38
38
  </div>
39
39
  <div slot="content">
40
40
  <div>
41
- <img alt="Darstellung des KoliBri-Theming" src="/abgrenzung.jpg" width="100%" />
41
+ <img alt="Darstellung des KoliBri-Theming" src="abgrenzung.jpg" width="100%" />
42
42
  </div>
43
43
  </div>
44
44
  <div slot="footer">
@@ -56,7 +56,7 @@ export const CardSelection: FC = () => (
56
56
  </div>
57
57
  <div slot="content">
58
58
  <div>
59
- <img alt="Darstellung des KoliBri-Theming" src="/abgrenzung.jpg" width="100%" />
59
+ <img alt="Darstellung des KoliBri-Theming" src="abgrenzung.jpg" width="100%" />
60
60
  </div>
61
61
  </div>
62
62
  <div slot="footer">
@@ -1018,7 +1018,7 @@ export const HandoutBasic: FC = () => (
1018
1018
  </KolCard>
1019
1019
  </div>
1020
1020
  <KolVersion _version="5.0.2-test.2"></KolVersion>
1021
- {/* <KolImage _src="/abgrenzung.jpg" _alt="KoliBri Darstellung"></KolImage> */}
1021
+ {/* <KolImage _src="abgrenzung.jpg" _alt="KoliBri Darstellung"></KolImage> */}
1022
1022
  {/* <KolIndentedText></KolIndentedText> */}
1023
1023
  {/* <KolQuote></KolQuote> */}
1024
1024
  </div>
@@ -2,4 +2,4 @@ import { FC } from 'react';
2
2
  import { KolImage } from '@public-ui/react';
3
3
  import React from 'react';
4
4
 
5
- export const ImageBasic: FC = () => <KolImage className="w-80%" _src="/abgrenzung.jpg" _alt="Darstellung des KoliBri-Theming" />;
5
+ export const ImageBasic: FC = () => <KolImage className="w-80%" _src="abgrenzung.jpg" _alt="Darstellung des KoliBri-Theming" />;
@@ -8,12 +8,12 @@ export const LinkImage: FC = () => (
8
8
  <KolLink _href="#" _label="Ich bin ein Link, der als Text gerendert wird" />
9
9
  <br />
10
10
  <KolLink _href="#" _label="">
11
- <img alt="Darstellung des KoliBri-Theming" slot="expert" src="/abgrenzung.jpg" width="300" />
11
+ <img alt="Darstellung des KoliBri-Theming" slot="expert" src="abgrenzung.jpg" width="300" />
12
12
  <KolKolibri style={{ width: '300px' }}></KolKolibri>
13
13
  </KolLink>
14
14
  <br />
15
15
  <KolLink _href="#" _label="">
16
- <img alt="Darstellung des KoliBri-Theming" slot="expert" src="/abgrenzung.jpg" width="300" />
16
+ <img alt="Darstellung des KoliBri-Theming" slot="expert" src="abgrenzung.jpg" width="300" />
17
17
  </KolLink>
18
18
  </div>
19
19
  );
@@ -21,6 +21,8 @@ const HEADERS: KoliBriTableHeaders = {
21
21
  key: 'date',
22
22
  textAlign: 'center',
23
23
  render: (el, tupel) => {
24
+ el.setAttribute('role', 'presentation');
25
+
24
26
  // https://reactjs.org/docs/portals.html
25
27
  getRoot(el).render(<strong>{DATE_FORMATTER.format((tupel as Data).date)}</strong>);
26
28
  },
@@ -2,11 +2,11 @@ import React, { StrictMode } from 'react';
2
2
  import { createRoot } from 'react-dom/client';
3
3
  import { HashRouter as Router } from 'react-router-dom';
4
4
 
5
- import { defineCustomElements } from '@public-ui/components/dist/loader';
6
- import type { Generic } from '@a11y-ui/core';
5
+ import { TH } from '@public-oss/kolibri-themes';
7
6
  import { register } from '@public-ui/components';
7
+ import { defineCustomElements } from '@public-ui/components/dist/loader';
8
8
  import { BAMF, BMF, BZSt, DEFAULT, DESYv1, DESYv2, ECL_EC, ECL_EU, ITZBund, MAPZ, ZOLLv2 } from '@public-ui/themes';
9
- import { TH } from '@public-oss/kolibri-themes';
9
+ import type { Generic } from 'adopted-style-sheets';
10
10
  import { App } from './App';
11
11
 
12
12
  type Theme = Generic.Theming.RegisterPatch<string, string, string>;
@@ -38,9 +38,15 @@ void (async () => {
38
38
  *
39
39
  * ↓ That is a tiny sample!
40
40
  */
41
- // KoliBriDevHelper.patchTheme('my-theme', {
42
- // 'KOL-BUTTON': 'button{border:2px solid red;}',
43
- // });
41
+ // KoliBriDevHelper.patchTheme(
42
+ // 'default',
43
+ // {
44
+ // 'KOL-BUTTON': 'button{border:2px solid red;}',
45
+ // },
46
+ // {
47
+ // append: true,
48
+ // },
49
+ // );
44
50
 
45
51
  const htmlDivElement = document.querySelector('div#app');
46
52
  if (htmlDivElement instanceof HTMLDivElement) {
@@ -19,7 +19,7 @@ export function ErrorList({ errors }: ErrorListPropType) {
19
19
  };
20
20
 
21
21
  return (
22
- <KolAlert _type="error" _variant="msg">
22
+ <KolAlert _type="error">
23
23
  Bitte korrigieren Sie folgende Fehler:
24
24
  <nav aria-label="Fehlerliste">
25
25
  <ul>
@@ -0,0 +1,6 @@
1
+ import React, { FC } from 'react';
2
+ import { KolButton } from '@public-ui/react';
3
+
4
+ export const CustomTooltipWidth: FC = () => (
5
+ <KolButton _label="Tooltip mit fixer Breite" _hideLabel style={{ '--kol-tooltip-width': '400px' }} _icons="codicon codicon-reactions"></KolButton>
6
+ );
@@ -1,10 +1,12 @@
1
1
  import { Routes } from '../shares/types';
2
2
  import { TerminComponent } from './complex-form/component';
3
3
  import { AppointmentForm } from './appointment-form/AppointmentForm';
4
+ import { CustomTooltipWidth } from './custom-tooltip-width';
4
5
 
5
6
  export const SCENARIO_ROUTES: Routes = {
6
7
  scenarios: {
7
8
  'complex-form': TerminComponent,
8
9
  'appointment-form': AppointmentForm,
10
+ 'custom-tooltip-width': CustomTooltipWidth,
9
11
  },
10
12
  };
@@ -1,13 +1,8 @@
1
1
  import { SelectOption } from '@public-ui/components';
2
2
 
3
3
  export type Theme =
4
- | 'bamf'
5
4
  | 'bmf'
6
- | 'by'
7
- | 'bzst'
8
5
  | 'default'
9
- | 'desy-v1'
10
- | 'desy-v2'
11
6
  | 'ecl-ec'
12
7
  | 'ecl-eu'
13
8
  | 'itzbund'
@@ -20,13 +15,8 @@ export const isTheme = (value: unknown) => {
20
15
  return (
21
16
  typeof value === 'string' &&
22
17
  (value === 'unstyled' ||
23
- value === 'bamf' ||
24
18
  value === 'bmf' ||
25
- value === 'by' ||
26
- value === 'bzst' ||
27
19
  value === 'default' ||
28
- value === 'desy-v1' ||
29
- value === 'desy-v2' ||
30
20
  value === 'ecl-ec' ||
31
21
  value === 'ecl-eu' ||
32
22
  value === 'itzbund' ||
@@ -46,36 +36,14 @@ export const THEME_OPTIONS: SelectOption<Theme>[] = [
46
36
  label: 'Unstyled',
47
37
  value: 'unstyled',
48
38
  },
49
- // {
50
- // disabled: true,
51
- // label: 'Bundesamt für Migration und Flüchtlinge',
52
- // value: 'bamf',
53
- // },
54
39
  {
55
40
  label: 'Bundesministerium der Finanzen',
56
41
  value: 'bmf',
57
42
  },
58
- // {
59
- // label: 'Freistaat Bayern (StMWi)',
60
- // value: 'by',
61
- // },
62
- {
63
- label: 'Bundeszentralamt für Steuern',
64
- value: 'bzst',
65
- },
66
43
  {
67
44
  label: 'Default',
68
45
  value: 'default',
69
46
  },
70
- // {
71
- // disabled: true,
72
- // label: 'DESY-Styleguide (v1)',
73
- // value: 'desy-v1',
74
- // },
75
- {
76
- label: 'DESY-Styleguide (v2)',
77
- value: 'desy-v2',
78
- },
79
47
  {
80
48
  label: 'European Commission (ECL)',
81
49
  value: 'ecl-ec',
@@ -89,7 +57,7 @@ export const THEME_OPTIONS: SelectOption<Theme>[] = [
89
57
  value: 'itzbund',
90
58
  },
91
59
  {
92
- label: 'MAPZoll-Styleguide',
60
+ label: '.',
93
61
  value: 'mapz',
94
62
  },
95
63
  {
@@ -97,7 +65,7 @@ export const THEME_OPTIONS: SelectOption<Theme>[] = [
97
65
  value: 'th',
98
66
  },
99
67
  {
100
- label: 'Design System Zoll (v2)',
68
+ label: '..',
101
69
  value: 'zoll-v2',
102
70
  },
103
71
  ];
package/dist/1037.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 1037.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1037],{8400:(t,e,o)=>{o.d(e,{A:()=>a});var n=o(5095),i=o(374);const s=(0,o(3662).b)();class a{constructor(t,e,o){var n,a;if(this.setFormAssociatedValue=t=>{var e;const o=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==o&&""!==o||(0,i.d)(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const n=this.tryToStringifyValue(t);this.syncValue(t,n,this.formAssociated),this.syncValue(t,n,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(o),this.name=e,s){switch(null===(n=this.host)||void 0===n||n.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(a=this.host)||void 0===a||a.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,o){if(s)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==e||e.setAttribute(t,`${o}`)}catch(o){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,i.h)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,o){o&&("select"===this.name?(o.querySelectorAll("option").forEach((t=>{o.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),o.appendChild(t)}}))):"string"==typeof e?(o.setAttribute("value",e),o.value=e):(o.removeAttribute("value"),o.value=""))}validateName(t){((t,e,o)=>{(0,n.d)(t,"_name",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,i.d)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(s&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},2438:(t,e,o)=>{o.d(e,{I:()=>p,g:()=>h,v:()=>d});var n=o(5095),i=o(8027),s=o(6892),a=o(374),l=o(9865),r=o(5747),c=o(8400);const h=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,n=[];return!0===e&&n.push(`${t._id}-error`),!0===o&&n.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDescribedBy:n}},d=(t,e,o)=>{(0,n.a)(t,"_hideError",e,o)};class u extends c.A{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){(0,n.a)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,n.a)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class p extends u{constructor(t,e,o){super(t,e,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){(0,n.d)(this.component,"_accessKey",t)}validateAdjustHeight(t){((t,e)=>{(0,n.a)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,n.a)(this.component,"_disabled",t),!0===t&&(0,a.g)()}validateError(t){(0,n.d)(this.component,"_error",t)}validateHideLabel(t){(0,i.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,a.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,n.d)(this.component,"_hint",t)}validateId(t){(0,n.d)(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||(0,a.d)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){(0,s.a)(this.component,t)}validateOn(t){"object"==typeof t&&(0,n.s)(this.component,"_on",t)}validateSmartButton(t){(0,n.o)(t,(()=>{try{t=(0,n.p)(t)}catch(t){}(0,n.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,r.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,(0,l.s)(t),(0,l.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const o=t.target.value;(0,l.s)(t),(0,l.t)("change",this.host,o),this.setFormAssociatedValue(o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o),this.valueChangeListeners.forEach((t=>t(o)))}onClick(t){var e;(0,l.s)(t),(0,l.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,(0,l.s)(t),(0,l.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},1037:(t,e,o)=>{o.d(e,{I:()=>r});var n=o(5243),i=o(5095),s=o(2180),a=o(2438);const l=(t,e)=>{const o=t;"object"==typeof o&&null!==o&&((0,s.i)(o.right,1)&&(o.right={icon:o.right}),(0,s.i)(o.left,1)&&(o.left={icon:o.left}),e.set("_icons",o))};class r extends a.I{constructor(t,e,o){super(t,e,o),this.component=t}validateIcon(t){this.validateIcons(t)}validateIcons(t){(0,i.o)(t,(()=>{try{t=(0,i.p)(t)}catch(t){}(0,i.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,s.i)(t.left,1)||(0,n.i)(t.left)||(0,s.i)(t.right,1)||(0,n.i)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:l},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},9865:(t,e,o)=>{function n(t){t.stopImmediatePropagation(),t.stopPropagation()}function i(t,e,o){e&&function(t,e,o){const n=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,o))}(e,t,o)}o.d(e,{s:()=>n,t:()=>i})},8027:(t,e,o)=>{o.d(e,{v:()=>i});var n=o(5095);const i=(t,e,o={})=>{(0,n.a)(t,"_hideLabel",e,o)}},5243:(t,e,o)=>{o.d(e,{i:()=>l,v:()=>r,w:()=>c});var n=o(5095),i=o(2180);const s=(t,e,o)=>{(0,i.c)(o)?t[e]=o:(0,i.i)(o,1)&&(t[e]={icon:o})},a=t=>{var e,o,n,a,l,r,c;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(o=t.nextState)||void 0===o?void 0:o.get("_icons"),l=(null===(n=t.nextState)||void 0===n?void 0:n.get("_iconAlign"))||t.state._iconAlign;null===(a=t.nextState)||void 0===a||a.set("_icons",((t,e)=>{let o={};return(0,i.i)(t,1)?o="right"===e?{right:{icon:t}}:{left:{icon:t}}:"object"==typeof t&&null!==t&&(s(o,"top",t.top),s(o,"right",t.right),s(o,"bottom",t.bottom),s(o,"left",t.left)),o})(e,l))}else if(null===(l=t.nextState)||void 0===l?void 0:l.has("_iconAlign")){const e=t.state._iconAlign;null===(r=t.nextState)||void 0===r||r.set("_icons",{[e]:void 0,[null===(c=t.nextState)||void 0===c?void 0:c.get("_iconAlign")]:t.state._icons[e]})}},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,i.b)(t.style))&&(0,i.i)(t.icon,1),r=(t,e)=>{(0,n.o)(e,(()=>{try{e=(0,n.p)(e)}catch(t){}(0,n.w)(t,"_icons",(t=>null===t||(0,i.i)(t,1)||"object"==typeof t&&null!==t&&((0,i.i)(t.left,1)||l(t.left)||(0,i.i)(t.right,1)||l(t.right)||(0,i.i)(t.top,1)||l(t.top)||(0,i.i)(t.bottom,1)||l(t.bottom))),new Set(["KoliBriIcon"]),e,{hooks:{beforePatch:(e,o)=>{null===e&&o.set("_icons",{}),a(t)}},required:!0})}))},c=(t,e)=>{(0,n.w)(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),e,{hooks:{beforePatch:()=>{a(t)}}})}},6892:(t,e,o)=>{o.d(e,{a:()=>d,c:()=>r,h:()=>l,v:()=>h});var n=o(374),i=o(5095);const s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(s))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return a.test(t)}const c=new Set(["string"]),h=(t,e,o={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),c,e,function(t){var e;return{hooks:{afterPatch:(e,o,i,s)=>{var a,c;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=t.hooks)||void 0===c||c.afterPatch(e,o,i,s)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,n.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(o))},d=h},5747:(t,e,o)=>{o.d(e,{v:()=>a});var n=o(374),i=o(5095);const s={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,n.a)("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},a=(t,e)=>{(0,i.e)(t,"_tabIndex",e,s)}}}]);
package/dist/1804.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 1804.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1804],{1804:(e,t,n)=>{var l,a;n.r(t);const i=n(1823).T.getInstance(document);i.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let s=0;null===(l=document.getElementById("oneToast"))||void 0===l||l.addEventListener("kol-click",(()=>{i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})})),null===(a=document.getElementById("manyToast"))||void 0===a||a.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})}))}}]);
package/dist/5095.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 5095.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5095],{374:(e,t,r)=>{r.d(t,{a:()=>s,b:()=>g,c:()=>v,d:()=>l,e:()=>c,f:()=>h,g:()=>p,h:()=>u,u:()=>b});var n=r(3662);const o=new Set,s=(e,t)=>{(!1===o.has(e)||(null==t?void 0:t.force))&&(o.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},i=new Set,c=(e,t)=>{(!1===i.has(e)||(null==t?void 0:t.force))&&(i.add(e),n.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",overwriteStyle:"; background-color: #f00"}))},a=new Set,l=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},u=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),n.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},d=new Set,h=(e,t=!1,r)=>{(!1===d.has(e)||(null==r?void 0:r.force))&&(d.add(e),e+=!0===t?" ✅":"",n.L.debug([e].concat((null==r?void 0:r.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};l("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const f=new Set,b=(e,t)=>{(!1===f.has(e)||(null==t?void 0:t.force))&&(f.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},p=()=>{s('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},g=e=>{"string"==typeof e&&""!==e||s("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},v=(e,t=8)=>{t>7&&b(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)}},5095:(e,t,r)=>{r.d(t,{K:()=>Me,a:()=>ie,b:()=>Q,c:()=>le,d:()=>ce,e:()=>ae,f:()=>re,g:()=>te,h:()=>Oe,i:()=>ve,j:()=>Ae,k:()=>ye,l:()=>me,m:()=>fe,n:()=>Le,o:()=>ee,p:()=>ge,q:()=>_e,r:()=>l,s:()=>ne,t:()=>we,u:()=>Ne,v:()=>be,w:()=>se});var n=r(374),o=r(3662),s=r(5479);const i=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},c=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const r=new Set;i(r,t.querySelectorAll(e));const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const o=n[t].shadowRoot;i(r,c(e,"object"==typeof o&&null!==o?o:n[t]))}return Array.from(r)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},a=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let r=t.querySelector(e);if(null===r){const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const o=n[t].shadowRoot;if(r=a(e,"object"==typeof o&&null!==o?o:n[t]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var l=d,u=d;function d(e){var t=h(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function h(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),r=t.length;if(3==r||4==r){var n=b(t[0]),o=b(t[1]),s=b(t[2]),i=3==r?255:b(t[3]);if(isNaN(n)||isNaN(o)||isNaN(s)||isNaN(i))return;return[n,o,s,i]}}(e)||function(e){var t=e.replace(/^#/,""),r=t.length;if(6==r||8==r){var n=b(t.slice(0,2)),o=b(t.slice(2,4)),s=b(t.slice(4,6)),i=6==r?255:b(t.slice(6,8));if(isNaN(n)||isNaN(o)||isNaN(s)||isNaN(i))return;return[n,o,s,i]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=p(t[0],!0),n=p(t[1],!0),o=p(t[2],!0);if(-1!=r&&-1!=n&&-1!=o)return[r,n,o,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=p(t[0],!0),n=p(t[1],!0),o=p(t[2],!0),s=p(255*t[3]);if(-1!=r&&-1!=n&&-1!=o&&-1!=s)return[r,n,o,s]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=p(null!=e.r?e.r:null!=e.red?e.red:0,!0),r=p(null!=e.g?e.g:null!=e.green?e.green:0,!0),n=p(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),o=p(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=r&&-1!=n&&-1!=o)return[t,r,n,o]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=p(e[0],!0),r=p(e[1],!0),n=p(e[2],!0),o=p(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=r&&-1!=n&&-1!=o)return[t,r,n,o]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function f(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function b(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function p(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function g(e){return"function"==typeof e}function v(e){const t=e((e=>{Error.call(e),e.stack=(new Error).stack}));return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}l.arr=u,l.obj=function(e){var t=h(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},l.css=function(e){var t=h(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},l.hex=function(e){3==(s=h(e)).length&&s.push(255);var t=255==s[3],r=f(s[0]),n=f(s[1]),o=f(s[2]),s=f(Math.round(s[3])),i=function(e,t,r,n){var o=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=o.indexOf(e)&&-1!=o.indexOf(t)&&-1!=o.indexOf(r)&&-1!=o.indexOf(n)}(r,n,o,s);return t?i?"#"+r.charAt(0)+n.charAt(0)+o.charAt(0):"#"+r+n+o:i?"#"+r.charAt(0)+n.charAt(0)+o.charAt(0)+s.charAt(0):"#"+r+n+o+s},l.num=function(e){var t=h(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const m=v((e=>function(t){e(this),this.message=t?`${t.length} errors occurred during unsubscription:\n${t.map(((e,t)=>`${t+1}) ${e.toString()}`)).join("\n ")}`:"",this.name="UnsubscriptionError",this.errors=t}));function y(e,t){if(e){const r=e.indexOf(t);0<=r&&e.splice(r,1)}}class w{constructor(e){this.initialTeardown=e,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let e;if(!this.closed){this.closed=!0;const{_parentage:t}=this;if(t)if(this._parentage=null,Array.isArray(t))for(const e of t)e.remove(this);else t.remove(this);const{initialTeardown:r}=this;if(g(r))try{r()}catch(t){e=t instanceof m?t.errors:[t]}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const t of n)try{x(t)}catch(t){e=null!=e?e:[],t instanceof m?e=[...e,...t.errors]:e.push(t)}}if(e)throw new m(e)}}add(e){var t;if(e&&e!==this)if(this.closed)x(e);else{if(e instanceof w){if(e.closed||e._hasParent(this))return;e._addParent(this)}(this._finalizers=null!==(t=this._finalizers)&&void 0!==t?t:[]).push(e)}}_hasParent(e){const{_parentage:t}=this;return t===e||Array.isArray(t)&&t.includes(e)}_addParent(e){const{_parentage:t}=this;this._parentage=Array.isArray(t)?(t.push(e),t):t?[t,e]:e}_removeParent(e){const{_parentage:t}=this;t===e?this._parentage=null:Array.isArray(t)&&y(t,e)}remove(e){const{_finalizers:t}=this;t&&y(t,e),e instanceof w&&e._removeParent(this)}}w.EMPTY=(()=>{const e=new w;return e.closed=!0,e})();const S=w.EMPTY;function k(e){return e instanceof w||e&&"closed"in e&&g(e.remove)&&g(e.add)&&g(e.unsubscribe)}function x(e){g(e)?e():e.unsubscribe()}const _={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},N={setTimeout(e,t,...r){const{delegate:n}=N;return(null==n?void 0:n.setTimeout)?n.setTimeout(e,t,...r):setTimeout(e,t,...r)},clearTimeout(e){const{delegate:t}=N;return((null==t?void 0:t.clearTimeout)||clearTimeout)(e)},delegate:void 0};function E(){}const A=L("C",void 0,void 0);function L(e,t,r){return{kind:e,value:t,error:r}}function O(e){e()}class M extends w{constructor(e){super(),this.isStopped=!1,e?(this.destination=e,k(e)&&e.add(this)):this.destination=z}static create(e,t,r){return new H(e,t,r)}next(e){this.isStopped?D(function(e){return L("N",e,void 0)}(e),this):this._next(e)}error(e){this.isStopped?D(L("E",void 0,e),this):(this.isStopped=!0,this._error(e))}complete(){this.isStopped?D(A,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(e){this.destination.next(e)}_error(e){try{this.destination.error(e)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const T=Function.prototype.bind;function C(e,t){return T.call(e,t)}class P{constructor(e){this.partialObserver=e}next(e){const{partialObserver:t}=this;if(t.next)try{t.next(e)}catch(e){j(e)}}error(e){const{partialObserver:t}=this;if(t.error)try{t.error(e)}catch(e){j(e)}else j(e)}complete(){const{partialObserver:e}=this;if(e.complete)try{e.complete()}catch(e){j(e)}}}class H extends M{constructor(e,t,r){let n;if(super(),g(e)||!e)n={next:null!=e?e:void 0,error:null!=t?t:void 0,complete:null!=r?r:void 0};else{let t;this&&_.useDeprecatedNextContext?(t=Object.create(e),t.unsubscribe=()=>this.unsubscribe(),n={next:e.next&&C(e.next,t),error:e.error&&C(e.error,t),complete:e.complete&&C(e.complete,t)}):n=e}this.destination=new P(n)}}function j(e){var t;t=e,N.setTimeout((()=>{const{onUnhandledError:e}=_;if(!e)throw t;e(t)}))}function D(e,t){const{onStoppedNotification:r}=_;r&&N.setTimeout((()=>r(e,t)))}const z={closed:!0,next:E,error:function(e){throw e},complete:E},$="function"==typeof Symbol&&Symbol.observable||"@@observable";function q(e){return e}class I{constructor(e){e&&(this._subscribe=e)}lift(e){const t=new I;return t.source=this,t.operator=e,t}subscribe(e,t,r){const n=(o=e)&&o instanceof M||function(e){return e&&g(e.next)&&g(e.error)&&g(e.complete)}(o)&&k(o)?e:new H(e,t,r);var o;return O((()=>{const{operator:e,source:t}=this;n.add(e?e.call(n,t):t?this._subscribe(n):this._trySubscribe(n))})),n}_trySubscribe(e){try{return this._subscribe(e)}catch(t){e.error(t)}}forEach(e,t){return new(t=R(t))(((t,r)=>{const n=new H({next:t=>{try{e(t)}catch(e){r(e),n.unsubscribe()}},error:r,complete:t});this.subscribe(n)}))}_subscribe(e){var t;return null===(t=this.source)||void 0===t?void 0:t.subscribe(e)}[$](){return this}pipe(...e){return(0===(t=e).length?q:1===t.length?t[0]:function(e){return t.reduce(((e,t)=>t(e)),e)})(this);var t}toPromise(e){return new(e=R(e))(((e,t)=>{let r;this.subscribe((e=>r=e),(e=>t(e)),(()=>e(r)))}))}}function R(e){var t;return null!==(t=null!=e?e:_.Promise)&&void 0!==t?t:Promise}I.create=e=>new I(e);const B=v((e=>function(){e(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}));class J extends I{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(e){const t=new W(this,this);return t.operator=e,t}_throwIfClosed(){if(this.closed)throw new B}next(e){O((()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const t of this.currentObservers)t.next(e)}}))}error(e){O((()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=e;const{observers:t}=this;for(;t.length;)t.shift().error(e)}}))}complete(){O((()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:e}=this;for(;e.length;)e.shift().complete()}}))}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var e;return(null===(e=this.observers)||void 0===e?void 0:e.length)>0}_trySubscribe(e){return this._throwIfClosed(),super._trySubscribe(e)}_subscribe(e){return this._throwIfClosed(),this._checkFinalizedStatuses(e),this._innerSubscribe(e)}_innerSubscribe(e){const{hasError:t,isStopped:r,observers:n}=this;return t||r?S:(this.currentObservers=null,n.push(e),new w((()=>{this.currentObservers=null,y(n,e)})))}_checkFinalizedStatuses(e){const{hasError:t,thrownError:r,isStopped:n}=this;t?e.error(r):n&&e.complete()}asObservable(){const e=new I;return e.source=this,e}}J.create=(e,t)=>new W(e,t);class W extends J{constructor(e,t){super(),this.destination=e,this.source=t}next(e){var t,r;null===(r=null===(t=this.destination)||void 0===t?void 0:t.next)||void 0===r||r.call(t,e)}error(e){var t,r;null===(r=null===(t=this.destination)||void 0===t?void 0:t.error)||void 0===r||r.call(t,e)}complete(){var e,t;null===(t=null===(e=this.destination)||void 0===e?void 0:e.complete)||void 0===t||t.call(e)}_subscribe(e){var t,r;return null!==(r=null===(t=this.source)||void 0===t?void 0:t.subscribe(e))&&void 0!==r?r:S}}var F=.2126,U=.7152,K=.0722,Y=1/12.92;function Z(e){return Math.pow((e+.055)/1.055,2.4)}function V(e){var t=e[0]/255,r=e[1]/255,n=e[2]/255,o=t<=.03928?t*Y:Z(t),s=r<=.03928?r*Y:Z(r),i=n<=.03928?n*Y:Z(n);return o*F+s*U+i*K}function G(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var r=parseInt(e,16);return[r>>16,r>>8&255,255&r,t]}function Q(e,t){return function(e,t){return function(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}(V(e),V(t))}(G(e),G(t))}const X=/\[object Object\]/,ee=(e,t)=>{"string"==typeof e&&X.test(e)||t()},te=(e,t)=>{"string"==typeof e&&""===e||t()},re=(e,t)=>{(0,o.b)()&&(o.L.debug([e,t]),o.L.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},ne=(e,t,r,n={})=>{var o,s;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==r&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof n.afterPatch&&(null===(o=e.nextHooks.get(t))||void 0===o||o.set("afterPatch",n.afterPatch)),"function"==typeof n.beforePatch&&(null===(s=e.nextHooks.get(t))||void 0===s||s.set("beforePatch",n.beforePatch)),e.nextState.set(t,r),(e=>{var t,r,n;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,r)=>{var n;const o=t.get("beforePatch");"function"==typeof o&&o(null===(n=e.nextState)||void 0===n?void 0:n.get(r),e.nextState,e,r)})),(null===(r=e.nextState)||void 0===r?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(n=e.nextHooks)||void 0===n||n.forEach(((t,r)=>{const n=t.get("afterPatch");"function"==typeof n&&n(e.state[r],e.state,e,r)}))),delete e.nextHooks})(e))},oe=(e,t,r,o)=>{(0,n.d)(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(o).join(", ")}`)};function se(e,t,r,n,o,s={}){r(o)?ne(e,t,o,s.hooks):null!=o||s.required?(s.required||n.add(null),oe(e,t,o,n)):ne(e,t,s.defaultValue,s.hooks)}const ie=(e,t,r,n)=>{se(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),r,n)},ce=(e,t,r,n={})=>{const o="number"==typeof n.minLength?null==n?void 0:n.minLength:0;se(e,t,(e=>"string"==typeof e&&e.length>=o&&(void 0===(null==n?void 0:n.maxLength)||e.length<=n.maxLength)),new Set(["String"]),r,n)},ae=(e,t,r,n)=>{se(e,t,(e=>"number"==typeof e&&(void 0===(null==n?void 0:n.min)||"number"==typeof(null==n?void 0:n.min)&&e>=n.min)&&(void 0===(null==n?void 0:n.max)||"number"==typeof(null==n?void 0:n.max)&&e<=n.max)),new Set(["Number"]),r,n)},le=(e,t,r,n,s=(e=>e==e),i={})=>{te(n,(()=>{ee(n,(()=>{void 0===n&&(n=[]);try{try{n=ge(n)}catch(e){}if(Array.isArray(n)){const c=n.find((e=>!r(e)));void 0===c&&s(n)?ne(e,t,n,i.hooks):ee(c,(()=>{throw o.L.debug(c),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else ee(n,(()=>{throw o.L.debug(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){o.L.debug(e)}}))}))},ue=/^(true|false)$/,de=/^-?(0|[1-9]\d*)$/,he=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,fe=e=>{const t=typeof e,r=`${e}`;if("string"==typeof e)if(ue.test(e))e="true"===e;else if(de.test(e))e=parseInt(e);else if(he.test(e))e=parseFloat(e);else if(pe.test(e))try{e=ge(e)}catch(e){}return t!==typeof e&&(0,n.d)(`You have used a stringified property value (${r} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},be=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw o.L.warn(["stringifyJson",e]),o.L.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},pe=/^[{[]/,ge=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(pe.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){o.L.warn(["parseJson",e]),o.L.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}throw new Error},ve=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,me=e=>"string"==typeof e?e:ve(e),ye=(e,t)=>a(e,t||(0,o.g)()),we=(e,t)=>c(e,t||(0,o.g)());let Se=null;const ke=()=>(Se=Se||{backgroundColor:"#00000000",color:"#00000000",domNode:(0,o.g)().body,level:"Fail",score:1},Se),xe=/(\d+, ){3}0\)/,_e=(e,t=ke())=>{const r=getComputedStyle(e),n=xe.test(r.backgroundColor)?t.backgroundColor:l.hex(r.backgroundColor),s=xe.test(r.color)?t.color:l.hex(r.color),i=Q(n,s),c={backgroundColor:n,color:s,domNode:e,level:(a=i,a>=7?"AAA":a>=4.5?"AA":a>=3?"AA Large":"Fail"),score:i};var a;return i<4.5&&o.L.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},Ne=(e,t=ke())=>{t.domNode instanceof HTMLElement&&(t=_e(t.domNode,t));const r=t.domNode.querySelector(e);if(null===r){const r=t.domNode.querySelectorAll('[class="hydrated"]');for(let n=0;n<r.length&&(t.domNode=r[n],null===(t=Ne(e,t)).domNode);n++);return t}return _e(r,t)},Ee=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+(0,o.a)().pageYOffset-50}),e.focus()):(0,n.d)("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},Ae=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){(0,n.d)("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const r=`${t}`;t=e,e=r}if("string"==typeof e){const r=ye(e,t);r instanceof HTMLElement?Ee(r):(0,n.d)(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else(0,n.d)("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class Le{static queryHtmlElementColors(e,t,r=!1,n=!0){let s=null;if(!0===r||!1===Le.executionLock)if(!1===r&&(Le.cache.clear(),Le.cache.set(t.domNode,t),Le.executionLock=!0,!0===n&&o.L.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)s=t;else{const r=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)r.add(e[t])}const n=t.domNode;if("function"==typeof n.assignedNodes){const e=n.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&r.add(e[t])}const o=t.domNode.children;for(let e=0;e<o.length;e++)r.add(o[e]);const i=Array.from(r);for(let r=0;r<i.length;r++){let n=Le.cache.get(i[r]);void 0===n&&(n=_e(i[r],t)),Le.cache.set(i[r],n);const o=Le.queryHtmlElementColors(e,n,!0,!1);if(null!==o){s=o;break}}}else o.L.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===r&&(!0===n&&o.L.debug(`[KoliBriUtils] Color contrast analysis finished (${Le.cache.size} DOM elements are analysed).`),Le.executionLock=!1,Le.cache.clear()),s}}Le.executionLock=!1,Le.cache=new Map;const Oe=new J;class Me{}Me.ariaCurrentSubject=Oe,Me.patchTheme=s.p,Me.patchThemeTag=s.a,Me.querySelector=ye,Me.querySelectorAll=we,Me.scrollByHTMLElement=Ee,Me.scrollBySelector=Ae,Me.stringifyJson=be}}]);
package/dist/6686.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 6686.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[6686],{6686:(e,t,a)=>{switch(location.pathname){case"/dev/toaster.html":a.e(1804).then(a.bind(a,1804));break;case"/dev/reprod-accordion-does-not-toggle-with-open.html":a.e(9598).then(a.bind(a,9598));break;case"/dev/details-synced-open-state.html":a.e(9329).then(a.bind(a,9329))}}}]);