@oicl/openbridge-webcomponents-vue 0.0.14-post1 → 0.0.15

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/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.d.ts +12 -1
  2. package/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.vue_vue_type_script_setup_true_lang.js +1 -1
  3. package/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.vue_vue_type_script_setup_true_lang.js.map +1 -1
  4. package/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.d.ts +12 -0
  5. package/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.vue_vue_type_script_setup_true_lang.js +1 -1
  6. package/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.vue_vue_type_script_setup_true_lang.js.map +1 -1
  7. package/navigation-instruments/rudder/ObcRudder.d.ts +21 -0
  8. package/navigation-instruments/rudder/ObcRudder.js +2 -0
  9. package/navigation-instruments/rudder/ObcRudder.js.map +1 -0
  10. package/navigation-instruments/rudder/ObcRudder.vue_vue_type_script_setup_true_lang.js +2 -0
  11. package/navigation-instruments/rudder/ObcRudder.vue_vue_type_script_setup_true_lang.js.map +1 -0
  12. package/navigation-instruments/thruster/ObcThruster.d.ts +8 -3
  13. package/navigation-instruments/thruster/ObcThruster.vue_vue_type_script_setup_true_lang.js +1 -1
  14. package/navigation-instruments/thruster/ObcThruster.vue_vue_type_script_setup_true_lang.js.map +1 -1
  15. package/navigation-instruments/watch/ObcWatch.d.ts +15 -2
  16. package/navigation-instruments/watch/ObcWatch.vue_vue_type_script_setup_true_lang.js +1 -1
  17. package/navigation-instruments/watch/ObcWatch.vue_vue_type_script_setup_true_lang.js.map +1 -1
  18. package/package.json +3 -2
  19. package/readme.md +81 -0
