@medyll/idae-slotui-svelte 0.26.0 → 0.27.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.
@@ -703,93 +703,6 @@ dialog.window .ctrlZone {
703
703
  padding: var(--boot-menu-bottom-bar-padding);
704
704
  }
705
705
 
706
- /** popper.scss ----------------*/
707
- :root {
708
- --popper-border-radius: var(--sld-radius-tiny);
709
- --popper-box-shadow: var(--sld-elevation-4);
710
- --popper-background-color: var(--sld-color-background-alpha-mid);
711
- --popper-backdrop-filter: blur(30px);
712
- --popper-z-index: 30000;
713
- --popper-open-border: 1px color red;
714
- }
715
-
716
- :global(dialog.popper) {
717
- all: unset;
718
- box-sizing: border-box;
719
- margin: 0;
720
- padding: 0;
721
- border: none;
722
- background: none;
723
- color: inherit;
724
- font: inherit;
725
- opacity: 0;
726
- visibility: hidden;
727
- transition: opacity 0.3s ease, visibility 0.3s ease;
728
- border-radius: var(--popper-border-radius);
729
- overflow: hidden;
730
- position: fixed;
731
- inset: 0;
732
- box-shadow: var(--popper-box-shadow);
733
- background-color: var(--popper-background-color);
734
- -webkit-backdrop-filter: var(--popper-backdrop-filter);
735
- backdrop-filter: var(--popper-backdrop-filter);
736
- z-index: var(--popper-z-index);
737
- opacity: 0;
738
- visibility: hidden;
739
- align-items: center;
740
- transition: opacity 0.3s ease, visibility 0.3s ease;
741
- outline: none;
742
- width: moz-fit-content;
743
- width: fit-content;
744
- height: moz-fit-content;
745
- height: fit-content;
746
- /* top: 15rem;
747
- left: 40rem; */
748
- z-index: 30000;
749
- }
750
- :global(dialog.popper):focus-visible {
751
- outline: 2px solid var(--focus-color);
752
- outline-offset: 2px;
753
- }
754
- :global(dialog.popper)[open], :global(dialog.popper):popover-open {
755
- opacity: 1;
756
- visibility: visible;
757
- animation: popoverEnter 0.3s ease-out;
758
- }
759
- :global(dialog.popper) .popper-left,
760
- :global(dialog.popper) .popper-right {
761
- height: 100%;
762
- max-height: 100%;
763
- overflow: hidden;
764
- }
765
- :global(dialog.popper)::backdrop {
766
- background-color: rgba(0, 0, 0, 0.5);
767
- width: moz-fit-content;
768
- width: fit-content;
769
- }
770
-
771
- @keyframes popoverEnter {
772
- from {
773
- opacity: 0;
774
- transform: scale(0.9);
775
- }
776
- to {
777
- opacity: 1;
778
- transform: scale(1);
779
- }
780
- }
781
- /* @media (prefers-color-scheme: dark) {
782
- :global(dialog.popper) {
783
- --popper-background-color: #2a2a2a;
784
- --popper-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
785
- --focus-color: #6ab5ff;
786
- }
787
- } */
788
- :global(dialog.popper) {
789
- padding-block: 0;
790
- padding-inline: 0;
791
- }
792
-
793
706
  /** panel.scss ----------------*/
