@medyll/idae-slotui-svelte 0.103.0 → 0.104.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.
Files changed (3) hide show
  1. package/dist/slotui-css/slotui-css.css +108 -108
  2. package/dist/slotui-css/slotui-min-css.css +108 -108
  3. package/package.json +3 -3
package/dist/slotui-css/slotui-css.css CHANGED
@@ -596,6 +596,33 @@ dialog.window .ctrlZone {
596
596
  overflow: hidden;
597
597
  }
598
598
 
599
+ /** taskbar.scss ----------------*/
600
+ :root {
601
+ --taskbar-grid-gap: var(--sld-gap-tiny);
602
+ --taskbar-background-color: rgba(255, 255, 255, 0.5);
603
+ --taskbar-backdrop-filter: blur(20px);
604
+ --taskbar-min-height: 48px;
605
+ --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
606
+ --taskbar-box-shadow: var(--sld-elevation-3);
607
+ }
608
+
609
+ .taskbar {
610
+ display: flex;
611
+ align-items: center;
612
+ grid-gap: var(--taskbar-grid-gap);
613
+ background-size: auto;
614
+ background-color: var(--taskbar-background-color);
615
+ --moz-backdrop-filter: var(--taskbar-backdrop-filter);
616
+ backdrop-filter: var(--taskbar-backdrop-filter);
617
+ min-height: var(--taskbar-min-height);
618
+ border-bottom: 1px solid var(--taskbar-border-bottom);
619
+ box-shadow: var(--taskbar-box-shadow);
620
+ box-sizing: border-box;
621
+ }
622
+ .taskbar-main {
623
+ flex: 1;
624
+ }
625
+
599
626
  /** boot-menu.scss ----------------*/
