@likable-hair/svelte 3.1.21 → 3.1.23

package/dist/components/composed/common/MenuOrDrawer.svelte

@@ -2,7 +2,7 @@
 import Drawer from "../../simple/navigation/Drawer.svelte";
 import Menu from "../../simple/common/Menu.svelte";
 import MediaQuery from "../../simple/common/MediaQuery.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _width = void 0, _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px";
+export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _width = void 0, _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0;
 </script>
 
 <MediaQuery let:mAndDown>
@@ -29,6 +29,7 @@ export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bot
       anchor={menuAnchor}
       bind:stayInViewport={stayInViewport}
       bind:flipOnOverflow={flipOnOverflow}
+      bind:openingId
     >
       <slot isDrawer={false} isMenu={true}></slot>
     </Menu>

package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts

@@ -17,6 +17,7 @@ declare const __propDef: {
         _maxHeight?: string | undefined;
         _minWidth?: string | undefined;
         _borderRadius?: string | undefined;
+        openingId?: ComponentProps<Menu>['openingId'];
     };
     events: {
         close: CustomEvent<{}>;

package/dist/components/composed/common/MenuOrDrawerOptions.svelte

@@ -3,7 +3,7 @@
 <script>import "../../../css/main.css";
 import MenuOrDrawer from "./MenuOrDrawer.svelte";
 import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", elements = [], stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px";
+export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", elements = [], stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0;
 let selected;
 let focused;
 $:
@@ -28,6 +28,7 @@ $:
   {_borderRadius}
   let:isDrawer
   --drawer-default-space={`${Math.min(elements?.length || 0, 5) * 56}px`}
+  bind:openingId
 >
   <div class="selectable-list-wrapper">
     <SelectableVerticalList

package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts

@@ -20,6 +20,7 @@ declare const __propDef: {
         _maxHeight?: string | undefined;
         _minWidth?: string | undefined;
         _borderRadius?: string | undefined;
+        openingId?: ComponentProps<MenuOrDrawer>['openingId'];
     };
     events: {
         select: CustomEvent<{

package/dist/components/simple/lists/SelectableVerticalList.svelte

@@ -70,6 +70,7 @@ function handleIconClick(index, element) {
       class="element"
       class:bicolor
       class:focused={focused == element.name}
+      class:disabled={element.disabled}
       aria-selected={selected == element.name}
       on:mouseover={() => handleElementMouseover(element)}
       on:focus={() => handleElementMouseover(element)}
@@ -246,6 +247,11 @@ function handleIconClick(index, element) {
     )
   }
 
+  .element.disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
 
   .centered {
     width: 100%;

package/dist/components/simple/lists/SelectableVerticalList.svelte.d.ts

@@ -10,6 +10,7 @@ export type Element = {
         backgroundColor?: string;
     };
     appendIcon?: string;
+    disabled?: boolean;
 };
 import '../../../css/main.css';
 import './SelectableVerticalList.css';

package/dist/utils/filters/builder.js

@@ -48,7 +48,7 @@ export default class Builder {
                 kind: 'inBuilder',
                 logicalOperator: logicalOperator,
                 key: key,
-                modifiers: inBuilder.modifiers
+                children: inBuilder.modifiers.filter((el) => el.method == 'where' || el.method == 'select')
             });
         }
         else {

package/dist/utils/filters/modifiers/where.d.ts

@@ -1,4 +1,4 @@
-import type { Modifier } from "../builder";
+import type { SelectModifier } from "./select";
 export type WhereFilterValue = string | number | Date | boolean;
 type GroupedWhere = {
     method: 'where';
@@ -40,7 +40,7 @@ type InBuilderWhere = {
     kind: 'inBuilder';
     logicalOperator?: 'and' | 'or' | 'andNot' | 'orNot';
     key: string;
-    modifiers: Modifier[];
+    children: (ObjectWhere | SimpleWhere | GroupedWhere | InWhere | ColumnWhere | JsonSupersetWhere | InBuilderWhere | NullWhere | SelectModifier)[];
 };
 type JsonSupersetWhere = {
     method: 'where';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.1.21",
+  "version": "3.1.23",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",