@medyll/idae-slotui-svelte 0.35.0 → 0.37.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 (19) hide show
  1. package/dist/base/icon/Icon.svelte +1 -0
  2. package/dist/controls/button/Button.svelte +31 -52
  3. package/dist/controls/button/ButtonAction.svelte +30 -50
  4. package/dist/controls/button/IconButton.svelte +5 -3
  5. package/dist/controls/button/button.scss +29 -26
  6. package/dist/controls/confirm/Confirm.demo.svelte +17 -7
  7. package/dist/controls/confirm/Confirm.svelte +35 -21
  8. package/dist/controls/confirm/Confirm.svelte.d.ts +4 -0
  9. package/dist/controls/confirm/confirm.scss +1 -1
  10. package/dist/controls/confirm/types.d.ts +19 -13
  11. package/dist/controls/confirm/types.js +31 -21
  12. package/dist/index.d.ts +11 -11
  13. package/dist/index.js +11 -11
  14. package/dist/slotui-css/button.css +30 -45
  15. package/dist/slotui-css/button.min.css +30 -45
  16. package/dist/slotui-css/confirm.css +1 -1
  17. package/dist/slotui-css/confirm.min.css +1 -1
  18. package/dist/slotui-css/slotui-combined.css +198 -213
  19. package/package.json +6 -6
package/dist/index.d.ts CHANGED
@@ -128,9 +128,9 @@ export * from './utils/engine/engine.js';
128
128
  export * from './utils/engine/elem.js';
129
129
  export * from './utils/effects/transitions.js';
130
130
  export { default as Css } from './utils/css/Css.svelte';
131
- export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
132
131
  export * from './utils/content/types.js';
133
132
  export { default as Content } from './utils/content/Content.svelte';
133
+ export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
134
134
  export * from './ui/window/types.js';
135
135
  export * from './ui/window/store.js';
136
136
  export * from './ui/window/actions.svelte.js';
@@ -154,10 +154,6 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
154
154
  export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
155
155
  export * from './ui/preview/types.js';
156
156
  export { default as Preview } from './ui/preview/Preview.svelte';
157
- export * from './ui/popper/usePopper.js';
158
- export * from './ui/popper/types.js';
159
- export * from './ui/popper/actions.js';
160
- export { default as Popper } from './ui/popper/Popper.svelte';
161
157
  export * from './ui/panel/types.js';
162
158
  export { default as Paneler } from './ui/panel/Paneler.svelte';
163
159
  export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
@@ -167,6 +163,10 @@ export * from './ui/menuList/types.js';
167
163
  export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
168
164
  export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
169
165
  export { default as MenuList } from './ui/menuList/MenuList.svelte';
166
+ export * from './ui/popper/usePopper.js';
167
+ export * from './ui/popper/types.js';
168
+ export * from './ui/popper/actions.js';
169
+ export { default as Popper } from './ui/popper/Popper.svelte';
170
170
  export * from './ui/menu/types.js';
171
171
  export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
172
172
  export { default as MenuItem } from './ui/menu/MenuItem.svelte';
@@ -176,8 +176,6 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
176
176
  export * from './ui/login/types.js';
177
177
  export * from './ui/login/store.js';
178
178
  export { default as Login } from './ui/login/Login.svelte';
179
- export * from './ui/frame/types.js';
180
- export { default as Frame } from './ui/frame/Frame.svelte';
181
179
  export * from './ui/chromeFrame/types.js';
182
180
  export * from './ui/chromeFrame/chromeFrame.utils.js';
183
181
  export * from './ui/chromeFrame/chromeFrame.store.js';
@@ -185,9 +183,15 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
185
183
  export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
186
184
  export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
187
185
  export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
186
+ export * from './ui/frame/types.js';
187
+ export { default as Frame } from './ui/frame/Frame.svelte';
188
188
  export * from './styles/slotuisheet/utils.js';
189
189
  export * from './styles/slotuisheet/types.js';
190
190
  export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
191
+ export * from './navigation/tabs/types.js';
192
+ export { default as Tabs } from './navigation/tabs/Tabs.svelte';
193
+ export * from './navigation/drawer/types.js';
194
+ export { default as Drawer } from './navigation/drawer/Drawer.svelte';
191
195
  export * from './data/sorter/types.js';
192
196
  export { default as Sorterer } from './data/sorter/Sorterer.svelte';
193
197
  export { default as Sorter } from './data/sorter/Sorter.svelte';
@@ -207,10 +211,6 @@ export { default as DataListRow } from './data/dataList/DataListRow.svelte';
207
211
  export { default as DataListHead } from './data/dataList/DataListHead.svelte';
208
212
  export { default as DataListCell } from './data/dataList/DataListCell.svelte';
209
213
  export { default as DataList } from './data/dataList/DataList.svelte';
