@likable-hair/svelte 3.1.33 → 3.1.35

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.
@@ -8,7 +8,7 @@ import ColorInvertedSelector, {} from "../simple/lists/ColorInvertedSelector.sve
8
8
  import { sidebarOpened } from "../../stores/layouts/unstableSidebarOpened";
9
9
  let clazz = {};
10
10
  export { clazz as class };
11
- export let drawerOpened = false, expandOn = "hover", options = [], selectedIndex = void 0;
11
+ export let drawerOpened = false, expandOn = "hover", options = [], selectedIndex = void 0, sidebarExpanded = false;
12
12
  let dispatch = createEventDispatcher();
13
13
  function toggleMenu() {
14
14
  drawerOpened = !drawerOpened;
@@ -26,7 +26,6 @@ function handleMenuSelection(option) {
26
26
  option
27
27
  });
28
28
  }
29
- let sidebarExpanded = false;
30
29
  $:
31
30
  $sidebarOpened = sidebarExpanded;
32
31
  </script>
@@ -113,6 +112,8 @@ $:
113
112
  on:keypress={handleOverlayClick}
114
113
  class:visible={drawerOpened}
115
114
  class="overlay {clazz.overlay || ''}"
115
+ role="presentation"
116
+ tabindex="-1"
116
117
  ></div>
117
118
  <div
118
119
  class="content"
@@ -14,6 +14,7 @@ declare const __propDef: {
14
14
  expandOn?: "click" | "none" | "hover" | undefined;
15
15
  options?: Option[] | undefined;
16
16
  selectedIndex?: number | undefined;
17
+ sidebarExpanded?: boolean | undefined;
17
18
  };
18
19
  events: {
19
20
  'drawer-change': CustomEvent<{
@@ -83,14 +83,14 @@ function handleOverlayClick() {
83
83
  class="overlay-container"
84
84
  class:overlay-container-active={localOpen}
85
85
  class:overlay-container-deactive={!localOpen}
86
- class:hidden-behind={!localOpen && !hasBeenOpened}
86
+ class:hidden-behind={!localOpen}
87
87
  bind:this={dialogElement}
88
88
  >
89
89
  <div
90
90
  style:background-color={_overlayColor}
91
91
  class="overlay"
92
92
  class:overlay-active={localOpen}
93
- class:hidden-behind={!localOpen && !hasBeenOpened}
93
+ class:hidden-behind={!localOpen}
94
94
  on:click={handleOverlayClick}
95
95
  on:keypress={handleOverlayClick}
96
96
  on:touchmove|preventDefault={() => {}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@likable-hair/svelte",
3
3
  "description": "A Svelte component for likablehair and others",
4
- "version": "3.1.33",
4
+ "version": "3.1.35",
5
5
  "scripts": {
6
6
  "host": "vite --host",
7
7
  "dev": "vite dev",