@oicl/openbridge-webcomponents-svelte 2.1.0-next.8 → 2.1.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/components/alert-menu/ObcAlertMenu.svelte +2 -2
- package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts +2 -2
- package/dist/components/app-menu/ObcAppMenu.svelte +2 -2
- package/dist/components/app-menu/ObcAppMenu.svelte.d.ts +2 -2
- package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte +2 -2
- package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte.d.ts +2 -2
- package/dist/components/command-menu/ObcCommandMenu.svelte +2 -2
- package/dist/components/command-menu/ObcCommandMenu.svelte.d.ts +2 -2
- package/dist/components/context-menu-input/ObcContextMenuInput.svelte +2 -2
- package/dist/components/context-menu-input/ObcContextMenuInput.svelte.d.ts +2 -2
- package/dist/components/navigation-menu/ObcNavigationMenu.svelte +2 -2
- package/dist/components/navigation-menu/ObcNavigationMenu.svelte.d.ts +2 -2
- package/dist/components/system-menu/ObcSystemMenu.svelte +2 -2
- package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts +2 -2
- package/dist/components/user-menu/ObcUserMenu.svelte +2 -2
- package/dist/components/user-menu/ObcUserMenu.svelte.d.ts +2 -2
- package/dist/icons/ObiLogOpenGoogle.svelte +34 -0
- package/dist/icons/ObiLogOpenGoogle.svelte.d.ts +16 -0
- package/dist/icons/ObiTimerGoogle.svelte +34 -0
- package/dist/icons/ObiTimerGoogle.svelte.d.ts +16 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/package.json +2 -2
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
export interface Props {
|
|
11
11
|
class?: string;
|
|
12
12
|
style?: string;
|
|
13
|
-
/**
|
|
13
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
14
14
|
softDismiss?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
* Whether the menu is showing.
|
|
16
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
17
17
|
*
|
|
18
18
|
* Available when `softDismiss==true`.
|
|
19
19
|
*/
|
|
@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
8
8
|
softDismiss?: boolean;
|
|
9
9
|
/**
|
|
10
|
-
* Whether the menu is showing.
|
|
10
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
11
11
|
*
|
|
12
12
|
* Available when `softDismiss==true`.
|
|
13
13
|
*/
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
export interface Props {
|
|
10
10
|
class?: string;
|
|
11
11
|
style?: string;
|
|
12
|
-
/**
|
|
12
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
13
13
|
softDismiss?: boolean;
|
|
14
14
|
/**
|
|
15
|
-
* Whether the menu is showing.
|
|
15
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
16
16
|
*
|
|
17
17
|
* Available when `softDismiss==true`.
|
|
18
18
|
*/
|
|
@@ -3,10 +3,10 @@ import type { Snippet } from 'svelte';
|
|
|
3
3
|
export interface Props {
|
|
4
4
|
class?: string;
|
|
5
5
|
style?: string;
|
|
6
|
-
/**
|
|
6
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
7
7
|
softDismiss?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
* Whether the menu is showing.
|
|
9
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
10
10
|
*
|
|
11
11
|
* Available when `softDismiss==true`.
|
|
12
12
|
*/
|
|
@@ -12,10 +12,10 @@ import type {ObcPalette} from '@oicl/openbridge-webcomponents/dist/charthelpers/
|
|
|
12
12
|
export interface Props {
|
|
13
13
|
class?: string;
|
|
14
14
|
style?: string;
|
|
15
|
-
/**
|
|
15
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
16
16
|
softDismiss?: boolean;
|
|
17
17
|
/**
|
|
18
|
-
* Whether the menu is showing.
|
|
18
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
19
19
|
*
|
|
20
20
|
* Available when `softDismiss==true`.
|
|
21
21
|
*/
|
|
@@ -5,10 +5,10 @@ import type { Snippet } from 'svelte';
|
|
|
5
5
|
export interface Props {
|
|
6
6
|
class?: string;
|
|
7
7
|
style?: string;
|
|
8
|
-
/**
|
|
8
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
9
9
|
softDismiss?: boolean;
|
|
10
10
|
/**
|
|
11
|
-
* Whether the menu is showing.
|
|
11
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
12
12
|
*
|
|
13
13
|
* Available when `softDismiss==true`.
|
|
14
14
|
*/
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
export interface Props {
|
|
11
11
|
class?: string;
|
|
12
12
|
style?: string;
|
|
13
|
-
/**
|
|
13
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
14
14
|
softDismiss?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
* Whether the menu is showing.
|
|
16
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
17
17
|
*
|
|
18
18
|
* Available when `softDismiss==true`.
|
|
19
19
|
*/
|
|
@@ -3,10 +3,10 @@ import type { Snippet } from 'svelte';
|
|
|
3
3
|
export interface Props {
|
|
4
4
|
class?: string;
|
|
5
5
|
style?: string;
|
|
6
|
-
/**
|
|
6
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
7
7
|
softDismiss?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
* Whether the menu is showing.
|
|
9
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
10
10
|
*
|
|
11
11
|
* Available when `softDismiss==true`.
|
|
12
12
|
*/
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
export interface Props {
|
|
10
10
|
class?: string;
|
|
11
11
|
style?: string;
|
|
12
|
-
/**
|
|
12
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
13
13
|
softDismiss?: boolean;
|
|
14
14
|
/**
|
|
15
|
-
* Whether the menu is showing.
|
|
15
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
16
16
|
*
|
|
17
17
|
* Available when `softDismiss==true`.
|
|
18
18
|
*/
|
|
@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
8
8
|
softDismiss?: boolean;
|
|
9
9
|
/**
|
|
10
|
-
* Whether the menu is showing.
|
|
10
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
11
11
|
*
|
|
12
12
|
* Available when `softDismiss==true`.
|
|
13
13
|
*/
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
export interface Props {
|
|
11
11
|
class?: string;
|
|
12
12
|
style?: string;
|
|
13
|
-
/**
|
|
13
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
14
14
|
softDismiss?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
* Whether the menu is showing.
|
|
16
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
17
17
|
*
|
|
18
18
|
* Available when `softDismiss==true`.
|
|
19
19
|
*/
|
|
@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
8
8
|
softDismiss?: boolean;
|
|
9
9
|
/**
|
|
10
|
-
* Whether the menu is showing.
|
|
10
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
11
11
|
*
|
|
12
12
|
* Available when `softDismiss==true`.
|
|
13
13
|
*/
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
export interface Props {
|
|
11
11
|
class?: string;
|
|
12
12
|
style?: string;
|
|
13
|
-
/**
|
|
13
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
14
14
|
softDismiss?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
* Whether the menu is showing.
|
|
16
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
17
17
|
*
|
|
18
18
|
* Available when `softDismiss==true`.
|
|
19
19
|
*/
|
|
@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
8
8
|
softDismiss?: boolean;
|
|
9
9
|
/**
|
|
10
|
-
* Whether the menu is showing.
|
|
10
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
11
11
|
*
|
|
12
12
|
* Available when `softDismiss==true`.
|
|
13
13
|
*/
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
export interface Props {
|
|
11
11
|
class?: string;
|
|
12
12
|
style?: string;
|
|
13
|
-
/**
|
|
13
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
14
14
|
softDismiss?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
* Whether the menu is showing.
|
|
16
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
17
17
|
*
|
|
18
18
|
* Available when `softDismiss==true`.
|
|
19
19
|
*/
|
|
@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
|
|
8
8
|
softDismiss?: boolean;
|
|
9
9
|
/**
|
|
10
|
-
* Whether the menu is showing.
|
|
10
|
+
* Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
|
|
11
11
|
*
|
|
12
12
|
* Available when `softDismiss==true`.
|
|
13
13
|
*/
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/icons/icon-log-open-google.js';
|
|
5
|
+
import { setProperties } from "../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
useCssColor?: boolean
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
</script>
|
|
24
|
+
<obi-log-open-google
|
|
25
|
+
use:setProperties={props}
|
|
26
|
+
|
|
27
|
+
class={className}
|
|
28
|
+
style={style}
|
|
29
|
+
>
|
|
30
|
+
|
|
31
|
+
{#if children}
|
|
32
|
+
{@render children()}
|
|
33
|
+
{/if}
|
|
34
|
+
</obi-log-open-google>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/icons/icon-log-open-google.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
useCssColor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface Events {
|
|
9
|
+
}
|
|
10
|
+
export interface Slots {
|
|
11
|
+
children?: Snippet;
|
|
12
|
+
}
|
|
13
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
14
|
+
declare const ObiLogOpenGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
15
|
+
type ObiLogOpenGoogle = ReturnType<typeof ObiLogOpenGoogle>;
|
|
16
|
+
export default ObiLogOpenGoogle;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/icons/icon-timer-google.js';
|
|
5
|
+
import { setProperties } from "../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
useCssColor?: boolean
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
</script>
|
|
24
|
+
<obi-timer-google
|
|
25
|
+
use:setProperties={props}
|
|
26
|
+
|
|
27
|
+
class={className}
|
|
28
|
+
style={style}
|
|
29
|
+
>
|
|
30
|
+
|
|
31
|
+
{#if children}
|
|
32
|
+
{@render children()}
|
|
33
|
+
{/if}
|
|
34
|
+
</obi-timer-google>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/icons/icon-timer-google.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
useCssColor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface Events {
|
|
9
|
+
}
|
|
10
|
+
export interface Slots {
|
|
11
|
+
children?: Snippet;
|
|
12
|
+
}
|
|
13
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
14
|
+
declare const ObiTimerGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
15
|
+
type ObiTimerGoogle = ReturnType<typeof ObiTimerGoogle>;
|
|
16
|
+
export default ObiTimerGoogle;
|
package/dist/index.d.ts
CHANGED
|
@@ -1360,6 +1360,7 @@ export { default as ObiLocationU } from './icons/ObiLocationU.svelte';
|
|
|
1360
1360
|
export { default as ObiLocation } from './icons/ObiLocation.svelte';
|
|
1361
1361
|
export { default as ObiLogAddGoogle } from './icons/ObiLogAddGoogle.svelte';
|
|
1362
1362
|
export { default as ObiLogEditGoogle } from './icons/ObiLogEditGoogle.svelte';
|
|
1363
|
+
export { default as ObiLogOpenGoogle } from './icons/ObiLogOpenGoogle.svelte';
|
|
1363
1364
|
export { default as ObiLogOpen } from './icons/ObiLogOpen.svelte';
|
|
1364
1365
|
export { default as ObiLogic01Off } from './icons/ObiLogic01Off.svelte';
|
|
1365
1366
|
export { default as ObiLogic01On } from './icons/ObiLogic01On.svelte';
|
|
@@ -2059,6 +2060,7 @@ export { default as ObiTimeLess } from './icons/ObiTimeLess.svelte';
|
|
|
2059
2060
|
export { default as ObiTimeMore } from './icons/ObiTimeMore.svelte';
|
|
2060
2061
|
export { default as ObiTime } from './icons/ObiTime.svelte';
|
|
2061
2062
|
export { default as ObiTimer2 } from './icons/ObiTimer2.svelte';
|
|
2063
|
+
export { default as ObiTimerGoogle } from './icons/ObiTimerGoogle.svelte';
|
|
2062
2064
|
export { default as ObiTimer } from './icons/ObiTimer.svelte';
|
|
2063
2065
|
export { default as ObiTouch } from './icons/ObiTouch.svelte';
|
|
2064
2066
|
export { default as ObiTrackNo } from './icons/ObiTrackNo.svelte';
|
package/dist/index.js
CHANGED
|
@@ -1360,6 +1360,7 @@ export { default as ObiLocationU } from './icons/ObiLocationU.svelte';
|
|
|
1360
1360
|
export { default as ObiLocation } from './icons/ObiLocation.svelte';
|
|
1361
1361
|
export { default as ObiLogAddGoogle } from './icons/ObiLogAddGoogle.svelte';
|
|
1362
1362
|
export { default as ObiLogEditGoogle } from './icons/ObiLogEditGoogle.svelte';
|
|
1363
|
+
export { default as ObiLogOpenGoogle } from './icons/ObiLogOpenGoogle.svelte';
|
|
1363
1364
|
export { default as ObiLogOpen } from './icons/ObiLogOpen.svelte';
|
|
1364
1365
|
export { default as ObiLogic01Off } from './icons/ObiLogic01Off.svelte';
|
|
1365
1366
|
export { default as ObiLogic01On } from './icons/ObiLogic01On.svelte';
|
|
@@ -2059,6 +2060,7 @@ export { default as ObiTimeLess } from './icons/ObiTimeLess.svelte';
|
|
|
2059
2060
|
export { default as ObiTimeMore } from './icons/ObiTimeMore.svelte';
|
|
2060
2061
|
export { default as ObiTime } from './icons/ObiTime.svelte';
|
|
2061
2062
|
export { default as ObiTimer2 } from './icons/ObiTimer2.svelte';
|
|
2063
|
+
export { default as ObiTimerGoogle } from './icons/ObiTimerGoogle.svelte';
|
|
2062
2064
|
export { default as ObiTimer } from './icons/ObiTimer.svelte';
|
|
2063
2065
|
export { default as ObiTouch } from './icons/ObiTouch.svelte';
|
|
2064
2066
|
export { default as ObiTrackNo } from './icons/ObiTrackNo.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-svelte",
|
|
3
|
-
"version": "2.1.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@oicl/openbridge-webcomponents": "^2.1.0
|
|
37
|
+
"@oicl/openbridge-webcomponents": "^2.1.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"svelte": "^5.0.0"
|