@medyll/idae-slotui-svelte 0.100.0 → 0.101.0

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.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from './componentCite.js';
2
- export * from './csss/csss.js';
3
2
  export * as windowMinCss from './slotui-css/window.min.css';
4
3
  export * as windowCss from './slotui-css/window.css';
5
4
  export * as treeMinCss from './slotui-css/tree.min.css';
@@ -108,6 +107,7 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
108
107
  export * as autoCompleteCss from './slotui-css/auto-complete.css';
109
108
  export * as alertMinCss from './slotui-css/alert.min.css';
110
109
  export * as alertCss from './slotui-css/alert.css';
110
+ export * from './csss/csss.js';
111
111
  export * from './utils/uses/toggler.js';
112
112
  export * from './utils/uses/positioner.js';
113
113
  export * from './utils/uses/navigation.js';
package/dist/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  // auto exports of entry components
2
2
  export * from './componentCite.js';
3
- export * from './csss/csss.js';
4
3
  export * as windowMinCss from './slotui-css/window.min.css';
5
4
  export * as windowCss from './slotui-css/window.css';
6
5
  export * as treeMinCss from './slotui-css/tree.min.css';
@@ -109,6 +108,7 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
109
108
  export * as autoCompleteCss from './slotui-css/auto-complete.css';
110
109
  export * as alertMinCss from './slotui-css/alert.min.css';
111
110
  export * as alertCss from './slotui-css/alert.css';
111
+ export * from './csss/csss.js';
112
112
  export * from './utils/uses/toggler.js';
113
113
  export * from './utils/uses/positioner.js';
114
114
  export * from './utils/uses/navigation.js';
@@ -2573,6 +2573,82 @@ body[data-theme=dark],
2573
2573
  box-shadow: var(--loader-box-shadow);
2574
2574
  }
2575
2575
 
2576
+ /** finder.scss ----------------*/
2577
+ :root {
2578
+ --finder-gap: var(--sld-gap-tiny);
2579
+ }
2580
+
2581
+ .finder-container {
2582
+ display: inline-flex;
2583
+ gap: var(--finder-gap);
2584
+ }
2585
+ .finder-container {
2586
+ width: var(--sld-width-small);
2587
+ }
2588
+ .finder-container {
2589
+ --preset-width: var(--sld-width-small);
2590
+ }
2591
+ .finder-container[width=tiny], .finder-container.width-tiny {
2592
+ --preset-width: var(--sld-width-tiny);
2593
+ width: var(--sld-width-tiny) !important;
2594
+ }
2595
+ .finder-container[width=mini], .finder-container.width-mini {
2596
+ --preset-width: var(--sld-width-mini);
2597
+ width: var(--sld-width-mini) !important;
2598
+ }
2599
+ .finder-container[width=small], .finder-container.width-small {
2600
+ --preset-width: var(--sld-width-small);
2601
+ width: var(--sld-width-small) !important;
2602
+ }
2603
+ .finder-container[width=med], .finder-container.width-med {
2604
+ --preset-width: var(--sld-width-med);
2605
+ width: var(--sld-width-med) !important;
2606
+ }
2607
+ .finder-container[width=kind], .finder-container.width-kind {
2608
+ --preset-width: var(--sld-width-kind);
2609
+ width: var(--sld-width-kind) !important;
2610
+ }
2611
+ .finder-container[width=full], .finder-container.width-full {
2612
+ --preset-width: var(--sld-width-full);
2613
+ width: var(--sld-width-full) !important;
2614
+ }
2615
+ .finder-container[width=auto], .finder-container.width-auto {
2616
+ --preset-width: var(--sld-width-auto);
2617
+ width: var(--sld-width-auto) !important;
2618
+ }
2619
+ .finder-container[width=default], .finder-container.width-default {
2620
+ --preset-width: var(--sld-width-default);
2621
+ width: var(--sld-width-default) !important;
2622
+ }
2623
+ .finder-container {
2624
+ min-height: var(--preset-tall-small);
2625
+ height: var(--preset-tall-small);
2626
+ }
2627
+ .finder-container {
2628
+ --preset-tall: var(--sld-tall-small);
2629
+ }
2630
+ .finder-container[tall=tiny], .finder-container.tall-tiny {
2631
+ min-height: var(--sld-tall-tiny) !important;
2632
+ }
2633
+ .finder-container[tall=mini], .finder-container.tall-mini {
2634
+ min-height: var(--sld-tall-mini) !important;
2635
+ }
2636
+ .finder-container[tall=small], .finder-container.tall-small {
2637
+ min-height: var(--sld-tall-small) !important;
2638
+ }
2639
+ .finder-container[tall=med], .finder-container.tall-med {
2640
+ min-height: var(--sld-tall-med) !important;
2641
+ }
2642
+ .finder-container[tall=kind], .finder-container.tall-kind {
2643
+ min-height: var(--sld-tall-kind) !important;
2644
+ }
2645
+ .finder-container[tall=auto], .finder-container.tall-auto {
2646
+ min-height: var(--sld-tall-auto) !important;
2647
+ }
2648
+ .finder-container[tall=default], .finder-container.tall-default {
2649
+ min-height: var(--sld-tall-default) !important;
2650
+ }
2651
+
2576
2652
  /** datalist.scss ----------------*/
