@oicl/openbridge-webcomponents-svelte 2.0.0-next.137 → 2.0.0-next.138
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.
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
/** The subsystem label. Pass a full title or an abbreviation as plain text. */
|
|
13
|
+
label?: string;
|
|
14
|
+
/** Layout direction: `horizontal` (default) keeps icon, label and badges in one row; `vertical` moves the badges (or empty text) to a line below the label. */
|
|
15
|
+
orientation?: ObcAlertSubsystemCounterOrientation;
|
|
16
|
+
/** Whether the subsystem has active alerts. `true` shows the label bold and renders the `badges` slot; `false` mutes the label and shows `emptyText` instead of the badges. */
|
|
17
|
+
hasAlert?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Text shown in the trailing area when `hasAlert` is `false`.
|
|
20
|
+
*
|
|
21
|
+
* Available when `hasAlert==false`.
|
|
22
|
+
*/
|
|
23
|
+
emptyText?: string
|
|
24
|
+
}
|
|
25
|
+
export interface Events {
|
|
26
|
+
|
|
27
|
+
}
|
|
28
|
+
export interface Slots {
|
|
29
|
+
icon?: Snippet;
|
|
30
|
+
badges?: Snippet
|
|
31
|
+
}
|
|
32
|
+
const { class: className, style, icon, badges, ...props} = $props<Props & Events & Slots>();
|
|
33
|
+
|
|
34
|
+
</script>
|
|
35
|
+
<obc-alert-subsystem-counter
|
|
36
|
+
use:setProperties={props}
|
|
37
|
+
class={className}
|
|
38
|
+
style={style}
|
|
39
|
+
>
|
|
40
|
+
|
|
41
|
+
{#if icon}
|
|
42
|
+
<div slot="icon">
|
|
43
|
+
{@render icon()}
|
|
44
|
+
</div>
|
|
45
|
+
{/if}
|
|
46
|
+
|
|
47
|
+
{#if badges}
|
|
48
|
+
<div slot="badges">
|
|
49
|
+
{@render badges()}
|
|
50
|
+
</div>
|
|
51
|
+
{/if}
|
|
52
|
+
</obc-alert-subsystem-counter>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
|
|
2
|
+
import type { ObcAlertSubsystemCounterOrientation } from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
/** The subsystem label. Pass a full title or an abbreviation as plain text. */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** Layout direction: `horizontal` (default) keeps icon, label and badges in one row; `vertical` moves the badges (or empty text) to a line below the label. */
|
|
10
|
+
orientation?: ObcAlertSubsystemCounterOrientation;
|
|
11
|
+
/** Whether the subsystem has active alerts. `true` shows the label bold and renders the `badges` slot; `false` mutes the label and shows `emptyText` instead of the badges. */
|
|
12
|
+
hasAlert?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Text shown in the trailing area when `hasAlert` is `false`.
|
|
15
|
+
*
|
|
16
|
+
* Available when `hasAlert==false`.
|
|
17
|
+
*/
|
|
18
|
+
emptyText?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface Events {
|
|
21
|
+
}
|
|
22
|
+
export interface Slots {
|
|
23
|
+
icon?: Snippet;
|
|
24
|
+
badges?: Snippet;
|
|
25
|
+
}
|
|
26
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
27
|
+
declare const ObcAlertSubsystemCounter: import("svelte").Component<$$ComponentProps, {
|
|
28
|
+
ObcAlertSubsystemCounterOrientation: typeof ObcAlertSubsystemCounterOrientation;
|
|
29
|
+
}, "">;
|
|
30
|
+
type ObcAlertSubsystemCounter = ReturnType<typeof ObcAlertSubsystemCounter>;
|
|
31
|
+
export default ObcAlertSubsystemCounter;
|
package/dist/index.d.ts
CHANGED
|
@@ -109,6 +109,7 @@ export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.sv
|
|
|
109
109
|
export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
|
|
110
110
|
export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
|
|
111
111
|
export { default as ObcAlertMenuItem } from './components/alert-menu-item/ObcAlertMenuItem.svelte';
|
|
112
|
+
export { default as ObcAlertSubsystemCounter } from './components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte';
|
|
112
113
|
export { default as ObcAppButton } from './components/app-button/ObcAppButton.svelte';
|
|
113
114
|
export { default as ObcAppMenu } from './components/app-menu/ObcAppMenu.svelte';
|
|
114
115
|
export { default as ObcAttachmentListItem } from './components/attachment-list-item/ObcAttachmentListItem.svelte';
|
package/dist/index.js
CHANGED
|
@@ -109,6 +109,7 @@ export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.sv
|
|
|
109
109
|
export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
|
|
110
110
|
export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
|
|
111
111
|
export { default as ObcAlertMenuItem } from './components/alert-menu-item/ObcAlertMenuItem.svelte';
|
|
112
|
+
export { default as ObcAlertSubsystemCounter } from './components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte';
|
|
112
113
|
export { default as ObcAppButton } from './components/app-button/ObcAppButton.svelte';
|
|
113
114
|
export { default as ObcAppMenu } from './components/app-menu/ObcAppMenu.svelte';
|
|
114
115
|
export { default as ObcAttachmentListItem } from './components/attachment-list-item/ObcAttachmentListItem.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-svelte",
|
|
3
|
-
"version": "2.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.138",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@oicl/openbridge-webcomponents": "^2.0.0-next.
|
|
34
|
+
"@oicl/openbridge-webcomponents": "^2.0.0-next.138"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": "^5.0.0"
|