210
- export * from './navigation/tabs/types.js';
211
- export { default as Tabs } from './navigation/tabs/Tabs.svelte';
212
- export * from './navigation/drawer/types.js';
213
- export { default as Drawer } from './navigation/drawer/Drawer.svelte';
214
214
  export * from './controls/textfield/types.js';
215
215
  export { default as TextField } from './controls/textfield/TextField.svelte';
216
216
  export * from './controls/switch/types.js';
package/dist/index.js CHANGED
@@ -129,9 +129,9 @@ export * from './utils/engine/engine.js';
129
129
  export * from './utils/engine/elem.js';
130
130
  export * from './utils/effects/transitions.js';
131
131
  export { default as Css } from './utils/css/Css.svelte';
132
- export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
133
132
  export * from './utils/content/types.js';
134
133
  export { default as Content } from './utils/content/Content.svelte';
134
+ export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
135
135
  export * from './ui/window/types.js';
136
136
  export * from './ui/window/store.js';
137
137
  export * from './ui/window/actions.svelte.js';
@@ -155,10 +155,6 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
155
155
  export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
156
156
  export * from './ui/preview/types.js';
157
157
  export { default as Preview } from './ui/preview/Preview.svelte';
158
- export * from './ui/popper/usePopper.js';
159
- export * from './ui/popper/types.js';
160
- export * from './ui/popper/actions.js';
161
- export { default as Popper } from './ui/popper/Popper.svelte';
162
158
  export * from './ui/panel/types.js';
163
159
  export { default as Paneler } from './ui/panel/Paneler.svelte';
164
160
  export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
@@ -168,6 +164,10 @@ export * from './ui/menuList/types.js';
168
164
  export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
169
165
  export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
170
166
  export { default as MenuList } from './ui/menuList/MenuList.svelte';
167
+ export * from './ui/popper/usePopper.js';
168
+ export * from './ui/popper/types.js';
169
+ export * from './ui/popper/actions.js';
170
+ export { default as Popper } from './ui/popper/Popper.svelte';
171
171
  export * from './ui/menu/types.js';
172
172
  export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
173
173
  export { default as MenuItem } from './ui/menu/MenuItem.svelte';
@@ -177,8 +177,6 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
177
177
  export * from './ui/login/types.js';
178
178
  export * from './ui/login/store.js';
179
179
  export { default as Login } from './ui/login/Login.svelte';
180
- export * from './ui/frame/types.js';
181
- export { default as Frame } from './ui/frame/Frame.svelte';
182
180
  export * from './ui/chromeFrame/types.js';
183
181
  export * from './ui/chromeFrame/chromeFrame.utils.js';
184
182
  export * from './ui/chromeFrame/chromeFrame.store.js';
@@ -186,9 +184,15 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
186
184
  export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
187
185
  export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
188
186
  export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
187
+ export * from './ui/frame/types.js';
188
+ export { default as Frame } from './ui/frame/Frame.svelte';
189
189
  export * from './styles/slotuisheet/utils.js';
190
190
  export * from './styles/slotuisheet/types.js';
191
191
  export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
192
+ export * from './navigation/tabs/types.js';
193
+ export { default as Tabs } from './navigation/tabs/Tabs.svelte';
194
+ export * from './navigation/drawer/types.js';
195
+ export { default as Drawer } from './navigation/drawer/Drawer.svelte';
192
196
  export * from './data/sorter/types.js';
193
197
  export { default as Sorterer } from './data/sorter/Sorterer.svelte';
194
198
  export { default as Sorter } from './data/sorter/Sorter.svelte';
@@ -208,10 +212,6 @@ export { default as DataListRow } from './data/dataList/DataListRow.svelte';
208
212
  export { default as DataListHead } from './data/dataList/DataListHead.svelte';
209
213
  export { default as DataListCell } from './data/dataList/DataListCell.svelte';
210
214
  export { default as DataList } from './data/dataList/DataList.svelte';
211
- export * from './navigation/tabs/types.js';
212
- export { default as Tabs } from './navigation/tabs/Tabs.svelte';
213
- export * from './navigation/drawer/types.js';
214
- export { default as Drawer } from './navigation/drawer/Drawer.svelte';
215
215
  export * from './controls/textfield/types.js';
216
216
  export { default as TextField } from './controls/textfield/TextField.svelte';
217
217
  export * from './controls/switch/types.js';
package/dist/slotui-css/button.css CHANGED
@@ -44,9 +44,30 @@
44
44
  transition: all 0.2s ease-in-out;
45
45
  overflow: hidden;
46
46
  cursor: pointer;
47
- align-content: stretch;
48
- align-items: stretch;
47
+ align-content: center;
48
+ align-items: center;
49
49
  background: var(--sld-button-background);