2577
2653
  :root {
2578
2654
  --datalist-pad: var(--sld-pad-med);
@@ -2711,82 +2787,6 @@ body[data-theme=dark],
2711
2787
  white-space: nowrap;
2712
2788
  }
2713
2789
 
2714
- /** finder.scss ----------------*/
2715
- :root {
2716
- --finder-gap: var(--sld-gap-tiny);
2717
- }
2718
-
2719
- .finder-container {
2720
- display: inline-flex;
2721
- gap: var(--finder-gap);
2722
- }
2723
- .finder-container {
2724
- width: var(--sld-width-small);
2725
- }
2726
- .finder-container {
2727
- --preset-width: var(--sld-width-small);
2728
- }
2729
- .finder-container[width=tiny], .finder-container.width-tiny {
2730
- --preset-width: var(--sld-width-tiny);
2731
- width: var(--sld-width-tiny) !important;
2732
- }
2733
- .finder-container[width=mini], .finder-container.width-mini {
2734
- --preset-width: var(--sld-width-mini);
2735
- width: var(--sld-width-mini) !important;
2736
- }
2737
- .finder-container[width=small], .finder-container.width-small {
2738
- --preset-width: var(--sld-width-small);
2739
- width: var(--sld-width-small) !important;
2740
- }
2741
- .finder-container[width=med], .finder-container.width-med {
2742
- --preset-width: var(--sld-width-med);
2743
- width: var(--sld-width-med) !important;
2744
- }
2745
- .finder-container[width=kind], .finder-container.width-kind {
2746
- --preset-width: var(--sld-width-kind);
2747
- width: var(--sld-width-kind) !important;
2748
- }
2749
- .finder-container[width=full], .finder-container.width-full {
2750
- --preset-width: var(--sld-width-full);
2751
- width: var(--sld-width-full) !important;
2752
- }
2753
- .finder-container[width=auto], .finder-container.width-auto {
2754
- --preset-width: var(--sld-width-auto);
2755
- width: var(--sld-width-auto) !important;
2756
- }
2757
- .finder-container[width=default], .finder-container.width-default {
2758
- --preset-width: var(--sld-width-default);
2759
- width: var(--sld-width-default) !important;
2760
- }
2761
- .finder-container {
2762
- min-height: var(--preset-tall-small);
2763
- height: var(--preset-tall-small);
2764
- }
2765
- .finder-container {
2766
- --preset-tall: var(--sld-tall-small);
2767
- }
2768
- .finder-container[tall=tiny], .finder-container.tall-tiny {
2769
- min-height: var(--sld-tall-tiny) !important;
2770
- }
2771
- .finder-container[tall=mini], .finder-container.tall-mini {
2772
- min-height: var(--sld-tall-mini) !important;
2773
- }
2774
- .finder-container[tall=small], .finder-container.tall-small {
2775
- min-height: var(--sld-tall-small) !important;
2776
- }
2777
- .finder-container[tall=med], .finder-container.tall-med {
2778
- min-height: var(--sld-tall-med) !important;
2779
- }
2780
- .finder-container[tall=kind], .finder-container.tall-kind {
2781
- min-height: var(--sld-tall-kind) !important;
2782
- }
2783
- .finder-container[tall=auto], .finder-container.tall-auto {
2784
- min-height: var(--sld-tall-auto) !important;
2785
- }
2786
- .finder-container[tall=default], .finder-container.tall-default {
2787
- min-height: var(--sld-tall-default) !important;
2788
- }
2789
-
2790
2790
  /** textfield.scss ----------------*/