@@ -1,19 +1,30 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js';
2
2
  import { Size, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
3
+ import { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
4
+ import { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
3
5
  export interface Props {
4
6
  size?: Size;
5
7
  angle?: number;
6
8
  angleSetpoint?: number | undefined;
7
9
  atAngleSetpoint?: boolean;
10
+ touching?: boolean;
11
+ disableAutoAtAngleSetpoint?: boolean;
12
+ autoAtAngleSetpointDeadband?: number;
8
13
  thrust?: number;
9
14
  thrustSetpoint?: number | undefined;
10
15
  atThrustSetpoint?: boolean;
11
- thrustSetpointAtZero?: boolean;
16
+ thrustSetpointAtZeroDeadband?: number;
17
+ disableAutoAtThrustSetpoint?: boolean;
18
+ autoAtThrustSetpointDeadband?: number;
12
19
  state?: InstrumentState;
13
20
  loading?: number;
14
21
  noPadding?: boolean;
22
+ angleAdvices?: AngleAdvice[];
23
+ thrustAdvices?: LinearAdvice[];
15
24
  }
16
25
  export type { Size, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
26
+ export type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
27
+ export type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
17
28
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
18
29
  export default _default;
19
30
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,2 +1,2 @@
1
- import{defineComponent as u,reactive as d,useSlots as h,withDirectives as f,openBlock as m,createBlock as S,h as g}from"vue";import{assignSlotNodes as v}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js";const P=u({__name:"ObcAzimuthThruster",props:{size:{},angle:{},angleSetpoint:{},atAngleSetpoint:{type:Boolean},thrust:{},thrustSetpoint:{},atThrustSetpoint:{type:Boolean},thrustSetpointAtZero:{type:Boolean},state:{},loading:{},noPadding:{type:Boolean}},setup(p){const o=p,r=d({}),i={created(n){for(const t in o)r[t]=n[t]}};let a=!1;const c=h(),l=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||a)&&(t[s]=e!=null?e:r[s])}return a=!0,g("obc-azimuth-thruster",t,v(c))};return(n,t)=>f((m(),S(l,null,null,512)),[[i]])}});export{P as default};
1
+ import{defineComponent as c,reactive as d,useSlots as h,withDirectives as A,openBlock as f,createBlock as S,h as g}from"vue";import{assignSlotNodes as m}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js";const y=c({__name:"ObcAzimuthThruster",props:{size:{},angle:{},angleSetpoint:{},atAngleSetpoint:{type:Boolean},touching:{type:Boolean},disableAutoAtAngleSetpoint:{type:Boolean},autoAtAngleSetpointDeadband:{},thrust:{},thrustSetpoint:{},atThrustSetpoint:{type:Boolean},thrustSetpointAtZeroDeadband:{},disableAutoAtThrustSetpoint:{type:Boolean},autoAtThrustSetpointDeadband:{},state:{},loading:{},noPadding:{type:Boolean},angleAdvices:{},thrustAdvices:{}},setup(i){const o=i,r=d({}),p={created(n){for(const t in o)r[t]=n[t]}};let a=!1;const l=h(),u=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||a)&&(t[s]=e!=null?e:r[s])}return a=!0,g("obc-azimuth-thruster",t,m(l))};return(n,t)=>A((f(),S(u,null,null,512)),[[p]])}});export{y as default};
2
2
  //# sourceMappingURL=ObcAzimuthThruster.vue_vue_type_script_setup_true_lang.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObcAzimuthThruster.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js';\n import {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\n\n export interface Props {\n size?: Size;\n angle?: number;\n angleSetpoint?: number | undefined;\n atAngleSetpoint?: boolean;\n thrust?: number;\n thrustSetpoint?: number | undefined;\n atThrustSetpoint?: boolean;\n thrustSetpointAtZero?: boolean;\n state?: InstrumentState;\n loading?: number;\n noPadding?: boolean\n }\n\n \n \n export type {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcAzimuthThruster',\n props: {\n size: {},\n angle: {},\n angleSetpoint: {},\n atAngleSetpoint: { type: Boolean },\n thrust: {},\n thrustSetpoint: {},\n atThrustSetpoint: { type: Boolean },\n thrustSetpointAtZero: { type: Boolean },\n state: {},\n loading: {},\n noPadding: { type: Boolean }\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-azimuth-thruster',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4SA0BA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,qBACR,MAAO,CACL,KAAM,CAAC,EACP,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,gBAAiB,CAAE,KAAM,OAAQ,EACjC,OAAQ,CAAC,EACT,eAAgB,CAAC,EACjB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,qBAAsB,CAAE,KAAM,OAAQ,EACtC,MAAO,CAAC,EACR,QAAS,CAAC,EACV,UAAW,CAAE,KAAM,OAAQ,CAC7B,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,uBACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
1
+ {"version":3,"file":"ObcAzimuthThruster.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js';\n import {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nimport {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\nimport {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n\n export interface Props {\n size?: Size;\n angle?: number;\n angleSetpoint?: number | undefined;\n atAngleSetpoint?: boolean;\n touching?: boolean;\n disableAutoAtAngleSetpoint?: boolean;\n autoAtAngleSetpointDeadband?: number;\n thrust?: number;\n thrustSetpoint?: number | undefined;\n atThrustSetpoint?: boolean;\n thrustSetpointAtZeroDeadband?: number;\n disableAutoAtThrustSetpoint?: boolean;\n autoAtThrustSetpointDeadband?: number;\n state?: InstrumentState;\n loading?: number;\n noPadding?: boolean;\n angleAdvices?: AngleAdvice[];\n thrustAdvices?: LinearAdvice[]\n }\n\n \n \n export type {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nexport type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\nexport type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcAzimuthThruster',\n props: {\n size: {},\n angle: {},\n angleSetpoint: {},\n atAngleSetpoint: { type: Boolean },\n touching: { type: Boolean },\n disableAutoAtAngleSetpoint: { type: Boolean },\n autoAtAngleSetpointDeadband: {},\n thrust: {},\n thrustSetpoint: {},\n atThrustSetpoint: { type: Boolean },\n thrustSetpointAtZeroDeadband: {},\n disableAutoAtThrustSetpoint: { type: Boolean },\n autoAtThrustSetpointDeadband: {},\n state: {},\n loading: {},\n noPadding: { type: Boolean },\n angleAdvices: {},\n thrustAdvices: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-azimuth-thruster',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4SAqCA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,qBACR,MAAO,CACL,KAAM,CAAC,EACP,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,gBAAiB,CAAE,KAAM,OAAQ,EACjC,SAAU,CAAE,KAAM,OAAQ,EAC1B,2BAA4B,CAAE,KAAM,OAAQ,EAC5C,4BAA6B,CAAC,EAC9B,OAAQ,CAAC,EACT,eAAgB,CAAC,EACjB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,6BAA8B,CAAC,EAC/B,4BAA6B,CAAE,KAAM,OAAQ,EAC7C,6BAA8B,CAAC,EAC/B,MAAO,CAAC,EACR,QAAS,CAAC,EACV,UAAW,CAAE,KAAM,OAAQ,EAC3B,aAAc,CAAC,EACf,cAAe,CAAC,CAClB,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,uBACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
2
2
  import { CommandStatus } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';
3
3
  import { AzimuthThrusterLabeledSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
4
+ import { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
5
+ import { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
4
6
  export interface Props {
5
7
  label?: string;
6
8
  commandStatus?: CommandStatus;
@@ -8,13 +10,23 @@ export interface Props {
8
10
  angle?: number;
9
11
  angleSetpoint?: number | undefined;
10
12
  atAngleSetpoint?: boolean;
13
+ disableAutoAtAngleSetpoint?: boolean;
14
+ autoAtAngleSetpointDeadband?: number;
15
+ touching?: boolean;
11
16
  thrust?: number;
12
17
  thrustSetpoint?: number | undefined;
13
18
  atThrustSetpoint?: boolean;
14
19
  thrustSetpointAtZero?: boolean;
20
+ disableAutoAtThrustSetpoint?: boolean;
21
+ autoAtThrustSetpointDeadband?: number;
22
+ thrustSetpointAtZeroDeadband?: number;
23
+ angleAdvices?: AngleAdvice[];
24
+ thrustAdvices?: LinearAdvice[];
15
25
  }
16
26
  export type { CommandStatus } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';
17
27
  export type { AzimuthThrusterLabeledSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
28
+ export type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
29
+ export type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
18
30
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
19
31
  export default _default;
20
32
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,2 +1,2 @@
1
- import{defineComponent as u,reactive as d,useSlots as h,withDirectives as m,openBlock as f,createBlock as S,h as v}from"vue";import{assignSlotNodes as _}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js";const y=u({__name:"ObcAzimuthThrusterLabeled",props:{label:{},commandStatus:{},size:{},angle:{},angleSetpoint:{},atAngleSetpoint:{type:Boolean},thrust:{},thrustSetpoint:{},atThrustSetpoint:{type:Boolean},thrustSetpointAtZero:{type:Boolean}},setup(l){const o=l,r=d({}),c={created(n){for(const t in o)r[t]=n[t]}};let a=!1;const p=h(),i=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||a)&&(t[s]=e!=null?e:r[s])}return a=!0,v("obc-azimuth-thruster-labeled",t,_(p))};return(n,t)=>m((f(),S(i,null,null,512)),[[c]])}});export{y as default};
1
+ import{defineComponent as c,reactive as d,useSlots as h,withDirectives as A,openBlock as S,createBlock as m,h as f}from"vue";import{assignSlotNodes as b}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js";const y=c({__name:"ObcAzimuthThrusterLabeled",props:{label:{},commandStatus:{},size:{},angle:{},angleSetpoint:{},atAngleSetpoint:{type:Boolean},disableAutoAtAngleSetpoint:{type:Boolean},autoAtAngleSetpointDeadband:{},touching:{type:Boolean},thrust:{},thrustSetpoint:{},atThrustSetpoint:{type:Boolean},thrustSetpointAtZero:{type:Boolean},disableAutoAtThrustSetpoint:{type:Boolean},autoAtThrustSetpointDeadband:{},thrustSetpointAtZeroDeadband:{},angleAdvices:{},thrustAdvices:{}},setup(l){const o=l,r=d({}),i={created(n){for(const t in o)r[t]=n[t]}};let a=!1;const p=h(),u=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||a)&&(t[s]=e!=null?e:r[s])}return a=!0,f("obc-azimuth-thruster-labeled",t,b(p))};return(n,t)=>A((S(),m(u,null,null,512)),[[i]])}});export{y as default};
2
2
  //# sourceMappingURL=ObcAzimuthThrusterLabeled.vue_vue_type_script_setup_true_lang.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObcAzimuthThrusterLabeled.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\n import {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';\nimport {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\n\n export interface Props {\n label?: string;\n commandStatus?: CommandStatus;\n size?: AzimuthThrusterLabeledSize;\n angle?: number;\n angleSetpoint?: number | undefined;\n atAngleSetpoint?: boolean;\n thrust?: number;\n thrustSetpoint?: number | undefined;\n atThrustSetpoint?: boolean;\n thrustSetpointAtZero?: boolean\n }\n\n \n \n export type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';\nexport type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcAzimuthThrusterLabeled',\n props: {\n label: {},\n commandStatus: {},\n size: {},\n angle: {},\n angleSetpoint: {},\n atAngleSetpoint: { type: Boolean },\n thrust: {},\n thrustSetpoint: {},\n atThrustSetpoint: { type: Boolean },\n thrustSetpointAtZero: { type: Boolean }\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-azimuth-thruster-labeled',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4TA2BA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,4BACR,MAAO,CACL,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,KAAM,CAAC,EACP,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,gBAAiB,CAAE,KAAM,OAAQ,EACjC,OAAQ,CAAC,EACT,eAAgB,CAAC,EACjB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,qBAAsB,CAAE,KAAM,OAAQ,CACxC,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,+BACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
1
+ {"version":3,"file":"ObcAzimuthThrusterLabeled.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\n import {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';\nimport {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\nimport {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\nimport {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n\n export interface Props {\n label?: string;\n commandStatus?: CommandStatus;\n size?: AzimuthThrusterLabeledSize;\n angle?: number;\n angleSetpoint?: number | undefined;\n atAngleSetpoint?: boolean;\n disableAutoAtAngleSetpoint?: boolean;\n autoAtAngleSetpointDeadband?: number;\n touching?: boolean;\n thrust?: number;\n thrustSetpoint?: number | undefined;\n atThrustSetpoint?: boolean;\n thrustSetpointAtZero?: boolean;\n disableAutoAtThrustSetpoint?: boolean;\n autoAtThrustSetpointDeadband?: number;\n thrustSetpointAtZeroDeadband?: number;\n angleAdvices?: AngleAdvice[];\n thrustAdvices?: LinearAdvice[]\n }\n\n \n \n export type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command';\nexport type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';\nexport type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\nexport type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcAzimuthThrusterLabeled',\n props: {\n label: {},\n commandStatus: {},\n size: {},\n angle: {},\n angleSetpoint: {},\n atAngleSetpoint: { type: Boolean },\n disableAutoAtAngleSetpoint: { type: Boolean },\n autoAtAngleSetpointDeadband: {},\n touching: { type: Boolean },\n thrust: {},\n thrustSetpoint: {},\n atThrustSetpoint: { type: Boolean },\n thrustSetpointAtZero: { type: Boolean },\n disableAutoAtThrustSetpoint: { type: Boolean },\n autoAtThrustSetpointDeadband: {},\n thrustSetpointAtZeroDeadband: {},\n angleAdvices: {},\n thrustAdvices: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-azimuth-thruster-labeled',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4TAuCA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,4BACR,MAAO,CACL,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,KAAM,CAAC,EACP,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,gBAAiB,CAAE,KAAM,OAAQ,EACjC,2BAA4B,CAAE,KAAM,OAAQ,EAC5C,4BAA6B,CAAC,EAC9B,SAAU,CAAE,KAAM,OAAQ,EAC1B,OAAQ,CAAC,EACT,eAAgB,CAAC,EACjB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,qBAAsB,CAAE,KAAM,OAAQ,EACtC,4BAA6B,CAAE,KAAM,OAAQ,EAC7C,6BAA8B,CAAC,EAC/B,6BAA8B,CAAC,EAC/B,aAAc,CAAC,EACf,cAAe,CAAC,CAClB,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,+BACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
@@ -0,0 +1,21 @@
1
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rudder/rudder.js';
2
+ export interface Props {
3
+ angle?: number;
4
+ setpoint?: number | undefined;
5
+ atSetpoint?: boolean;
6
+ touching?: boolean;
7
+ disableAutoAtSetpoint?: boolean;
8
+ autoAtSetpointDeadband?: number;
9
+ maxAngle?: number;
10
+ }
11
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
12
+ export default _default;
13
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
+ type __VLS_TypePropsToRuntimeProps<T> = {
15
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
16
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
+ } : {
18
+ type: import('vue').PropType<T[K]>;
19
+ required: true;
20
+ };
21
+ };
@@ -0,0 +1,2 @@
1
+ import"./ObcRudder.vue_vue_type_script_setup_true_lang.js";import{default as t}from"./ObcRudder.vue_vue_type_script_setup_true_lang.js";export{t as default};
2
+ //# sourceMappingURL=ObcRudder.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ObcRudder.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{defineComponent as u,reactive as d,useSlots as f,withDirectives as m,openBlock as v,createBlock as _,h}from"vue";import{assignSlotNodes as B}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/rudder/rudder.js";const A=u({__name:"ObcRudder",props:{angle:{},setpoint:{},atSetpoint:{type:Boolean},touching:{type:Boolean},disableAutoAtSetpoint:{type:Boolean},autoAtSetpointDeadband:{},maxAngle:{}},setup(a){const o=a,r=d({}),p={created(n){for(const e in o)r[e]=n[e]}};let c=!1;const i=f(),l=()=>{const e={};for(const s in o){const t=o[s];(t!==void 0||c)&&(e[s]=t!=null?t:r[s])}return c=!0,h("obc-rudder",e,B(i))};return(n,e)=>m((v(),_(l,null,null,512)),[[p]])}});export{A as default};
2
+ //# sourceMappingURL=ObcRudder.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ObcRudder.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/rudder/ObcRudder.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rudder/rudder.js';\n \n\n export interface Props {\n angle?: number;\n setpoint?: number | undefined;\n atSetpoint?: boolean;\n touching?: boolean;\n disableAutoAtSetpoint?: boolean;\n autoAtSetpointDeadband?: number;\n maxAngle?: number\n }\n\n \n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcRudder',\n props: {\n angle: {},\n setpoint: {},\n atSetpoint: { type: Boolean },\n touching: { type: Boolean },\n disableAutoAtSetpoint: { type: Boolean },\n autoAtSetpointDeadband: {},\n maxAngle: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-rudder',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"mRAoBA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,YACR,MAAO,CACL,MAAO,CAAC,EACR,SAAU,CAAC,EACX,WAAY,CAAE,KAAM,OAAQ,EAC5B,SAAU,CAAE,KAAM,OAAQ,EAC1B,sBAAuB,CAAE,KAAM,OAAQ,EACvC,uBAAwB,CAAC,EACzB,SAAU,CAAC,CACb,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGL,EACL,aACAI,EACAE,EAAgBL,CAAc,CAAA,CAChC,EAGD,MAAA,CAACM,EAAUC,IACTC,GAAiBC,IAAcC,EAAaR,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
@@ -1,17 +1,22 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/thruster.js';
2
2
  import { Size, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
3
+ import { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
3
4
  export interface Props {
4
5
  size?: Size;
5
6
  thrust?: number;
6
7
  setpoint?: number | undefined;
8
+ touching?: boolean;
7
9
  atSetpoint?: boolean;
8
- setpointAtZero?: boolean;
10
+ disableAutoAtSetpoint?: boolean;
11
+ autoAtSetpointDeadband?: number;
12
+ setpointAtZeroDeadband?: number;
9
13
  state?: InstrumentState;
10
14
  tunnel?: boolean;
11
- loading?: boolean;
12
- off?: boolean;
15
+ singleSided?: boolean;
16
+ advices?: LinearAdvice[];
13
17
  }
14
18
  export type { Size, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
19
+ export type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';
15
20
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
16
21
  export default _default;
17
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,2 +1,2 @@
1
- import{defineComponent as u,reactive as f,useSlots as d,withDirectives as m,openBlock as h,createBlock as B,h as v}from"vue";import{assignSlotNodes as _}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/thruster.js";const b=u({__name:"ObcThruster",props:{size:{},thrust:{},setpoint:{},atSetpoint:{type:Boolean},setpointAtZero:{type:Boolean},state:{},tunnel:{type:Boolean},loading:{type:Boolean},off:{type:Boolean}},setup(c){const o=c,r=f({}),a={created(n){for(const t in o)r[t]=n[t]}};let p=!1;const l=d(),i=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||p)&&(t[s]=e!=null?e:r[s])}return p=!0,v("obc-thruster",t,_(l))};return(n,t)=>m((h(),B(i,null,null,512)),[[a]])}});export{b as default};
1
+ import{defineComponent as u,reactive as d,useSlots as f,withDirectives as h,openBlock as m,createBlock as v,h as B}from"vue";import{assignSlotNodes as S}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/thruster.js";const A=u({__name:"ObcThruster",props:{size:{},thrust:{},setpoint:{},touching:{type:Boolean},atSetpoint:{type:Boolean},disableAutoAtSetpoint:{type:Boolean},autoAtSetpointDeadband:{},setpointAtZeroDeadband:{},state:{},tunnel:{type:Boolean},singleSided:{type:Boolean},advices:{}},setup(p){const o=p,r=d({}),c={created(n){for(const t in o)r[t]=n[t]}};let a=!1;const i=f(),l=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||a)&&(t[s]=e!=null?e:r[s])}return a=!0,B("obc-thruster",t,S(i))};return(n,t)=>h((m(),v(l,null,null,512)),[[c]])}});export{A as default};
2
2
  //# sourceMappingURL=ObcThruster.vue_vue_type_script_setup_true_lang.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObcThruster.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/thruster/ObcThruster.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/thruster.js';\n import {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\n\n export interface Props {\n size?: Size;\n thrust?: number;\n setpoint?: number | undefined;\n atSetpoint?: boolean;\n setpointAtZero?: boolean;\n state?: InstrumentState;\n tunnel?: boolean;\n loading?: boolean;\n off?: boolean\n }\n\n \n \n export type {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcThruster',\n props: {\n size: {},\n thrust: {},\n setpoint: {},\n atSetpoint: { type: Boolean },\n setpointAtZero: { type: Boolean },\n state: {},\n tunnel: { type: Boolean },\n loading: { type: Boolean },\n off: { type: Boolean }\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-thruster',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4RAwBA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,cACR,MAAO,CACL,KAAM,CAAC,EACP,OAAQ,CAAC,EACT,SAAU,CAAC,EACX,WAAY,CAAE,KAAM,OAAQ,EAC5B,eAAgB,CAAE,KAAM,OAAQ,EAChC,MAAO,CAAC,EACR,OAAQ,CAAE,KAAM,OAAQ,EACxB,QAAS,CAAE,KAAM,OAAQ,EACzB,IAAK,CAAE,KAAM,OAAQ,CACvB,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,eACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
1
+ {"version":3,"file":"ObcThruster.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/thruster/ObcThruster.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/thruster.js';\n import {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nimport {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n\n export interface Props {\n size?: Size;\n thrust?: number;\n setpoint?: number | undefined;\n touching?: boolean;\n atSetpoint?: boolean;\n disableAutoAtSetpoint?: boolean;\n autoAtSetpointDeadband?: number;\n setpointAtZeroDeadband?: number;\n state?: InstrumentState;\n tunnel?: boolean;\n singleSided?: boolean;\n advices?: LinearAdvice[]\n }\n\n \n \n export type {Size, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nexport type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcThruster',\n props: {\n size: {},\n thrust: {},\n setpoint: {},\n touching: { type: Boolean },\n atSetpoint: { type: Boolean },\n disableAutoAtSetpoint: { type: Boolean },\n autoAtSetpointDeadband: {},\n setpointAtZeroDeadband: {},\n state: {},\n tunnel: { type: Boolean },\n singleSided: { type: Boolean },\n advices: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-thruster',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"4RA6BA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,cACR,MAAO,CACL,KAAM,CAAC,EACP,OAAQ,CAAC,EACT,SAAU,CAAC,EACX,SAAU,CAAE,KAAM,OAAQ,EAC1B,WAAY,CAAE,KAAM,OAAQ,EAC5B,sBAAuB,CAAE,KAAM,OAAQ,EACvC,uBAAwB,CAAC,EACzB,uBAAwB,CAAC,EACzB,MAAO,CAAC,EACR,OAAQ,CAAE,KAAM,OAAQ,EACxB,YAAa,CAAE,KAAM,OAAQ,EAC7B,QAAS,CAAC,CACZ,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,eACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
@@ -1,9 +1,22 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
2
+ import { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
3
+ import { Tickmark } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark';
4
+ import { AngleAdviceRaw } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
2
5
  export interface Props {
3
- hideAllTickmarks?: boolean;
4
- off?: boolean;
6
+ state?: InstrumentState;
7
+ angleSetpoint?: number | undefined;
8
+ atAngleSetpoint?: boolean;
5
9
  padding?: number;
10
+ cutAngleStart?: number | null;
11
+ cutAngleEnd?: number | null;
12
+ roundOutsideCut?: boolean;
13
+ roundInsideCut?: boolean;
14
+ tickmarks?: Tickmark[];
15
+ advices?: AngleAdviceRaw[];
6
16
  }
17
+ export type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';
18
+ export type { Tickmark } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark';
19
+ export type { AngleAdviceRaw } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';
7
20
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
8
21
  export default _default;
9
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,2 +1,2 @@
1
- import{defineComponent as f,reactive as d,useSlots as u,withDirectives as m,openBlock as h,createBlock as v,h as _}from"vue";import{assignSlotNodes as k}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js";const g=f({__name:"ObcWatch",props:{hideAllTickmarks:{type:Boolean},off:{type:Boolean},padding:{}},setup(a){const t=a,r=d({}),p={created(n){for(const e in t)r[e]=n[e]}};let c=!1;const l=u(),i=()=>{const e={};for(const s in t){const o=t[s];(o!==void 0||c)&&(e[s]=o!=null?o:r[s])}return c=!0,_("obc-watch",e,k(l))};return(n,e)=>m((h(),v(i,null,null,512)),[[p]])}});export{g as default};
1
+ import{defineComponent as u,reactive as d,useSlots as f,withDirectives as m,openBlock as v,createBlock as g,h}from"vue";import{assignSlotNodes as _}from"@lit-labs/vue-utils/wrapper-utils.js";import"@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js";const y=u({__name:"ObcWatch",props:{state:{},angleSetpoint:{},atAngleSetpoint:{type:Boolean},padding:{},cutAngleStart:{},cutAngleEnd:{},roundOutsideCut:{type:Boolean},roundInsideCut:{type:Boolean},tickmarks:{},advices:{}},setup(a){const o=a,r=d({}),p={created(n){for(const t in o)r[t]=n[t]}};let c=!1;const i=f(),l=()=>{const t={};for(const s in o){const e=o[s];(e!==void 0||c)&&(t[s]=e!=null?e:r[s])}return c=!0,h("obc-watch",t,_(i))};return(n,t)=>m((v(),g(l,null,null,512)),[[p]])}});export{y as default};
2
2
  //# sourceMappingURL=ObcWatch.vue_vue_type_script_setup_true_lang.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObcWatch.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/watch/ObcWatch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';\n \n\n export interface Props {\n hideAllTickmarks?: boolean;\n off?: boolean;\n padding?: number\n }\n\n \n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcWatch',\n props: {\n hideAllTickmarks: { type: Boolean },\n off: { type: Boolean },\n padding: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-watch',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","h","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"sRAgBA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,WACR,MAAO,CACL,iBAAkB,CAAE,KAAM,OAAQ,EAClC,IAAK,CAAE,KAAM,OAAQ,EACrB,QAAS,CAAC,CACZ,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGLM,EACL,YACAF,EACAG,EAAgBN,CAAc,CAAA,CAChC,EAGD,MAAA,CAACO,EAAUC,IACTC,GAAiBC,IAAcC,EAAaT,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
1
+ {"version":3,"file":"ObcWatch.vue_vue_type_script_setup_true_lang.js","sources":["../../src/navigation-instruments/watch/ObcWatch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { h, useSlots, reactive } from \"vue\";\n import { assignSlotNodes, Slots } from \"@lit-labs/vue-utils/wrapper-utils.js\";\n import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';\n import {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nimport {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark';\nimport {AngleAdviceRaw} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\n\n export interface Props {\n state?: InstrumentState;\n angleSetpoint?: number | undefined;\n atAngleSetpoint?: boolean;\n padding?: number;\n cutAngleStart?: number | null;\n cutAngleEnd?: number | null;\n roundOutsideCut?: boolean;\n roundInsideCut?: boolean;\n tickmarks?: Tickmark[];\n advices?: AngleAdviceRaw[]\n }\n\n \n \n export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types';\nexport type {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark';\nexport type {AngleAdviceRaw} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice';\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'ObcWatch',\n props: {\n state: {},\n angleSetpoint: {},\n atAngleSetpoint: { type: Boolean },\n padding: {},\n cutAngleStart: {},\n cutAngleEnd: {},\n roundOutsideCut: { type: Boolean },\n roundInsideCut: { type: Boolean },\n tickmarks: {},\n advices: {}\n },\n setup(__props: any) {\n\n const vueProps = __props;\n\n const defaults = reactive({} as Props);\n const vDefaults = {\n created(el: any) {\n for (const p in vueProps) {\n defaults[p as keyof Props] = el[p];\n }\n }\n };\n\n let hasRendered = false;\n\n \n\n const slots = useSlots();\n\n const render = () => {\n const eventProps = {\n \n };\n const props = eventProps as (typeof eventProps & Props);\n\n \n for (const p in vueProps) {\n const v = vueProps[p as keyof Props];\n if ((v !== undefined) || hasRendered) {\n (props[p as keyof Props] as unknown) = v ?? defaults[p as keyof Props];\n }\n }\n\n hasRendered = true;\n \n\n return h(\n 'obc-watch',\n props,\n assignSlotNodes(slots as Slots)\n );\n };\n \nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createBlock(render, null, null, 512)), [\n [vDefaults]\n ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","vueProps","defaults","reactive","vDefaults","el","p","hasRendered","slots","useSlots","render","props","v","assignSlotNodes","_ctx","_cache","_withDirectives","_openBlock","_createBlock"],"mappings":"iRA6BA,MAA4BA,EAAiBC,EAAA,CAC3C,OAAQ,WACR,MAAO,CACL,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,gBAAiB,CAAE,KAAM,OAAQ,EACjC,QAAS,CAAC,EACV,cAAe,CAAC,EAChB,YAAa,CAAC,EACd,gBAAiB,CAAE,KAAM,OAAQ,EACjC,eAAgB,CAAE,KAAM,OAAQ,EAChC,UAAW,CAAC,EACZ,QAAS,CAAC,CACZ,EACA,MAAMC,EAAc,CAEhB,MAAMC,EAAWD,EAEfE,EAAWC,EAAS,CAAA,CAAW,EAC/BC,EAAY,CAChB,QAAQC,EAAS,CACf,UAAWC,KAAKL,EACdC,EAASI,GAAoBD,EAAGC,EAEpC,CAAA,EAGF,IAAIC,EAAc,GAId,MAAMC,EAAQC,IAERC,EAAS,IAAM,CAInB,MAAMC,EAHa,CAAA,EAMrB,UAAWL,KAAKL,EAAU,CACxB,MAAMW,EAAIX,EAASK,IACdM,IAAM,QAAcL,KACtBI,EAAML,GAAgCM,GAAA,KAAAA,EAAKV,EAASI,GAEzD,CAEc,OAAAC,EAAA,GAGL,EACL,YACAI,EACAE,EAAgBL,CAAc,CAAA,CAChC,EAGD,MAAA,CAACM,EAAUC,IACTC,GAAiBC,IAAcC,EAAaR,EAAQ,KAAM,KAAM,GAAG,GAAI,CAC5E,CAACN,CAAS,CAAA,CACX,CAEH,CAEA,CAAC"}
package/package.json CHANGED
@@ -8,9 +8,9 @@
8
8
  "build:declarations": "vue-tsc --declaration --emitDeclarationOnly && node ./scripts/rename.js",
9
9
  "preview": "vite preview"
10
10
  },
11
- "version": "0.0.14-post1",
11
+ "version": "0.0.15",
12
12
  "dependencies": {
13
- "@oicl/openbridge-webcomponents": "^0.0.14",
13
+ "@oicl/openbridge-webcomponents": "^0.0.15",
14
14
  "vue": "^3.2.41",
15
15
  "@lit-labs/vue-utils": "^0.1.0"
16
16
  },
@@ -636,6 +636,7 @@
636
636
  "navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.*",
637
637
  "navigation-instruments/badge-command/ObcBadgeCommand.*",
638
638
  "navigation-instruments/instrument-field/ObcInstrumentField.*",
639
+ "navigation-instruments/rudder/ObcRudder.*",
639
640
  "navigation-instruments/thruster/ObcThruster.*",
640
641
  "navigation-instruments/watch/ObcWatch.*"
641
642
  ],
package/readme.md ADDED
@@ -0,0 +1,81 @@
1
+ # Openbridge Web Components Vue
2
+
3
+ Welcome to the Vue.js wrapper of Openbridge Web Components!
4
+
5
+
6
+ > **❗Caution❗** This repository is currently in early development and may not be stable. Please use with caution.
7
+
8
+
9
+ # Introduction video
10
+
11
+ We have made an short introduction to the library. You can watch it [here](https://www.youtube.com/watch?v=5DiEA4voqzI)
12
+
13
+ <a href="http://www.youtube.com/watch?feature=player_embedded&v=5DiEA4voqzI" target="_blank">
14
+ <img src="https://img.youtube.com/vi/5DiEA4voqzI/0.jpg" alt="Watch the video" width="480" height="360" />
15
+ </a>
16
+
17
+ # Slack Channel
18
+ Join our slack channel to get the latest updates and to ask questions. Click [here](https://join.slack.com/t/openbridgegroup/shared_invite/zt-2e4clvl6s-uZLkN5L3g8O~c1UZCN1reQ) to join the slack workspace, and join the [#openbridge-webcomponents](https://openbridgegroup.slack.com/archives/C06LXTCR269) channel.
19
+
20
+ ## Table of Contents
21
+
22
+ - [Storybook](#storybook)
23
+ - [Demo](#demo)
24
+ - [Installation](#installation)
25
+ - [Contributing](#contributing)
26
+
27
+ ## Storybook
28
+
29
+ [Storybook](https://storybook.js.org/) is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components in isolation.
30
+
31
+ To access the Storybook for this project, click [here](https://openbridge-storybook.web.app).
32
+
33
+ ## Demo
34
+
35
+ The demo showcases the project's functionality using Vue.js. It provides a live demonstration of the project's features and allows you to interact with the application.
36
+
37
+ To access the demo, click [here](https://openbridge-demo.web.app/).
38
+
39
+ ## Installation
40
+ To use the components in your project, you can install the package from npm:
41
+
42
+ ```bash
43
+ npm install @oicl/openbridge-webcomponents-vue
44
+ ```
45
+
46
+ See also the [vue demo](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/tree/main/packages/vue-demo) for an example of how to use the components in a Vue.js project.
47
+
48
+ ### Setup
49
+ 1. Add the css file to your project:
50
+ ```javascript
51
+ import '@oicl/openbridge-webcomponents/src/palettes/variables.css'
52
+ ```
53
+ 2. Select the pallet by setting the `data-obc-theme` attribute on the `html` tag:
54
+ ```html
55
+ <html lang="en" data-obc-theme="day">
56
+ ```
57
+ 3. Install the Noto Sans font by using the attached `NotoSans.tff` file. Add the following to your css:
58
+ ```css
59
+ @font-face {
60
+ font-family: 'Noto Sans';
61
+ src: url('path/to/NotoSans.tff');
62
+ }
63
+
64
+ * {
65
+ font-family: Noto Sans;
66
+ }
67
+ ```
68
+ 4. Import the desired components in your project, for instance:
69
+ ```javascript
70
+ import ObcTopBar from '@oicl/openbridge-webcomponents-vue/components/top-bar/ObcTopBar'
71
+ ```
72
+
73
+ 5. Use the components in your project:
74
+ ```html
75
+ <ObcTopBar></ObcTopBar>
76
+ ```
77
+
78
+ ## Contributing
79
+
80
+ Contributions are welcome!
81
+