@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.
@@ -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, text: string) => void) | undefined;
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
+ }