50
+ /* :focus {
51
+ outline: 1px solid var(--sld-button-focus-border-color);
52
+ outline-offset: 2px;
53
+ box-shadow: var(--sld-button-focus-shadow);
54
+ }
55
+ :focus-visible {
56
+ outline: 1px solid var(--sld-button-focus-border-color);
57
+ outline-offset: -2px;
58
+ box-shadow: var(--sld-button-focus-shadow);
59
+ }
60
+ :hover {
61
+ background-color: var(--sld-button-hover-background);
62
+ box-shadow: var(--sld-button-hover-shadow);
63
+ }
64
+ :active {
65
+ transform: translateY(1px);
66
+ box-shadow: var(--sld-button-active-shadow);
67
+ }
68
+ :focus:not(:focus-visible) {
69
+ box-shadow: var(--sld-button-focus-shadow);
70
+ } */
50
71
  --preset-width: var(--sld-width-small);
51
72
  width: var(--preset-width-small);
52
73
  }
@@ -305,47 +326,6 @@
305
326
  :global(input[type="submit"])[elevation-5] {
306
327
  box-shadow: var(--sld-elevation-5);
307
328
  }
308
- :global(button) :focus,
309
- :global(.button) :focus,
310
- :global(button.button) :focus,
311
- :global(input[type="button"]) :focus,
312
- :global(input[type="submit"]) :focus {
313
- outline: 1px solid var(--sld-button-focus-border-color);
314
- outline-offset: 2px;
315
- box-shadow: var(--sld-button-focus-shadow);
316
- }
317
- :global(button) :focus-visible,
318
- :global(.button) :focus-visible,
319
- :global(button.button) :focus-visible,
320
- :global(input[type="button"]) :focus-visible,
321
- :global(input[type="submit"]) :focus-visible {
322
- outline: 1px solid var(--sld-button-focus-border-color);
323
- outline-offset: -2px;
324
- box-shadow: var(--sld-button-focus-shadow);
325
- }
326
- :global(button) :hover,
327
- :global(.button) :hover,
328
- :global(button.button) :hover,
329
- :global(input[type="button"]) :hover,
330
- :global(input[type="submit"]) :hover {
331
- background-color: var(--sld-button-hover-background);
332
- box-shadow: var(--sld-button-hover-shadow);
333
- }
334
- :global(button) :active,
335
- :global(.button) :active,
336
- :global(button.button) :active,
337
- :global(input[type="button"]) :active,
338
- :global(input[type="submit"]) :active {
339
- transform: translateY(1px);
340
- box-shadow: var(--sld-button-active-shadow);
341
- }
342
- :global(button) :focus:not(:focus-visible),
343
- :global(.button) :focus:not(:focus-visible),
344
- :global(button.button) :focus:not(:focus-visible),
345
- :global(input[type="button"]) :focus:not(:focus-visible),
346
- :global(input[type="submit"]) :focus:not(:focus-visible) {
347
- box-shadow: var(--sld-button-focus-shadow);
348
- }
349
329
  :global(button) .button-start,
350
330
  :global(.button) .button-start,
351
331
  :global(button.button) .button-start,
@@ -357,7 +337,7 @@
357
337
  max-height: 100%;
358
338
  align-items: center;
359
339
  align-content: center;
360
- padding: 0 0.15rem;
340
+ padding: 0 0.5rem;
361
341
  display: block;
362
342
  }
363
343
  :global(button) .button-start:empty,
@@ -373,13 +353,18 @@
373
353
  :global(input[type="button"]) .button-central,
374
354
  :global(input[type="submit"]) .button-central {
375
355
  --preset-ellipsis-line: 1;
356
+ display: block;
376
357
  max-width: 100%;
377
358
  max-height: 100%;
378
359
  flex: 1;
379
360
  align-items: center;
380
361
  align-content: center;
381
- padding-right: calc(var(--content-padding, 0.25rem) / 2);
362
+ justify-content: center;
363
+ justify-items: center;
364
+ padding-left: 0.25rem;
365
+ padding-right: 0.25rem;
382
366
  text-align: var(--sld-button-text-align, center);
367
+ overflow: hidden;
383
368
  }
384
369
  :global(button) .button-central[ellipsis], :global(button) .button-central.ellipsis,
385
370
  :global(.button) .button-central[ellipsis],
package/dist/slotui-css/button.min.css CHANGED
@@ -44,9 +44,30 @@
44
44
  transition: all 0.2s ease-in-out;
45
45
  overflow: hidden;
46
46
  cursor: pointer;
47
- align-content: stretch;
48
- align-items: stretch;
47
+ align-content: center;
48
+ align-items: center;
49
49
  background: var(--sld-button-background);