2791
2791
  .slotui-textfield {
2792
2792
  --textfield-background: var(--sld-color-background-alpha-high);
@@ -3080,6 +3080,17 @@ label {
3080
3080
  outline: 4px solid var(--slider-thumb-hover-outline);
3081
3081
  }
3082
3082
 
3083
+ /** rating.scss ----------------*/
3084
+ :root {
3085
+ --rating-gap: var(--sld-gap-small);
3086
+ }
3087
+
3088
+ .rating {
3089
+ display: flex;
3090
+ flex-direction: var(--direction);
3091
+ gap: var(--rating-gap);
3092
+ }
3093
+
3083
3094
  /** select.scss ----------------*/
3084
3095
  :root {
3085
3096
  --select-background-color: var(--sld-color-background);
@@ -3093,17 +3104,6 @@ label {
3093
3104
  border-radius: var(--select-radius);
3094
3105
  }
3095
3106
 
3096
- /** rating.scss ----------------*/
3097
- :root {
3098
- --rating-gap: var(--sld-gap-small);
3099
- }
3100
-
3101
- .rating {
3102
- display: flex;
3103
- flex-direction: var(--direction);
3104
- gap: var(--rating-gap);
3105
- }
3106
-
3107
3107
  /** progress.scss ----------------*/
3108
3108
  :root {
3109
3109
  --progress-border: var(--sld-color-secondary-alpha-mid);
@@ -2573,6 +2573,82 @@ body[data-theme=dark],
2573
2573
  box-shadow: var(--loader-box-shadow);
2574
2574
  }
2575
2575
 
2576
+ /** finder.scss ----------------*/
2577
+ :root {
2578
+ --finder-gap: var(--sld-gap-tiny);
2579
+ }
2580
+
2581
+ .finder-container {
2582
+ display: inline-flex;
2583
+ gap: var(--finder-gap);
2584
+ }
2585
+ .finder-container {
2586
+ width: var(--sld-width-small);
2587
+ }
2588
+ .finder-container {
2589
+ --preset-width: var(--sld-width-small);
2590
+ }
2591
+ .finder-container[width=tiny], .finder-container.width-tiny {
2592
+ --preset-width: var(--sld-width-tiny);
2593
+ width: var(--sld-width-tiny) !important;
2594
+ }
2595
+ .finder-container[width=mini], .finder-container.width-mini {
2596
+ --preset-width: var(--sld-width-mini);
2597
+ width: var(--sld-width-mini) !important;
2598
+ }
2599
+ .finder-container[width=small], .finder-container.width-small {
2600
+ --preset-width: var(--sld-width-small);
2601
+ width: var(--sld-width-small) !important;
2602
+ }
2603
+ .finder-container[width=med], .finder-container.width-med {
2604
+ --preset-width: var(--sld-width-med);
2605
+ width: var(--sld-width-med) !important;
2606
+ }
2607
+ .finder-container[width=kind], .finder-container.width-kind {
2608
+ --preset-width: var(--sld-width-kind);
2609
+ width: var(--sld-width-kind) !important;
2610
+ }
2611
+ .finder-container[width=full], .finder-container.width-full {
2612
+ --preset-width: var(--sld-width-full);
2613
+ width: var(--sld-width-full) !important;
2614
+ }
2615
+ .finder-container[width=auto], .finder-container.width-auto {
2616
+ --preset-width: var(--sld-width-auto);
2617
+ width: var(--sld-width-auto) !important;
2618
+ }
2619
+ .finder-container[width=default], .finder-container.width-default {
2620
+ --preset-width: var(--sld-width-default);
2621
+ width: var(--sld-width-default) !important;
2622
+ }
2623
+ .finder-container {
2624
+ min-height: var(--preset-tall-small);
2625
+ height: var(--preset-tall-small);
2626
+ }
2627
+ .finder-container {
2628
+ --preset-tall: var(--sld-tall-small);
2629
+ }
2630
+ .finder-container[tall=tiny], .finder-container.tall-tiny {
2631
+ min-height: var(--sld-tall-tiny) !important;
2632
+ }
2633
+ .finder-container[tall=mini], .finder-container.tall-mini {
2634
+ min-height: var(--sld-tall-mini) !important;
2635
+ }
2636
+ .finder-container[tall=small], .finder-container.tall-small {
2637
+ min-height: var(--sld-tall-small) !important;
2638
+ }
2639
+ .finder-container[tall=med], .finder-container.tall-med {
2640
+ min-height: var(--sld-tall-med) !important;
2641
+ }
2642
+ .finder-container[tall=kind], .finder-container.tall-kind {
2643
+ min-height: var(--sld-tall-kind) !important;
2644
+ }
2645
+ .finder-container[tall=auto], .finder-container.tall-auto {
2646
+ min-height: var(--sld-tall-auto) !important;
2647
+ }
2648
+ .finder-container[tall=default], .finder-container.tall-default {
2649
+ min-height: var(--sld-tall-default) !important;
2650
+ }
2651
+
2576
2652
  /** datalist.scss ----------------*/
2577
2653
  :root {
2578
2654
  --datalist-pad: var(--sld-pad-med);
@@ -2711,82 +2787,6 @@ body[data-theme=dark],
2711
2787
  white-space: nowrap;
2712
2788
  }
2713
2789
 
2714
- /** finder.scss ----------------*/
2715
- :root {
2716
- --finder-gap: var(--sld-gap-tiny);
2717
- }
2718
-
2719
- .finder-container {
2720
- display: inline-flex;
2721
- gap: var(--finder-gap);
2722
- }
2723
- .finder-container {
2724
- width: var(--sld-width-small);
2725
- }
2726
- .finder-container {
2727
- --preset-width: var(--sld-width-small);
2728
- }
2729
- .finder-container[width=tiny], .finder-container.width-tiny {
2730
- --preset-width: var(--sld-width-tiny);
2731
- width: var(--sld-width-tiny) !important;
2732
- }
2733
- .finder-container[width=mini], .finder-container.width-mini {
2734
- --preset-width: var(--sld-width-mini);
2735
- width: var(--sld-width-mini) !important;
2736
- }
2737
- .finder-container[width=small], .finder-container.width-small {
2738
- --preset-width: var(--sld-width-small);
2739
- width: var(--sld-width-small) !important;
2740
- }
2741
- .finder-container[width=med], .finder-container.width-med {
2742
- --preset-width: var(--sld-width-med);
2743
- width: var(--sld-width-med) !important;
2744
- }
2745
- .finder-container[width=kind], .finder-container.width-kind {
2746
- --preset-width: var(--sld-width-kind);
2747
- width: var(--sld-width-kind) !important;
2748
- }
2749
- .finder-container[width=full], .finder-container.width-full {
2750
- --preset-width: var(--sld-width-full);
2751
- width: var(--sld-width-full) !important;
2752
- }
2753
- .finder-container[width=auto], .finder-container.width-auto {
2754
- --preset-width: var(--sld-width-auto);
2755
- width: var(--sld-width-auto) !important;
2756
- }
2757
- .finder-container[width=default], .finder-container.width-default {
2758
- --preset-width: var(--sld-width-default);
2759
- width: var(--sld-width-default) !important;
2760
- }
2761
- .finder-container {
2762
- min-height: var(--preset-tall-small);
2763
- height: var(--preset-tall-small);
2764
- }
2765
- .finder-container {
2766
- --preset-tall: var(--sld-tall-small);
2767
- }
2768
- .finder-container[tall=tiny], .finder-container.tall-tiny {
2769
- min-height: var(--sld-tall-tiny) !important;
2770
- }
2771
- .finder-container[tall=mini], .finder-container.tall-mini {
2772
- min-height: var(--sld-tall-mini) !important;
2773
- }
2774
- .finder-container[tall=small], .finder-container.tall-small {
2775
- min-height: var(--sld-tall-small) !important;
2776
- }
2777
- .finder-container[tall=med], .finder-container.tall-med {
2778
- min-height: var(--sld-tall-med) !important;
2779
- }
2780
- .finder-container[tall=kind], .finder-container.tall-kind {
2781
- min-height: var(--sld-tall-kind) !important;
2782
- }
2783
- .finder-container[tall=auto], .finder-container.tall-auto {
2784
- min-height: var(--sld-tall-auto) !important;
2785
- }
2786
- .finder-container[tall=default], .finder-container.tall-default {
2787
- min-height: var(--sld-tall-default) !important;
2788
- }
2789
-
2790
2790
  /** textfield.scss ----------------*/
2791
2791
  .slotui-textfield {
2792
2792
  --textfield-background: var(--sld-color-background-alpha-high);
@@ -3080,6 +3080,17 @@ label {
3080
3080
  outline: 4px solid var(--slider-thumb-hover-outline);
3081
3081
  }
3082
3082
 
3083
+ /** rating.scss ----------------*/
3084
+ :root {
3085
+ --rating-gap: var(--sld-gap-small);
3086
+ }
3087
+
3088
+ .rating {
3089
+ display: flex;
3090
+ flex-direction: var(--direction);
3091
+ gap: var(--rating-gap);
3092
+ }
3093
+
3083
3094
  /** select.scss ----------------*/
3084
3095
  :root {
3085
3096
  --select-background-color: var(--sld-color-background);
@@ -3093,17 +3104,6 @@ label {
3093
3104
  border-radius: var(--select-radius);
3094
3105
  }
3095
3106
 
3096
- /** rating.scss ----------------*/
3097
- :root {
3098
- --rating-gap: var(--sld-gap-small);
3099
- }
3100
-
3101
- .rating {
3102
- display: flex;
3103
- flex-direction: var(--direction);
3104
- gap: var(--rating-gap);
3105
- }
3106
-
3107
3107
  /** progress.scss ----------------*/
3108
3108
  :root {
3109
3109
  --progress-border: var(--sld-color-secondary-alpha-mid);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medyll/idae-slotui-svelte",
3
- "version": "0.100.0",
3
+ "version": "0.101.0",
4
4
  "scope": "@medyll",
5
5
  "description": "A Svelte 5 component library for building modular and reactive user interfaces.",
6
6
  "scripts": {
@@ -88,8 +88,8 @@
88
88
  "dependencies": {
89
89
  "@iconify/svelte": "^4.2.0",
90
90
  "@medyll/cssfabric": "^0.4.2",
91
- "@medyll/idae-be": "^1.8.0",
92
- "@medyll/idae-engine": "^1.97.0",
91
+ "@medyll/idae-be": "^1.9.0",
92
+ "@medyll/idae-engine": "^1.98.0",
93
93
  "d3": "^7.9.0",
94
94
  "lerna": "^8.2.1",
95
95
  "npm-check-updates": "^17.1.16",