@medyll/idae-slotui-svelte 0.38.0 → 0.40.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/controls/checkbox/Checkbox.svelte.d.ts +6 -3
- package/dist/index.d.ts +6 -4
- package/dist/index.js +6 -4
- package/dist/slotui-css/slotui-combined.css +48 -48
- package/dist/slotui-css/slotui-css.css +5075 -0
- package/dist/slotui-css/slotui-min-css.css +5075 -0
- package/dist/ui/marquee/{Marque.demo.svelte → Marquee.demo.svelte} +1 -1
- package/dist/ui/marquee/{Marque.demo.svelte.d.ts → Marquee.demo.svelte.d.ts} +4 -3
- package/dist/ui/toast/Toast.svelte +3 -7
- package/package.json +3 -3
|
@@ -123,6 +123,7 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
|
|
|
123
123
|
readonly clientTop?: number | undefined;
|
|
124
124
|
readonly clientWidth?: number | undefined;
|
|
125
125
|
id?: string | undefined;
|
|
126
|
+
innerHTML?: string | undefined;
|
|
126
127
|
readonly localName?: string | undefined;
|
|
127
128
|
readonly namespaceURI?: string | null | undefined;
|
|
128
129
|
onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
|
|
@@ -168,12 +169,13 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
|
|
|
168
169
|
(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
|
169
170
|
(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
170
171
|
} | undefined;
|
|
172
|
+
getHTML?: ((options?: GetHTMLOptions) => string) | undefined;
|
|
171
173
|
hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
|
|
172
174
|
hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
|
|
173
175
|
hasAttributes?: (() => boolean) | undefined;
|
|
174
176
|
hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
|
|
175
177
|
insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
|
|
176
|
-
insertAdjacentHTML?: ((position: InsertPosition,
|
|
178
|
+
insertAdjacentHTML?: ((position: InsertPosition, string: string) => void) | undefined;
|
|
177
179
|
insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
|
|
178
180
|
matches?: ((selectors: string) => boolean) | undefined;
|
|
179
181
|
releasePointerCapture?: ((pointerId: number) => void) | undefined;
|
|
@@ -181,7 +183,7 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
|
|
|
181
183
|
removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
|
|
182
184
|
removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
|
|
183
185
|
requestFullscreen?: ((options?: FullscreenOptions) => Promise<void>) | undefined;
|
|
184
|
-
requestPointerLock?: (() => void) | undefined;
|
|
186
|
+
requestPointerLock?: ((options?: PointerLockOptions) => Promise<void>) | undefined;
|
|
185
187
|
scroll?: {
|
|
186
188
|
(options?: ScrollToOptions): void;
|
|
187
189
|
(x: number, y: number): void;
|
|
@@ -297,7 +299,6 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
|
|
|
297
299
|
before?: ((...nodes: (Node | string)[]) => void) | undefined;
|
|
298
300
|
remove?: (() => void) | undefined;
|
|
299
301
|
replaceWith?: ((...nodes: (Node | string)[]) => void) | undefined;
|
|
300
|
-
innerHTML?: string | undefined;
|
|
301
302
|
readonly nextElementSibling?: Element | null | undefined;
|
|
302
303
|
readonly previousElementSibling?: Element | null | undefined;
|
|
303
304
|
readonly childElementCount?: number | undefined;
|
|
@@ -341,7 +342,9 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
|
|
|
341
342
|
onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
342
343
|
onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
343
344
|
onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
345
|
+
oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
344
346
|
oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
347
|
+
oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
345
348
|
oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
|
|
346
349
|
oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
347
350
|
oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './componentCite.js';
|
|
2
|
+
export * from './csss/csss.js';
|
|
2
3
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
3
4
|
export * as windowCss from './slotui-css/window.css';
|
|
4
5
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -31,6 +32,8 @@ export * as slotuiPresetsMinCss from './slotui-css/slotui-presets.min.css';
|
|
|
31
32
|
export * as slotuiPresetsCss from './slotui-css/slotui-presets.css';
|
|
32
33
|
export * as slotuiMixinsMinCss from './slotui-css/slotui-mixins.min.css';
|
|
33
34
|
export * as slotuiMixinsCss from './slotui-css/slotui-mixins.css';
|
|
35
|
+
export * as slotuiMinCssCss from './slotui-css/slotui-min-css.css';
|
|
36
|
+
export * as slotuiCssCss from './slotui-css/slotui-css.css';
|
|
34
37
|
export * as slotuiCombinedCss from './slotui-css/slotui-combined.css';
|
|
35
38
|
export * as sliderMinCss from './slotui-css/slider.min.css';
|
|
36
39
|
export * as sliderCss from './slotui-css/slider.css';
|
|
@@ -106,16 +109,15 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
106
109
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
107
110
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
108
111
|
export * as alertCss from './slotui-css/alert.css';
|
|
109
|
-
export * from './csss/csss.js';
|
|
110
|
-
export * from './utils/stylesheet/utils.js';
|
|
111
|
-
export * from './utils/stylesheet/types.js';
|
|
112
|
-
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
113
112
|
export * from './utils/uses/toggler.js';
|
|
114
113
|
export * from './utils/uses/positioner.js';
|
|
115
114
|
export * from './utils/uses/navigation.js';
|
|
116
115
|
export * from './utils/uses/makeOnTop.js';
|
|
117
116
|
export * from './utils/uses/event.js';
|
|
118
117
|
export * from './utils/uses/draggabler.js';
|
|
118
|
+
export * from './utils/stylesheet/utils.js';
|
|
119
|
+
export * from './utils/stylesheet/types.js';
|
|
120
|
+
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
119
121
|
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
120
122
|
export * from './utils/looper/types.js';
|
|
121
123
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// auto exports of entry components
|
|
2
2
|
export * from './componentCite.js';
|
|
3
|
+
export * from './csss/csss.js';
|
|
3
4
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
4
5
|
export * as windowCss from './slotui-css/window.css';
|
|
5
6
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -32,6 +33,8 @@ export * as slotuiPresetsMinCss from './slotui-css/slotui-presets.min.css';
|
|
|
32
33
|
export * as slotuiPresetsCss from './slotui-css/slotui-presets.css';
|
|
33
34
|
export * as slotuiMixinsMinCss from './slotui-css/slotui-mixins.min.css';
|
|
34
35
|
export * as slotuiMixinsCss from './slotui-css/slotui-mixins.css';
|
|
36
|
+
export * as slotuiMinCssCss from './slotui-css/slotui-min-css.css';
|
|
37
|
+
export * as slotuiCssCss from './slotui-css/slotui-css.css';
|
|
35
38
|
export * as slotuiCombinedCss from './slotui-css/slotui-combined.css';
|
|
36
39
|
export * as sliderMinCss from './slotui-css/slider.min.css';
|
|
37
40
|
export * as sliderCss from './slotui-css/slider.css';
|
|
@@ -107,16 +110,15 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
107
110
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
108
111
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
109
112
|
export * as alertCss from './slotui-css/alert.css';
|
|
110
|
-
export * from './csss/csss.js';
|
|
111
|
-
export * from './utils/stylesheet/utils.js';
|
|
112
|
-
export * from './utils/stylesheet/types.js';
|
|
113
|
-
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
114
113
|
export * from './utils/uses/toggler.js';
|
|
115
114
|
export * from './utils/uses/positioner.js';
|
|
116
115
|
export * from './utils/uses/navigation.js';
|
|
117
116
|
export * from './utils/uses/makeOnTop.js';
|
|
118
117
|
export * from './utils/uses/event.js';
|
|
119
118
|
export * from './utils/uses/draggabler.js';
|
|
119
|
+
export * from './utils/stylesheet/utils.js';
|
|
120
|
+
export * from './utils/stylesheet/types.js';
|
|
121
|
+
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
120
122
|
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
121
123
|
export * from './utils/looper/types.js';
|
|
122
124
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
|
@@ -524,36 +524,6 @@ dialog.window .ctrlZone {
|
|
|
524
524
|
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
525
525
|
}
|
|
526
526
|
|
|
527
|
-
/** toolbar.scss ----------------*/
|
|
528
|
-
:root {
|
|
529
|
-
--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
|
|
530
|
-
--toolbar-gap: var(--sld-pad-tiny);
|
|
531
|
-
--toolbar-divider-border: 1px solid red;
|
|
532
|
-
--toolbar-divider-height: 1rem;
|
|
533
|
-
--toolbar-vertical-divider-border: 1px solid green;
|
|
534
|
-
--toolbar-vertical-divider-width: 1rem;
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
.toolbar {
|
|
538
|
-
display: flex;
|
|
539
|
-
flex-direction: row;
|
|
540
|
-
align-items: center;
|
|
541
|
-
padding: var(--toolbar-padding);
|
|
542
|
-
gap: var(--toolbar-gap);
|
|
543
|
-
}
|
|
544
|
-
.toolbar divider {
|
|
545
|
-
border: var(--toolbar-divider-border);
|
|
546
|
-
height: var(--toolbar-divider-height);
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.toolbar.vertical {
|
|
550
|
-
flex-direction: column;
|
|
551
|
-
}
|
|
552
|
-
.toolbar.vertical divider {
|
|
553
|
-
border: var(--toolbar-vertical-divider-border);
|
|
554
|
-
width: var(--toolbar-vertical-divider-width);
|
|
555
|
-
}
|
|
556
|
-
|
|
557
527
|
/** toggle-bar.scss ----------------*/
|
|
558
528
|
:root {
|
|
559
529
|
--toggle-bar-padding: var(--sld-commandbar-padding, var(--box-density-1));
|
|
@@ -597,6 +567,36 @@ dialog.window .ctrlZone {
|
|
|
597
567
|
overflow: hidden;
|
|
598
568
|
}
|
|
599
569
|
|
|
570
|
+
/** toolbar.scss ----------------*/
|
|
571
|
+
:root {
|
|
572
|
+
--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
|
|
573
|
+
--toolbar-gap: var(--sld-pad-tiny);
|
|
574
|
+
--toolbar-divider-border: 1px solid red;
|
|
575
|
+
--toolbar-divider-height: 1rem;
|
|
576
|
+
--toolbar-vertical-divider-border: 1px solid green;
|
|
577
|
+
--toolbar-vertical-divider-width: 1rem;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.toolbar {
|
|
581
|
+
display: flex;
|
|
582
|
+
flex-direction: row;
|
|
583
|
+
align-items: center;
|
|
584
|
+
padding: var(--toolbar-padding);
|
|
585
|
+
gap: var(--toolbar-gap);
|
|
586
|
+
}
|
|
587
|
+
.toolbar divider {
|
|
588
|
+
border: var(--toolbar-divider-border);
|
|
589
|
+
height: var(--toolbar-divider-height);
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.toolbar.vertical {
|
|
593
|
+
flex-direction: column;
|
|
594
|
+
}
|
|
595
|
+
.toolbar.vertical divider {
|
|
596
|
+
border: var(--toolbar-vertical-divider-border);
|
|
597
|
+
width: var(--toolbar-vertical-divider-width);
|
|
598
|
+
}
|
|
599
|
+
|
|
600
600
|
/** taskbar.scss ----------------*/
|
|
601
601
|
:root {
|
|
602
602
|
--taskbar-grid-gap: var(--sld-gap-tiny);
|
|
@@ -4909,24 +4909,6 @@ hr.vertical {
|
|
|
4909
4909
|
justify-content: end;
|
|
4910
4910
|
}
|
|
4911
4911
|
|
|
4912
|
-
/** badge.scss ----------------*/
|
|
4913
|
-
:root {
|
|
4914
|
-
--badge-color-border: var(--sld-color-border);
|
|
4915
|
-
}
|
|
4916
|
-
|
|
4917
|
-
.badge {
|
|
4918
|
-
position: absolute;
|
|
4919
|
-
border-radius: 50%;
|
|
4920
|
-
border: 1px solid var(--badge-color-border);
|
|
4921
|
-
display: grid;
|
|
4922
|
-
place-items: center;
|
|
4923
|
-
width: 16px;
|
|
4924
|
-
height: 16px;
|
|
4925
|
-
}
|
|
4926
|
-
.badge .hidden {
|
|
4927
|
-
transform: scale(0, 0);
|
|
4928
|
-
}
|
|
4929
|
-
|
|
4930
4912
|
/** backdrop.scss ----------------*/
|
|
4931
4913
|
:root {
|
|
4932
4914
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -5073,3 +5055,21 @@ dialog.alert article.dialog-content footer.dialog-footer button {
|
|
|
5073
5055
|
text-shadow: 0 0 0.125rem #cc0000;
|
|
5074
5056
|
background-color: red;
|
|
5075
5057
|
}
|
|
5058
|
+
|
|
5059
|
+
/** badge.scss ----------------*/
|
|
5060
|
+
:root {
|
|
5061
|
+
--badge-color-border: var(--sld-color-border);
|
|
5062
|
+
}
|
|
5063
|
+
|
|
5064
|
+
.badge {
|
|
5065
|
+
position: absolute;
|
|
5066
|
+
border-radius: 50%;
|
|
5067
|
+
border: 1px solid var(--badge-color-border);
|
|
5068
|
+
display: grid;
|
|
5069
|
+
place-items: center;
|
|
5070
|
+
width: 16px;
|
|
5071
|
+
height: 16px;
|
|
5072
|
+
}
|
|
5073
|
+
.badge .hidden {
|
|
5074
|
+
transform: scale(0, 0);
|
|
5075
|
+
}
|