@oicl/openbridge-webcomponents 2.0.0-next.50 → 2.0.0-next.51

package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-vessel-menu.js","sources":["../../../src/integration-systems/integration-vessel-menu/integration-vessel-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport componentStyle from './integration-vessel-menu.css?inline';\n\nimport '../../components/button/button.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../icons/icon-placeholder.js';\nimport '../../building-blocks/alert-list/alert-list.js';\n\n/**\n * `<obc-integration-vessel-menu>` – A menu to be shown when selecting a obc-integration-button from a obc-integration-bar.\n *\n * @slot leading-icon - Icon shown in the header.\n * @slot title - Header title text.\n * @slot button-1-leading-icon - Leading icon for the first button.\n * @slot button-1-label - Label for the first button.\n * @slot button-2-leading-icon - Leading icon for the second button.\n * @slot button-2-label - Label for the second button.\n * @slot button-3-leading-icon - Leading icon for the third button.\n * @slot button-3-label - Label for the third button.\n * @slot content - Main content shown in the content area.\n * @slot alarms - Alarm items rendered inside the alert list.\n *\n * @property {number} numberOfButtons - Number of buttons to render (up to 3).\n *\n * @fires button1-click - Fired when the first button is clicked.\n * @fires button2-click - Fired when the second button is clicked.\n * @fires button3-click - Fired when the third button is clicked.\n */\n\n@customElement('obc-integration-vessel-menu')\nexport class ObcIntegrationVesselMenu extends LitElement {\n  @property({type: Number}) numberOfButtons = 3;\n\n  private renderButtons() {\n    return html`${Array.from({length: this.numberOfButtons}, (_, i) => {\n      const buttonNum = i + 1;\n      return html`<obc-button\n        @click=${() =>\n          this.dispatchEvent(new CustomEvent(`button${buttonNum}-click`))}\n        ?showLeadingIcon=${true}\n        ?fullWidth=${true}\n        class=\"button\"\n      >\n        <slot\n          name=\"button-${buttonNum}-leading-icon\"\n          slot=\"leading-icon\"\n        ></slot>\n        <slot name=\"button-${buttonNum}-label\"></slot>\n      </obc-button>`;\n    })}`;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n        })}\n      >\n        <div class=\"footer-container\">${this.renderButtons()}</div>\n        <div class=\"content-area\">\n          <slot name=\"content\"></slot>\n        </div>\n        <div class=\"content-container\">\n          <obc-alert-list class=\"alert-list\"\n            ><slot name=\"alarms\"> </slot>\n          </obc-alert-list>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-vessel-menu': ObcIntegrationVesselMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiCO,IAAM,2BAAN,cAAuC,WAAW;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,kBAAkB;AAAA,EAAA;AAAA,EAEpC,gBAAgB;AACtB,WAAO,OAAO,MAAM,KAAK,EAAC,QAAQ,KAAK,gBAAA,GAAkB,CAAC,GAAG,MAAM;AACjE,YAAM,YAAY,IAAI;AACtB,aAAO;AAAA,iBACI,MACP,KAAK,cAAc,IAAI,YAAY,SAAS,SAAS,QAAQ,CAAC,CAAC;AAAA,2BAC9C,IAAI;AAAA,qBACV,IAAI;AAAA;AAAA;AAAA;AAAA,yBAIA,SAAS;AAAA;AAAA;AAAA,6BAGL,SAAS;AAAA;AAAA,IAElC,CAAC,CAAC;AAAA,EACJ;AAAA,EAEmB,SAAS;AAC1B,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,IAAA,CACV,CAAC;AAAA;AAAA,wCAE8B,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW1D;AAGF;AA3Ca,yBA0CK,SAAS,UAAU,cAAc;AAzCvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,yBACe,WAAA,mBAAA,CAAA;AADf,2BAAN,gBAAA;AAAA,EADN,cAAc,6BAA6B;AAAA,GAC/B,wBAAA;"}

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.css.js

@@ -18,14 +18,27 @@ const compentStyle = css`
   width: 100%;
 }
 
-.wrapper .fleet-wrapper,.wrapper .vessel-wrapper {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: stretch;
-    padding: 4px;
-  }
+.wrapper .fleet-wrapper,
+.wrapper .vessel-wrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: stretch;
+}
+
+.wrapper .fleet-wrapper {
+  padding: 4px 0;
+}
+
+.wrapper .vessel-wrapper {
+  padding: 0px 4px;
+}
+
+.wrapper .topbar-wrapper {
+  display: flex;
+  width: 100%;
+}
 `;
 export {
   compentStyle as default

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-vessel-selector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"integration-vessel-selector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.d.ts

@@ -4,8 +4,10 @@ import { LitElement } from 'lit';
  *
  * @slot - The vessel to select.
  * @slot fleet - The fleet of vessels.
+ * @slot topbar - The top bar, displayed when `hasTopbar` is true.
  */
 export declare class ObcIntegrationVesselSelector extends LitElement {
+    hasTopbar: boolean;
     hasFleet: boolean;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-vessel-selector.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-vessel-selector/integration-vessel-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD;;;;;GAKG;AACH,qBACa,4BAA6B,SAAQ,UAAU;IAC/B,QAAQ,UAAS;IAEnC,MAAM;IAaf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,4BAA4B,CAAC;KACjE;CACF"}
+{"version":3,"file":"integration-vessel-selector.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-vessel-selector/integration-vessel-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD;;;;;;GAMG;AACH,qBACa,4BAA6B,SAAQ,UAAU;IAC/B,SAAS,UAAS;IAClB,QAAQ,UAAS;IAEnC,MAAM;IAgBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,4BAA4B,CAAC;KACjE;CACF"}

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.js

@@ -15,11 +15,13 @@ var __decorateClass = (decorators, target, key, kind) => {
 let ObcIntegrationVesselSelector = class extends LitElement {
   constructor() {
     super(...arguments);
+    this.hasTopbar = false;
     this.hasFleet = false;
   }
   render() {
     return html`
       <div class="wrapper">
+        ${this.hasTopbar ? html`<div class="topbar-wrapper"><slot name="topbar"></slot></div>` : nothing}
         ${this.hasFleet ? html`<div class="fleet-wrapper">
               <slot name="fleet"></slot>
             </div>` : nothing}
@@ -29,6 +31,9 @@ let ObcIntegrationVesselSelector = class extends LitElement {
   }
 };
 ObcIntegrationVesselSelector.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationVesselSelector.prototype, "hasTopbar", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationVesselSelector.prototype, "hasFleet", 2);

package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-vessel-selector.js","sources":["../../../src/integration-systems/integration-vessel-selector/integration-vessel-selector.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-vessel-selector.css?inline';\nimport {property} from 'lit/decorators.js';\n\n/**\n * `<obc-integration-vessel-selector>` – A component that allows the user to select a vessel from a fleet.\n *\n * @slot - The vessel to select.\n * @slot fleet - The fleet of vessels.\n */\n@customElement('obc-integration-vessel-selector')\nexport class ObcIntegrationVesselSelector extends LitElement {\n  @property({type: Boolean}) hasFleet = false;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        ${this.hasFleet\n          ? html`<div class=\"fleet-wrapper\">\n              <slot name=\"fleet\"></slot>\n            </div>`\n          : nothing}\n        <slot class=\"vessel-wrapper\"></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-vessel-selector': ObcIntegrationVesselSelector;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,IAAM,+BAAN,cAA2C,WAAW;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AACsB,SAAA,WAAW;AAAA,EAAA;AAAA,EAE7B,SAAS;AAChB,WAAO;AAAA;AAAA,UAED,KAAK,WACH;AAAA;AAAA,sBAGA,OAAO;AAAA;AAAA;AAAA;AAAA,EAIjB;AAGF;AAjBa,6BAgBK,SAAS,UAAU,YAAY;AAfpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GADd,6BACgB,WAAA,YAAA,CAAA;AADhB,+BAAN,gBAAA;AAAA,EADN,cAAc,iCAAiC;AAAA,GACnC,4BAAA;"}
+{"version":3,"file":"integration-vessel-selector.js","sources":["../../../src/integration-systems/integration-vessel-selector/integration-vessel-selector.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-vessel-selector.css?inline';\nimport {property} from 'lit/decorators.js';\n\n/**\n * `<obc-integration-vessel-selector>` – A component that allows the user to select a vessel from a fleet.\n *\n * @slot - The vessel to select.\n * @slot fleet - The fleet of vessels.\n * @slot topbar - The top bar, displayed when `hasTopbar` is true.\n */\n@customElement('obc-integration-vessel-selector')\nexport class ObcIntegrationVesselSelector extends LitElement {\n  @property({type: Boolean}) hasTopbar = false;\n  @property({type: Boolean}) hasFleet = false;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        ${this.hasTopbar\n          ? html`<div class=\"topbar-wrapper\"><slot name=\"topbar\"></slot></div>`\n          : nothing}\n        ${this.hasFleet\n          ? html`<div class=\"fleet-wrapper\">\n              <slot name=\"fleet\"></slot>\n            </div>`\n          : nothing}\n        <slot class=\"vessel-wrapper\"></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-vessel-selector': ObcIntegrationVesselSelector;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaO,IAAM,+BAAN,cAA2C,WAAW;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AACsB,SAAA,YAAY;AACZ,SAAA,WAAW;AAAA,EAAA;AAAA,EAE7B,SAAS;AAChB,WAAO;AAAA;AAAA,UAED,KAAK,YACH,sEACA,OAAO;AAAA,UACT,KAAK,WACH;AAAA;AAAA,sBAGA,OAAO;AAAA;AAAA;AAAA;AAAA,EAIjB;AAGF;AArBa,6BAoBK,SAAS,UAAU,YAAY;AAnBpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GADd,6BACgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAFd,6BAEgB,WAAA,YAAA,CAAA;AAFhB,+BAAN,gBAAA;AAAA,EADN,cAAc,iCAAiC;AAAA,GACnC,4BAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "2.0.0-next.50",
+  "version": "2.0.0-next.51",
   "type": "module",
   "repository": {
     "type": "git",
@@ -76,7 +76,7 @@
     "@lit-labs/gen-wrapper-svelte": "file:lit-labs-gen-wrapper-svelte-397bf119.tgz",
     "@lit-labs/gen-wrapper-vue": "file:lit-labs-gen-wrapper-vue-0.4.1.tgz",
     "@open-wc/lit-helpers": "^0.7.0",
-    "@playwright/test": "^1.58.2",
+    "@playwright/test": "1.60.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/exec": "^7.1.0",
@@ -109,7 +109,7 @@
     "lit-analyzer": "^2.0.3",
     "nodemon": "^3.1.14",
     "openai": "^6.27.0",
-    "playwright": "^1.58.2",
+    "playwright": "^1.60.0",
     "postcss": "^8.5.8",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",