600
627
  :root {
601
628
  --boot-menu-background-color: rgba(90, 67, 52, 0.9);
@@ -675,33 +702,6 @@ dialog.window .ctrlZone {
675
702
  padding: var(--boot-menu-bottom-bar-padding);
676
703
  }
677
704
 
678
- /** taskbar.scss ----------------*/
679
- :root {
680
- --taskbar-grid-gap: var(--sld-gap-tiny);
681
- --taskbar-background-color: rgba(255, 255, 255, 0.5);
682
- --taskbar-backdrop-filter: blur(20px);
683
- --taskbar-min-height: 48px;
684
- --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
685
- --taskbar-box-shadow: var(--sld-elevation-3);
686
- }
687
-
688
- .taskbar {
689
- display: flex;
690
- align-items: center;
691
- grid-gap: var(--taskbar-grid-gap);
692
- background-size: auto;
693
- background-color: var(--taskbar-background-color);
694
- --moz-backdrop-filter: var(--taskbar-backdrop-filter);
695
- backdrop-filter: var(--taskbar-backdrop-filter);
696
- min-height: var(--taskbar-min-height);
697
- border-bottom: 1px solid var(--taskbar-border-bottom);
698
- box-shadow: var(--taskbar-box-shadow);
699
- box-sizing: border-box;
700
- }
701
- .taskbar-main {
702
- flex: 1;
703
- }
704
-
705
705
  /** popper.scss ----------------*/
706
706
  :root {
707
707
  --popper-border-radius: var(--sld-radius-tiny);
@@ -2573,82 +2573,6 @@ 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
-
2652
2576
  /** datalist.scss ----------------*/
2653
2577
  :root {
2654
2578
  --datalist-pad: var(--sld-pad-med);
@@ -2787,6 +2711,82 @@ body[data-theme=dark],
2787
2711
  white-space: nowrap;
2788
2712
  }
2789
2713
 
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);
@@ -4256,6 +4256,11 @@ hr.vertical {
4256
4256
  background-color: var(--chipper-chip-color);
4257
4257
  }
4258
4258
 
4259
+ /** breadcrumb.scss ----------------*/
4260
+ .breadCrumb ul {
4261
+ display: flex;
4262
+ }
4263
+
4259
4264
  /** cartouche.scss ----------------*/
4260
4265
  :root {
4261
4266
  --cartouche-radius: var(--sld-radius-small);
@@ -4372,11 +4377,6 @@ hr.vertical {
4372
4377
  display: none;
4373
4378
  }
4374
4379
 
4375
- /** breadcrumb.scss ----------------*/
4376
- .breadCrumb ul {
4377
- display: flex;
4378
- }
4379
-
4380
4380
  /** box.scss ----------------*/
4381
4381
  :root {
4382
4382
  --box-color-background: var(--sld-color-background);
package/dist/slotui-css/slotui-min-css.css CHANGED
@@ -596,6 +596,33 @@ dialog.window .ctrlZone {
596
596
  overflow: hidden;
597
597
  }
598
598
 
599
+ /** taskbar.scss ----------------*/
600
+ :root {
601
+ --taskbar-grid-gap: var(--sld-gap-tiny);
602
+ --taskbar-background-color: rgba(255, 255, 255, 0.5);
603
+ --taskbar-backdrop-filter: blur(20px);
604
+ --taskbar-min-height: 48px;
605
+ --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
606
+ --taskbar-box-shadow: var(--sld-elevation-3);
607
+ }
608
+
609
+ .taskbar {
610
+ display: flex;
611
+ align-items: center;
612
+ grid-gap: var(--taskbar-grid-gap);
613
+ background-size: auto;
614
+ background-color: var(--taskbar-background-color);
615
+ --moz-backdrop-filter: var(--taskbar-backdrop-filter);
616
+ backdrop-filter: var(--taskbar-backdrop-filter);
617
+ min-height: var(--taskbar-min-height);
618
+ border-bottom: 1px solid var(--taskbar-border-bottom);
619
+ box-shadow: var(--taskbar-box-shadow);
620
+ box-sizing: border-box;
621
+ }
622
+ .taskbar-main {
623
+ flex: 1;
624
+ }
625
+
599
626
  /** boot-menu.scss ----------------*/
600
627
  :root {
601
628
  --boot-menu-background-color: rgba(90, 67, 52, 0.9);
@@ -675,33 +702,6 @@ dialog.window .ctrlZone {
675
702
  padding: var(--boot-menu-bottom-bar-padding);
676
703
  }
677
704
 
678
- /** taskbar.scss ----------------*/
679
- :root {
680
- --taskbar-grid-gap: var(--sld-gap-tiny);
681
- --taskbar-background-color: rgba(255, 255, 255, 0.5);
682
- --taskbar-backdrop-filter: blur(20px);
683
- --taskbar-min-height: 48px;
684
- --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
685
- --taskbar-box-shadow: var(--sld-elevation-3);
686
- }
687
-
688
- .taskbar {
689
- display: flex;
690
- align-items: center;
691
- grid-gap: var(--taskbar-grid-gap);
692
- background-size: auto;
693
- background-color: var(--taskbar-background-color);
694
- --moz-backdrop-filter: var(--taskbar-backdrop-filter);
695
- backdrop-filter: var(--taskbar-backdrop-filter);
696
- min-height: var(--taskbar-min-height);
697
- border-bottom: 1px solid var(--taskbar-border-bottom);
698
- box-shadow: var(--taskbar-box-shadow);
699
- box-sizing: border-box;
700
- }
701
- .taskbar-main {
702
- flex: 1;
703
- }
704
-
705
705
  /** popper.scss ----------------*/
706
706
  :root {
707
707
  --popper-border-radius: var(--sld-radius-tiny);
@@ -2573,82 +2573,6 @@ 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
-
2652
2576
  /** datalist.scss ----------------*/
2653
2577
  :root {
2654
2578
  --datalist-pad: var(--sld-pad-med);
@@ -2787,6 +2711,82 @@ body[data-theme=dark],
2787
2711
  white-space: nowrap;
2788
2712
  }
2789
2713
 
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);
@@ -4256,6 +4256,11 @@ hr.vertical {
4256
4256
  background-color: var(--chipper-chip-color);
4257
4257
  }
4258
4258
 
4259
+ /** breadcrumb.scss ----------------*/
4260
+ .breadCrumb ul {
4261
+ display: flex;
4262
+ }
4263
+
4259
4264
  /** cartouche.scss ----------------*/
4260
4265
  :root {
4261
4266
  --cartouche-radius: var(--sld-radius-small);
@@ -4372,11 +4377,6 @@ hr.vertical {
4372
4377
  display: none;
4373
4378
  }
4374
4379
 
4375
- /** breadcrumb.scss ----------------*/
4376
- .breadCrumb ul {
4377
- display: flex;
4378
- }
4379
-
4380
4380
  /** box.scss ----------------*/
4381
4381
  :root {
4382
4382
  --box-color-background: var(--sld-color-background);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medyll/idae-slotui-svelte",
3
- "version": "0.103.0",
3
+ "version": "0.104.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.11.0",
92
- "@medyll/idae-engine": "^1.100.0",
91
+ "@medyll/idae-be": "^1.12.0",
92
+ "@medyll/idae-engine": "^1.101.0",
93
93
  "d3": "^7.9.0",
94
94
  "lerna": "^8.2.1",
95
95
  "npm-check-updates": "^17.1.16",