@aarhus-university/au-designsystem-delphinus 0.33.1 → 0.33.2

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 (4) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +1 -1
  3. package/source/js/components/content-toggle.ts +4 -4
  4. package/source/js/production/app.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## 0.33.2 (November 14, 2022)
2
+
3
+ ### Core Delphinus Updates
4
+ Fix of Content-Toggle callbacks.
5
+
6
+ ### Delphinus Projects Updates
7
+ None
8
+
1
9
  ## 0.33.1 (November 14, 2022)
2
10
 
3
11
  ### Core Delphinus Updates
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aarhus-university/au-designsystem-delphinus",
3
3
  "sideEffects": false,
4
- "version": "0.33.1",
4
+ "version": "0.33.2",
5
5
  "devDependencies": {
6
6
  "@babel/core": "^7.0.0",
7
7
  "@babel/plugin-proposal-class-properties": "^7.0.0",
package/source/js/components/content-toggle.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  /* eslint-disable import/prefer-default-export */
3
3
  const setContentToggle = (
4
4
  content: Element,
5
- beforeCallback: (() => void) | undefined,
6
- afterCallback: ((button: HTMLButtonElement) => void) | undefined,
5
+ beforeCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,
6
+ afterCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,
7
7
  ): CleanUpPair | null => {
8
8
  const setContentClose = (button: HTMLElement, contentClose: HTMLElement, focus: boolean) => {
9
9
  if (contentClose) {
@@ -30,7 +30,7 @@ const setContentToggle = (
30
30
  // Til toolbar: hvis man klikker på en knap, der ikke er foldet ud
31
31
  // Så lukker vi alle åbne content-toggles
32
32
  if (typeof beforeCallback === 'function' && ariaExpanded === 'false') {
33
- beforeCallback();
33
+ beforeCallback(content as HTMLElement, button as HTMLButtonElement);
34
34
  }
35
35
  // Og så går vi i gang med folde-ud-logikken
36
36
  button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');
@@ -46,7 +46,7 @@ const setContentToggle = (
46
46
  }
47
47
 
48
48
  if (typeof afterCallback === 'function') {
49
- afterCallback(button as HTMLButtonElement);
49
+ afterCallback(content as HTMLElement, button as HTMLButtonElement);
50
50
  }
51
51
  };
52
52
 
package/source/js/production/app.ts CHANGED
@@ -51,12 +51,12 @@ ready(() => {
51
51
 
52
52
  const toggles = document.querySelectorAll('.content-toggle__content');
53
53
  toggles.forEach((toggle) => {
54
- const toolbar = findToolbar(toggle as HTMLElement);
55
54
  setContentToggle(
56
55
  toggle,
57
- () => closeAllContentTogglesInToolbar(toolbar),
58
- (button: HTMLButtonElement) => {
56
+ (content: HTMLElement) => closeAllContentTogglesInToolbar(findToolbar(content)),
57
+ (content: HTMLElement, button: HTMLButtonElement) => {
59
58
  const ariaExpanded = button.getAttribute('aria-expanded');
59
+ const toolbar = findToolbar(content);
60
60
  if (ariaExpanded === 'true') {
61
61
  toolbar?.classList.add('toolbar--has-popout');
62
62
  } else {