@likable-hair/svelte 4.0.19 → 4.0.20

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.
@@ -26,7 +26,6 @@ function closeDropDown() {
26
26
  dropdownOpened = false;
27
27
  }
28
28
  $effect(() => {
29
- console.log('effect 1');
30
29
  if (!!filter) {
31
30
  tick().then(() => {
32
31
  initTmpFilter();
@@ -35,7 +34,6 @@ $effect(() => {
35
34
  }
36
35
  });
37
36
  $effect(() => {
38
- console.log('effect 2');
39
37
  if (!!tmpFilter) {
40
38
  let modes;
41
39
  if (tmpFilter.type == 'string') {
@@ -64,7 +62,6 @@ $effect(() => {
64
62
  }
65
63
  });
66
64
  $effect(() => {
67
- console.log('effect 3');
68
65
  if (!tmpFilter?.advanced) {
69
66
  advancedModeSelectedOptions = [];
70
67
  }
@@ -89,7 +86,6 @@ function handleAdvancedModeSelection() {
89
86
  }
90
87
  let applyFilterDisabled = $derived(!Validator.isValid(tmpFilter) && !forceApplyValid);
91
88
  $effect.pre(() => {
92
- console.log('effect 4');
93
89
  if (!!tmpFilter && tmpFilter.type == 'bool') {
94
90
  if (tmpFilter.value === undefined) {
95
91
  tmpFilter.value = false;
@@ -97,7 +93,6 @@ $effect.pre(() => {
97
93
  }
98
94
  });
99
95
  $effect.pre(() => {
100
- console.log('effect 5');
101
96
  if (!!tmpFilter && tmpFilter.type == 'select') {
102
97
  if (tmpFilter.values === undefined) {
103
98
  tmpFilter.values = [];
@@ -809,6 +809,9 @@ function onclick(event, stopPropagation = false) {
809
809
 
810
810
 
811
811
  <style>
812
+ * {
813
+ box-sizing: border-box;
814
+ }
812
815
 
813
816
  .sub-filter-button {
814
817
  display: flex;
@@ -990,7 +993,7 @@ function onclick(event, stopPropagation = false) {
990
993
  font-weight: 600;
991
994
  font-size: 1.5rem;
992
995
  padding: 16px;
993
- height: 32px;
996
+ height: 64px;
994
997
  display: flex;
995
998
  align-items: center;
996
999
  border-bottom: 1px solid rgb(var(--global-color-background-200));
@@ -1002,13 +1005,13 @@ function onclick(event, stopPropagation = false) {
1002
1005
 
1003
1006
  .dialog-body {
1004
1007
  padding: 16px;
1005
- height: calc(90vh - 96px);
1008
+ height: calc(90vh - 164px);
1006
1009
  max-height: calc(90vh - 164px);
1007
1010
  overflow-y: auto;
1008
1011
  }
1009
1012
 
1010
1013
  .dialog-footer {
1011
- height: 32px;
1014
+ height: 64px;
1012
1015
  padding: 16px;
1013
1016
  display: flex;
1014
1017
  align-items: center;
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": "4.0.19",
4
+ "version": "4.0.20",
5
5
  "scripts": {
6
6
  "host": "vite --host",
7
7
  "dev": "vite dev",