50
+ /* :focus {
51
+ outline: 1px solid var(--sld-button-focus-border-color);
52
+ outline-offset: 2px;
53
+ box-shadow: var(--sld-button-focus-shadow);
54
+ }
55
+ :focus-visible {
56
+ outline: 1px solid var(--sld-button-focus-border-color);
57
+ outline-offset: -2px;
58
+ box-shadow: var(--sld-button-focus-shadow);
59
+ }
60
+ :hover {
61
+ background-color: var(--sld-button-hover-background);
62
+ box-shadow: var(--sld-button-hover-shadow);
63
+ }
64
+ :active {
65
+ transform: translateY(1px);
66
+ box-shadow: var(--sld-button-active-shadow);
67
+ }
68
+ :focus:not(:focus-visible) {
69
+ box-shadow: var(--sld-button-focus-shadow);
70
+ } */
50
71
  --preset-width: var(--sld-width-small);
51
72
  width: var(--preset-width-small);
52
73
  }
@@ -305,47 +326,6 @@
305
326
  :global(input[type="submit"])[elevation-5] {
306
327
  box-shadow: var(--sld-elevation-5);
307
328
  }
308
- :global(button) :focus,
309
- :global(.button) :focus,
310
- :global(button.button) :focus,
311
- :global(input[type="button"]) :focus,
312
- :global(input[type="submit"]) :focus {
313
- outline: 1px solid var(--sld-button-focus-border-color);
314
- outline-offset: 2px;
315
- box-shadow: var(--sld-button-focus-shadow);
316
- }
317
- :global(button) :focus-visible,
318
- :global(.button) :focus-visible,
319
- :global(button.button) :focus-visible,
320
- :global(input[type="button"]) :focus-visible,
321
- :global(input[type="submit"]) :focus-visible {
322
- outline: 1px solid var(--sld-button-focus-border-color);
323
- outline-offset: -2px;
324
- box-shadow: var(--sld-button-focus-shadow);
325
- }
326
- :global(button) :hover,
327
- :global(.button) :hover,
328
- :global(button.button) :hover,
329
- :global(input[type="button"]) :hover,
330
- :global(input[type="submit"]) :hover {
331
- background-color: var(--sld-button-hover-background);
332
- box-shadow: var(--sld-button-hover-shadow);
333
- }
334
- :global(button) :active,
335
- :global(.button) :active,
336
- :global(button.button) :active,
337
- :global(input[type="button"]) :active,
338
- :global(input[type="submit"]) :active {
339
- transform: translateY(1px);
340
- box-shadow: var(--sld-button-active-shadow);
341
- }
342
- :global(button) :focus:not(:focus-visible),
343
- :global(.button) :focus:not(:focus-visible),
344
- :global(button.button) :focus:not(:focus-visible),
345
- :global(input[type="button"]) :focus:not(:focus-visible),
346
- :global(input[type="submit"]) :focus:not(:focus-visible) {
347
- box-shadow: var(--sld-button-focus-shadow);
348
- }
349
329
  :global(button) .button-start,
350
330
  :global(.button) .button-start,
351
331
  :global(button.button) .button-start,
@@ -357,7 +337,7 @@
357
337
  max-height: 100%;
358
338
  align-items: center;
359
339
  align-content: center;
360
- padding: 0 0.15rem;
340
+ padding: 0 0.5rem;
361
341
  display: block;
362
342
  }
363
343
  :global(button) .button-start:empty,
@@ -373,13 +353,18 @@
373
353
  :global(input[type="button"]) .button-central,
374
354
  :global(input[type="submit"]) .button-central {
375
355
  --preset-ellipsis-line: 1;
356
+ display: block;
376
357
  max-width: 100%;
377
358
  max-height: 100%;
378
359
  flex: 1;
379
360
  align-items: center;
380
361
  align-content: center;
381
- padding-right: calc(var(--content-padding, 0.25rem) / 2);
362
+ justify-content: center;
363
+ justify-items: center;
364
+ padding-left: 0.25rem;
365
+ padding-right: 0.25rem;
382
366
  text-align: var(--sld-button-text-align, center);
367
+ overflow: hidden;
383
368
  }
384
369
  :global(button) .button-central[ellipsis], :global(button) .button-central.ellipsis,
385
370
  :global(.button) .button-central[ellipsis],
package/dist/slotui-css/confirm.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .confirm {
2
- display: contents;
3
2
  display: flex;
4
3
  align-items: center;
4
+ gap: 0.5rem;
5
5
  }
6
6
  .confirm-validate {
7
7
  display: flex;
package/dist/slotui-css/confirm.min.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .confirm {
2
- display: contents;
3
2
  display: flex;
4
3
  align-items: center;
4
+ gap: 0.5rem;
5
5
  }
6
6
  .confirm-validate {
7
7
  display: flex;