794
707
  :root {
795
708
  --panel-margin-bottom: 2rem;
@@ -1262,6 +1175,93 @@ li.menuItem .menu-list-item-action {
1262
1175
  display: block;
1263
1176
  }
1264
1177
 
1178
+ /** popper.scss ----------------*/
1179
+ :root {
1180
+ --popper-border-radius: var(--sld-radius-tiny);
1181
+ --popper-box-shadow: var(--sld-elevation-4);
1182
+ --popper-background-color: var(--sld-color-background-alpha-mid);
1183
+ --popper-backdrop-filter: blur(30px);
1184
+ --popper-z-index: 30000;
1185
+ --popper-open-border: 1px color red;
1186
+ }
1187
+
1188
+ :global(dialog.popper) {
1189
+ all: unset;
1190
+ box-sizing: border-box;
1191
+ margin: 0;
1192
+ padding: 0;
1193
+ border: none;
1194
+ background: none;
1195
+ color: inherit;
1196
+ font: inherit;
1197
+ opacity: 0;
1198
+ visibility: hidden;
1199
+ transition: opacity 0.3s ease, visibility 0.3s ease;
1200
+ border-radius: var(--popper-border-radius);
1201
+ overflow: hidden;
1202
+ position: fixed;
1203
+ inset: 0;
1204
+ box-shadow: var(--popper-box-shadow);
1205
+ background-color: var(--popper-background-color);
1206
+ -webkit-backdrop-filter: var(--popper-backdrop-filter);
1207
+ backdrop-filter: var(--popper-backdrop-filter);
1208
+ z-index: var(--popper-z-index);
1209
+ opacity: 0;
1210
+ visibility: hidden;
1211
+ align-items: center;
1212
+ transition: opacity 0.3s ease, visibility 0.3s ease;
1213
+ outline: none;
1214
+ width: moz-fit-content;
1215
+ width: fit-content;
1216
+ height: moz-fit-content;
1217
+ height: fit-content;
1218
+ /* top: 15rem;
1219
+ left: 40rem; */
1220
+ z-index: 30000;
1221
+ }
1222
+ :global(dialog.popper):focus-visible {
1223
+ outline: 2px solid var(--focus-color);
1224
+ outline-offset: 2px;
1225
+ }
1226
+ :global(dialog.popper)[open], :global(dialog.popper):popover-open {
1227
+ opacity: 1;
1228
+ visibility: visible;
1229
+ animation: popoverEnter 0.3s ease-out;
1230
+ }
1231
+ :global(dialog.popper) .popper-left,
1232
+ :global(dialog.popper) .popper-right {
1233
+ height: 100%;
1234
+ max-height: 100%;
1235
+ overflow: hidden;
1236
+ }
1237
+ :global(dialog.popper)::backdrop {
1238
+ background-color: rgba(0, 0, 0, 0.5);
1239
+ width: moz-fit-content;
1240
+ width: fit-content;
1241
+ }
1242
+
1243
+ @keyframes popoverEnter {
1244
+ from {
1245
+ opacity: 0;
1246
+ transform: scale(0.9);
1247
+ }
1248
+ to {
1249
+ opacity: 1;
1250
+ transform: scale(1);
1251
+ }
1252
+ }
1253
+ /* @media (prefers-color-scheme: dark) {
1254
+ :global(dialog.popper) {
1255
+ --popper-background-color: #2a2a2a;
1256
+ --popper-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
1257
+ --focus-color: #6ab5ff;
1258
+ }
1259
+ } */
1260
+ :global(dialog.popper) {
1261
+ padding-block: 0;
1262
+ padding-inline: 0;
1263
+ }
1264
+
1265
1265
  /** marquee.scss ----------------*/
1266
1266
  .marquee {
1267
1267
  flex: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medyll/idae-slotui-svelte",
3
- "version": "0.26.0",
3
+ "version": "0.27.0",
4
4
  "scope": "@medyll",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -87,8 +87,8 @@
87
87
  "dependencies": {
88
88
  "@iconify/svelte": "^4.0.2",
89
89
  "@medyll/cssfabric": "^0.4.2",
90
- "@medyll/idae-be": "^0.26.0",
91
- "@medyll/idae-engine": "^1.24.0",
90
+ "@medyll/idae-be": "^0.27.0",
91
+ "@medyll/idae-engine": "^1.25.0",
92
92
  "d3": "^7.9.0",
93
93
  "lerna": "^8.1.8",
94
94
  "npm-check-updates": "^17.0.2",