@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.148 → 2.0.0-next.150

package/dist/generated/locales/fi-FI.d.ts

@@ -54,6 +54,14 @@ export declare const templates: {
     sdb1595f5c742dfbb: string;
     s37cbecaec58e2192: string;
     s065289e6cba017c6: string;
+    s5e8250fb85d64c23: string;
+    sc16e00a7a8b2fde2: string;
+    s6d8c02aee480af7a: string;
+    s6abb1cd87fe0114e: string;
+    s18c92783d4042bbc: string;
+    sa48f81f001b893d2: string;
+    sf7eeef8b4d6e602d: string;
+    s37a9e8aec5713460: string;
     s76b886a513fca0d8: string;
     seb1d48da15e775c9: string;
     s5e27738a2e8eb763: string;
@@ -61,8 +69,10 @@ export declare const templates: {
     sf6e1665c7022a1f8: string;
     s981f6febad4df84a: string;
     sbce70cbdb856635e: string;
-    sa48f81f001b893d2: string;
     s7cfe12cd14df9950: string;
+    s5be3c6d61cd9182f: string;
+    s744d993d03f29851: string;
+    sa81e2cdaf6921adc: string;
     s3374200692e9843d: string;
 };
 //# sourceMappingURL=fi-FI.d.ts.map

package/dist/generated/locales/fi-FI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fi-FI.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/fi-FI.ts"],"names":[],"mappings":"AAUI,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}
+{"version":3,"file":"fi-FI.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/fi-FI.ts"],"names":[],"mappings":"AAUI,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ErB,CAAC"}

package/dist/generated/locales/fi-FI.js

@@ -54,6 +54,14 @@ const templates = {
   "sdb1595f5c742dfbb": `Input`,
   "s37cbecaec58e2192": `Mode`,
   "s065289e6cba017c6": `Transcribe`,
+  "s5e8250fb85d64c23": `Close`,
+  "sc16e00a7a8b2fde2": `Back`,
+  "s6d8c02aee480af7a": `Menu`,
+  "s6abb1cd87fe0114e": `Home`,
+  "s18c92783d4042bbc": `Dimming`,
+  "sa48f81f001b893d2": `User`,
+  "sf7eeef8b4d6e602d": `Apps`,
+  "s37a9e8aec5713460": `More`,
   "s76b886a513fca0d8": `Username is required`,
   "seb1d48da15e775c9": `Password is required`,
   "s5e27738a2e8eb763": `Sign in`,
@@ -61,8 +69,10 @@ const templates = {
   "sf6e1665c7022a1f8": `Password`,
   "s981f6febad4df84a": `Recently signed in`,
   "sbce70cbdb856635e": `Recent`,
-  "sa48f81f001b893d2": `User`,
   "s7cfe12cd14df9950": `Sign out`,
+  "s5be3c6d61cd9182f": `Notifications`,
+  "s744d993d03f29851": `Screen`,
+  "sa81e2cdaf6921adc": `System`,
   "s3374200692e9843d": `No alerts`
 };
 export {

package/dist/generated/locales/fi-FI.js.map

@@ -1 +1 @@
-{"version":3,"file":"fi-FI.js","sources":["../../../src/generated/locales/fi-FI.ts"],"sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      's01b603dddbaba7b6': `Vahvistamaton`,\n's079a052719914d71': `Kategoria`,\n's097d821eb8e9069f': `Hyllyttänyt`,\n's0f3699a7bd401f61': `Yö`,\n's16fccc311f4779f6': `Korjattu`,\n's2a2488656f97b746': `Ei hyllytettyjä hälytyksiä`,\n's33e301ba1f4a6864': `Näytön hallinta`,\n's35aab6bf5dda3be0': `Hälytysajastin`,\n's3cf89cb47fdde7e9': `Linkki`,\n's47278872f6826da8': `Hämärä`,\n's5ba9818f6a39054c': `Siirry 'Hälytyslistaan' saadaksesi lisätietoja tai hallitaksesi olemassa olevia hälytyksiä.`,\n's61a9ee872da3a0cd': `Ei estettyjä hälytyksiä`,\n's6686fcc6d2c8f0bd': `Huomautus`,\n's68395a4c26a9e8ac': `Hiljennä`,\n's8119af112f965c78': `Kirkkaus`,\n's88d1c1e15ca1aade': `Hälytykset`,\n's93c7817bb872836a': `Vahvistanut`,\n's9e34794bcfdc6665': `Kirkas`,\n'sa2b9faa7ad068cfc': `Aktivoitu`,\n'sa6ef04345891fb38': `Vahvistus näkyvissä`,\n'sa711a6fcc9552dbf': `Lukeminen`,\n'sa7f8e003ff63ef9f': `Ei aktiivisia hälytyksiä`,\n'sdc7335a13d9e03f5': `Vahvistettu`,\n'se0955919920ee87d': `Päivä`,\n'se92d11374fcdf768': `Ei vahvistamattomia hälytyksiä`,\n'seb27af82aef6a03e': `Ei korjattuja hälytyksiä`,\n'sf268637d594dacb2': `Hyllytetty`,\n'sf2de3605b3655264': `Hyllytysajastin`,\n'sf59d9197d2e50c93': `Estetty`,\n'sf993bb199fefbe04': `Kaikki`,\n'sfa32c219a0764262': `VAHVISTA`,\n'sfbc33dd48f23752c': `Tunnistetunnus`,\n'sa45a194b58837e4f': `Active`,\n'sc5a5b268010fc312': `Audio muted`,\n's740deeebbea89396': `Audio on`,\n'sb1772b5e873910c2': `Microphone muted`,\n'sae9a175972fdc8a6': `Microphone on`,\n'scdec9ef5c73b26a1': `Wi-Fi`,\n's08e6bd98452e6bb9': `Audio`,\n's232f88877550dfa9': `Microphone`,\n's2eda024d0ca3dbae': `Battery`,\n's77a0727520efc502': `Charging`,\n'sfa0a009c85861b5b': `Powered & not charging`,\n's2d91daeb457fbd1d': `On battery`,\n's9d8b8aa2b404c2c8': `Settings`,\n's463b8c4e92751ba5': `Options`,\n'sd2208cd1a767644b': `Disconnect`,\n's40bbf4a98d873400': `Push to talk`,\n's345be9d2d7ce0228': `Usage`,\n's0200a1a60221ccd3': `Battery saving mode`,\n's186609156d69afdc': `Other networks`,\n'sfd77270c3f54f664': `Output`,\n'sdb1595f5c742dfbb': `Input`,\n's37cbecaec58e2192': `Mode`,\n's065289e6cba017c6': `Transcribe`,\n's76b886a513fca0d8': `Username is required`,\n'seb1d48da15e775c9': `Password is required`,\n's5e27738a2e8eb763': `Sign in`,\n's03f42eea72154959': `Username`,\n'sf6e1665c7022a1f8': `Password`,\n's981f6febad4df84a': `Recently signed in`,\n'sbce70cbdb856635e': `Recent`,\n'sa48f81f001b893d2': `User`,\n's7cfe12cd14df9950': `Sign out`,\n's3374200692e9843d': `No alerts`,\n    };\n  "],"names":[],"mappings":"AAUW,MAAM,YAAY;AAAA,EACvB,qBAAqB;AAAA,EAC3B,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AACjB;"}
+{"version":3,"file":"fi-FI.js","sources":["../../../src/generated/locales/fi-FI.ts"],"sourcesContent":["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      's01b603dddbaba7b6': `Vahvistamaton`,\n's079a052719914d71': `Kategoria`,\n's097d821eb8e9069f': `Hyllyttänyt`,\n's0f3699a7bd401f61': `Yö`,\n's16fccc311f4779f6': `Korjattu`,\n's2a2488656f97b746': `Ei hyllytettyjä hälytyksiä`,\n's33e301ba1f4a6864': `Näytön hallinta`,\n's35aab6bf5dda3be0': `Hälytysajastin`,\n's3cf89cb47fdde7e9': `Linkki`,\n's47278872f6826da8': `Hämärä`,\n's5ba9818f6a39054c': `Siirry 'Hälytyslistaan' saadaksesi lisätietoja tai hallitaksesi olemassa olevia hälytyksiä.`,\n's61a9ee872da3a0cd': `Ei estettyjä hälytyksiä`,\n's6686fcc6d2c8f0bd': `Huomautus`,\n's68395a4c26a9e8ac': `Hiljennä`,\n's8119af112f965c78': `Kirkkaus`,\n's88d1c1e15ca1aade': `Hälytykset`,\n's93c7817bb872836a': `Vahvistanut`,\n's9e34794bcfdc6665': `Kirkas`,\n'sa2b9faa7ad068cfc': `Aktivoitu`,\n'sa6ef04345891fb38': `Vahvistus näkyvissä`,\n'sa711a6fcc9552dbf': `Lukeminen`,\n'sa7f8e003ff63ef9f': `Ei aktiivisia hälytyksiä`,\n'sdc7335a13d9e03f5': `Vahvistettu`,\n'se0955919920ee87d': `Päivä`,\n'se92d11374fcdf768': `Ei vahvistamattomia hälytyksiä`,\n'seb27af82aef6a03e': `Ei korjattuja hälytyksiä`,\n'sf268637d594dacb2': `Hyllytetty`,\n'sf2de3605b3655264': `Hyllytysajastin`,\n'sf59d9197d2e50c93': `Estetty`,\n'sf993bb199fefbe04': `Kaikki`,\n'sfa32c219a0764262': `VAHVISTA`,\n'sfbc33dd48f23752c': `Tunnistetunnus`,\n'sa45a194b58837e4f': `Active`,\n'sc5a5b268010fc312': `Audio muted`,\n's740deeebbea89396': `Audio on`,\n'sb1772b5e873910c2': `Microphone muted`,\n'sae9a175972fdc8a6': `Microphone on`,\n'scdec9ef5c73b26a1': `Wi-Fi`,\n's08e6bd98452e6bb9': `Audio`,\n's232f88877550dfa9': `Microphone`,\n's2eda024d0ca3dbae': `Battery`,\n's77a0727520efc502': `Charging`,\n'sfa0a009c85861b5b': `Powered & not charging`,\n's2d91daeb457fbd1d': `On battery`,\n's9d8b8aa2b404c2c8': `Settings`,\n's463b8c4e92751ba5': `Options`,\n'sd2208cd1a767644b': `Disconnect`,\n's40bbf4a98d873400': `Push to talk`,\n's345be9d2d7ce0228': `Usage`,\n's0200a1a60221ccd3': `Battery saving mode`,\n's186609156d69afdc': `Other networks`,\n'sfd77270c3f54f664': `Output`,\n'sdb1595f5c742dfbb': `Input`,\n's37cbecaec58e2192': `Mode`,\n's065289e6cba017c6': `Transcribe`,\n's5e8250fb85d64c23': `Close`,\n'sc16e00a7a8b2fde2': `Back`,\n's6d8c02aee480af7a': `Menu`,\n's6abb1cd87fe0114e': `Home`,\n's18c92783d4042bbc': `Dimming`,\n'sa48f81f001b893d2': `User`,\n'sf7eeef8b4d6e602d': `Apps`,\n's37a9e8aec5713460': `More`,\n's76b886a513fca0d8': `Username is required`,\n'seb1d48da15e775c9': `Password is required`,\n's5e27738a2e8eb763': `Sign in`,\n's03f42eea72154959': `Username`,\n'sf6e1665c7022a1f8': `Password`,\n's981f6febad4df84a': `Recently signed in`,\n'sbce70cbdb856635e': `Recent`,\n's7cfe12cd14df9950': `Sign out`,\n's5be3c6d61cd9182f': `Notifications`,\n's744d993d03f29851': `Screen`,\n'sa81e2cdaf6921adc': `System`,\n's3374200692e9843d': `No alerts`,\n    };\n  "],"names":[],"mappings":"AAUW,MAAM,YAAY;AAAA,EACvB,qBAAqB;AAAA,EAC3B,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AACjB;"}

package/dist/integration-systems/integration-bar/integration-bar.d.ts

@@ -41,14 +41,14 @@ import '../../icons/icon-link.js';
  * @slot clock - Custom clock content, rendered when `showClock` is true
  * @slot integration-buttons - Regular vessel integration buttons
  * @slot hug-buttons - Compact vessel integration buttons; slotted integration buttons are forced to hug type
- * @fires fleet-button-click - Fired when the fleet button is clicked
- * @fires link-button-clicked - Fired when the link button is clicked
- * @fires alert-button-clicked - Fired when the alert button is clicked
- * @fires notification-button-clicked - Fired when the notification button is clicked
- * @fires screen-button-clicked - Fired when the screen button is clicked
- * @fires system-button-clicked - Fired when the system button is clicked
- * @fires dimming-button-clicked - Fired when the dimming button is clicked
- * @fires user-button-clicked - Fired when the user button is clicked
+ * @fires {CustomEvent} fleet-button-click - Fired when the fleet button is clicked
+ * @fires {CustomEvent} link-button-clicked - Fired when the link button is clicked
+ * @fires {CustomEvent} alert-button-clicked - Fired when the alert button is clicked
+ * @fires {CustomEvent} notification-button-clicked - Fired when the notification button is clicked
+ * @fires {CustomEvent} screen-button-clicked - Fired when the screen button is clicked
+ * @fires {CustomEvent} system-button-clicked - Fired when the system button is clicked
+ * @fires {CustomEvent} dimming-button-clicked - Fired when the dimming button is clicked
+ * @fires {CustomEvent} user-button-clicked - Fired when the user button is clicked
  * @experimental
  */
 export declare class ObcIntegrationBar extends LitElement {

package/dist/integration-systems/integration-bar/integration-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-bar.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-bar/integration-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iCAAiC,CAAC;AACzC,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAIlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACpB,cAAc,UAAS;IACvB,SAAS,UAAS;IAClB,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,iBAAiB,UAAS;IAC1B,sBAAsB,UAAS;IAC/B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC9B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC9B,sBAAsB,UAAS;IAC/B,2BAA2B,UAAS;IACpC,eAAe,UAAS;IACxB,oBAAoB,UAAS;IAC7B,eAAe,UAAS;IACxB,mBAAmB,UAAS;IAC5B,oBAAoB,UAAS;IAC9B,gBAAgB,SAAW;IAE5C,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,mBAAmB;IAIlB,MAAM;IAmLf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"integration-bar.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-bar/integration-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iCAAiC,CAAC;AACzC,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAKlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACpB,cAAc,UAAS;IACvB,SAAS,UAAS;IAClB,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,iBAAiB,UAAS;IAC1B,sBAAsB,UAAS;IAC/B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC9B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC9B,sBAAsB,UAAS;IAC/B,2BAA2B,UAAS;IACpC,eAAe,UAAS;IACxB,oBAAoB,UAAS;IAC7B,eAAe,UAAS;IACxB,mBAAmB,UAAS;IAC5B,oBAAoB,UAAS;IAC9B,gBAAgB,SAAW;IAE5C,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,mBAAmB;IAIlB,MAAM;IA8Lf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/integration-systems/integration-bar/integration-bar.js

@@ -16,6 +16,7 @@ import "../../icons/icon-alerts.js";
 import "../../icons/icon-link.js";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
+import { msg } from "@lit/localize";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -73,7 +74,11 @@ let ObcIntegrationBar = class extends LitElement {
     return html`
       <nav class="wrapper">
         <div class="content-container">
-          ${!this.hideHomeButton ? html`<obc-icon-button class="home-button" variant="integration">
+          ${!this.hideHomeButton ? html`<obc-icon-button
+                class="home-button"
+                variant="integration"
+                aria-label=${msg("Home")}
+              >
                 <obi-home></obi-home>
               </obc-icon-button>` : null}
           ${this.showLinkButton ? html`<obc-icon-button
@@ -83,6 +88,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="link-button"
                 variant="integration"
+                aria-label=${msg("Link")}
                 @click=${() => this.dispatchEvent(new CustomEvent("link-button-clicked"))}
                 ?activated=${this.linkButtonActivated}
               >
@@ -127,6 +133,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="alert-button"
                 variant="integration"
+                aria-label=${msg("Alerts")}
                 style=${this.alertButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(new CustomEvent("alert-button-clicked"))}
                 ?activated=${this.alertButtonActivated}
@@ -140,6 +147,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="notification-button"
                 variant="integration"
+                aria-label=${msg("Notifications")}
                 style=${this.notificationButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(
       new CustomEvent("notification-button-clicked")
@@ -155,6 +163,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="screen-button"
                 variant="integration"
+                aria-label=${msg("Screen")}
                 style=${this.screenButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(new CustomEvent("screen-button-clicked"))}
                 ?activated=${this.screenButtonActivated}
@@ -168,6 +177,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="system-button"
                 variant="integration"
+                aria-label=${msg("System")}
                 style=${this.systemButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(new CustomEvent("system-button-clicked"))}
                 ?activated=${this.systemButtonActivated}
@@ -181,6 +191,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="dimming-button"
                 variant="integration"
+                aria-label=${msg("Dimming")}
                 style=${this.dimmingButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(new CustomEvent("dimming-button-clicked"))}
                 ?activated=${this.dimmingButtonActivated}
@@ -194,6 +205,7 @@ let ObcIntegrationBar = class extends LitElement {
     })}
                 part="user-button"
                 variant="integration"
+                aria-label=${msg("User")}
                 style=${this.userButtonActivated ? "anchor-name: --settings-menu-anchor;" : ""}
                 @click=${() => this.dispatchEvent(new CustomEvent("user-button-clicked"))}
                 ?activated=${this.userButtonActivated}

package/dist/integration-systems/integration-bar/integration-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-bar.js","sources":["../../../src/integration-systems/integration-bar/integration-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, nothing} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-bar.css?inline';\nimport '../integration-tabs/integration-tabs.js';\nimport '../integration-button/integration-button.js';\nimport {\n  IntegrationButtonType,\n  IntegrationButtonVariant,\n} from '../integration-button/integration-button.js';\nimport '../../components/clock/clock.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../icons/icon-palette-day-night-iec.js';\nimport '../../icons/icon-user.js';\nimport '../../icons/icon-configure.js';\nimport '../../icons/icon-notification.js';\nimport '../../icons/icon-home.js';\nimport '../../icons/icon-ship.js';\nimport '../../icons/icon-screen-desk.js';\nimport '../../icons/icon-alerts.js';\nimport '../../icons/icon-link.js';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * `<obc-integration-bar>` – A compact top-level integration header for vessel and system navigation controls.\n *\n * Provides a configurable integration bar with home/navigation controls, optional fleet and vessel selection,\n * and optional utility actions such as alerts, notifications, screen, system, dimming, user, and clock.\n *\n * @property hideHomeButton - Hides the home button when true\n * @property showClock - Toggles rendering of the clock slot\n * @property showLinkButton - Toggles visibility of link button\n * @property linkButtonActivated - Activated state of link button\n * @property showUserButton - Toggles visibility of user button\n * @property userButtonActivated - Activated state of user button\n * @property showDimmingButton - Toggles visibility of dimming button\n * @property dimmingButtonActivated - Activated state of dimming button\n * @property showSystemButton - Toggles visibility of system button\n * @property systemButtonActivated - Activated state of system button\n * @property showScreenButton - Toggles visibility of screen button\n * @property screenButtonActivated - Activated state of screen button\n * @property showNotificationButton - Toggles visibility of notification button\n * @property notificationButtonActivated - Activated state of notification button\n * @property showAlertButton - Toggles visibility of alert button\n * @property alertButtonActivated - Activated state of alert button\n * @property showFleetButton - Toggles visibility of fleet button\n * @property fleetButtonSelected - Selected state of fleet button\n * @property fleetButtonActivated - Active state of fleet button while selection is pending\n * @property fleetButtonLabel - Label for the fleet button\n * @slot clock - Custom clock content, rendered when `showClock` is true\n * @slot integration-buttons - Regular vessel integration buttons\n * @slot hug-buttons - Compact vessel integration buttons; slotted integration buttons are forced to hug type\n * @fires fleet-button-click - Fired when the fleet button is clicked\n * @fires link-button-clicked - Fired when the link button is clicked\n * @fires alert-button-clicked - Fired when the alert button is clicked\n * @fires notification-button-clicked - Fired when the notification button is clicked\n * @fires screen-button-clicked - Fired when the screen button is clicked\n * @fires system-button-clicked - Fired when the system button is clicked\n * @fires dimming-button-clicked - Fired when the dimming button is clicked\n * @fires user-button-clicked - Fired when the user button is clicked\n * @experimental\n */\n@customElement('obc-integration-bar')\nexport class ObcIntegrationBar extends LitElement {\n  @property({type: Boolean}) hideHomeButton = false;\n  @property({type: Boolean}) showClock = false;\n  @property({type: Boolean}) showLinkButton = false;\n  @property({type: Boolean}) linkButtonActivated = false;\n  @property({type: Boolean}) showUserButton = false;\n  @property({type: Boolean}) userButtonActivated = false;\n  @property({type: Boolean}) showDimmingButton = false;\n  @property({type: Boolean}) dimmingButtonActivated = false;\n  @property({type: Boolean}) showSystemButton = false;\n  @property({type: Boolean}) systemButtonActivated = false;\n  @property({type: Boolean}) showScreenButton = false;\n  @property({type: Boolean}) screenButtonActivated = false;\n  @property({type: Boolean}) showNotificationButton = false;\n  @property({type: Boolean}) notificationButtonActivated = false;\n  @property({type: Boolean}) showAlertButton = false;\n  @property({type: Boolean}) alertButtonActivated = false;\n  @property({type: Boolean}) showFleetButton = false;\n  @property({type: Boolean}) fleetButtonSelected = false;\n  @property({type: Boolean}) fleetButtonActivated = false;\n  @property({type: String}) fleetButtonLabel = 'Fleet';\n\n  @state() private buttonsOnBar = false;\n\n  private onFleetButtonClick() {\n    this.dispatchEvent(new CustomEvent('fleet-button-click'));\n  }\n\n  private onHugButtonsSlotChange(event: Event) {\n    const slot = event.currentTarget as HTMLSlotElement;\n    const assignedElements = slot.assignedElements({flatten: true});\n\n    assignedElements.forEach((element) => {\n      if (element.tagName === 'OBC-INTEGRATION-BUTTON') {\n        const integrationButton = element as unknown as HTMLElement & {\n          type: IntegrationButtonType;\n        };\n        integrationButton.type = IntegrationButtonType.hug;\n      }\n    });\n    this.buttonsOnBar = true;\n  }\n\n  private onButtonsSlotChange() {\n    this.buttonsOnBar = true;\n  }\n\n  override render() {\n    const isFleetButtonAnchored = this.fleetButtonActivated;\n    return html`\n      <nav class=\"wrapper\">\n        <div class=\"content-container\">\n          ${!this.hideHomeButton\n            ? html`<obc-icon-button class=\"home-button\" variant=\"integration\">\n                <obi-home></obi-home>\n              </obc-icon-button>`\n            : null}\n          ${this.showLinkButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'link-button': true,\n                  activated: this.linkButtonActivated,\n                })}\n                part=\"link-button\"\n                variant=\"integration\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('link-button-clicked'))}\n                ?activated=${this.linkButtonActivated}\n              >\n                <obi-link></obi-link>\n              </obc-icon-button>`\n            : null}\n          <div class=${classMap({'fleet-vessel-container': true})}>\n            ${this.showFleetButton\n              ? html`<obc-integration-button\n                  class=\"fleet-button\"\n                  .variant=${IntegrationButtonVariant.normal}\n                  ?selected=${this.fleetButtonSelected}\n                  ?activated=${this.fleetButtonActivated}\n                  style=${isFleetButtonAnchored\n                    ? 'anchor-name: --integration-menu-anchor;'\n                    : ''}\n                  @click=${() => this.onFleetButtonClick()}\n                >\n                  <span slot=\"label\">${this.fleetButtonLabel}</span>\n                </obc-integration-button>`\n              : nothing}\n            <div class=\"vessel-container\">\n              ${this.buttonsOnBar\n                ? nothing\n                : html`<div class=\"vessel-button-placeholder\"></div>`}\n              <slot\n                class=\"hug-buttons-slot\"\n                name=\"hug-buttons\"\n                @slotchange=${this.onHugButtonsSlotChange}\n              ></slot>\n              <slot\n                class=\"integration-buttons-slot\"\n                name=\"integration-buttons\"\n                @slotchange=${this.onButtonsSlotChange}\n              ></slot>\n            </div>\n          </div>\n        </div>\n        <div\n          class=${classMap({\n            'buttons-on-bar': this.buttonsOnBar,\n            'right-content-container': true,\n          })}\n        >\n          ${this.showAlertButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'alert-button': true,\n                  activated: this.alertButtonActivated,\n                })}\n                part=\"alert-button\"\n                variant=\"integration\"\n                style=${this.alertButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('alert-button-clicked'))}\n                ?activated=${this.alertButtonActivated}\n              >\n                <obi-alerts></obi-alerts>\n              </obc-icon-button>`\n            : null}\n          ${this.showNotificationButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'notification-button': true,\n                  activated: this.notificationButtonActivated,\n                })}\n                part=\"notification-button\"\n                variant=\"integration\"\n                style=${this.notificationButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(\n                    new CustomEvent('notification-button-clicked')\n                  )}\n                ?activated=${this.notificationButtonActivated}\n              >\n                <obi-notification></obi-notification>\n              </obc-icon-button>`\n            : null}\n          ${this.showScreenButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'screen-button': true,\n                  activated: this.screenButtonActivated,\n                })}\n                part=\"screen-button\"\n                variant=\"integration\"\n                style=${this.screenButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('screen-button-clicked'))}\n                ?activated=${this.screenButtonActivated}\n              >\n                <obi-screen-desk></obi-screen-desk>\n              </obc-icon-button>`\n            : null}\n          ${this.showSystemButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'system-button': true,\n                  activated: this.systemButtonActivated,\n                })}\n                part=\"system-button\"\n                variant=\"integration\"\n                style=${this.systemButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('system-button-clicked'))}\n                ?activated=${this.systemButtonActivated}\n              >\n                <obi-configure></obi-configure>\n              </obc-icon-button>`\n            : null}\n          ${this.showDimmingButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'dimming-button': true,\n                  activated: this.dimmingButtonActivated,\n                })}\n                part=\"dimming-button\"\n                variant=\"integration\"\n                style=${this.dimmingButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('dimming-button-clicked'))}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-palette-day-night-iec></obi-palette-day-night-iec>\n              </obc-icon-button>`\n            : null}\n          ${this.showUserButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'user-button': true,\n                  activated: this.userButtonActivated,\n                })}\n                part=\"user-button\"\n                variant=\"integration\"\n                style=${this.userButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('user-button-clicked'))}\n                ?activated=${this.userButtonActivated}\n              >\n                <obi-user></obi-user>\n              </obc-icon-button>`\n            : null}\n          ${this.showClock ? html`<slot name=\"clock\"></slot>` : null}\n        </div>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-bar': ObcIntegrationBar;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"integration-bar.js","sources":["../../../src/integration-systems/integration-bar/integration-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, nothing} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-bar.css?inline';\nimport '../integration-tabs/integration-tabs.js';\nimport '../integration-button/integration-button.js';\nimport {\n  IntegrationButtonType,\n  IntegrationButtonVariant,\n} from '../integration-button/integration-button.js';\nimport '../../components/clock/clock.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../icons/icon-palette-day-night-iec.js';\nimport '../../icons/icon-user.js';\nimport '../../icons/icon-configure.js';\nimport '../../icons/icon-notification.js';\nimport '../../icons/icon-home.js';\nimport '../../icons/icon-ship.js';\nimport '../../icons/icon-screen-desk.js';\nimport '../../icons/icon-alerts.js';\nimport '../../icons/icon-link.js';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {msg} from '@lit/localize';\n\n/**\n * `<obc-integration-bar>` – A compact top-level integration header for vessel and system navigation controls.\n *\n * Provides a configurable integration bar with home/navigation controls, optional fleet and vessel selection,\n * and optional utility actions such as alerts, notifications, screen, system, dimming, user, and clock.\n *\n * @property hideHomeButton - Hides the home button when true\n * @property showClock - Toggles rendering of the clock slot\n * @property showLinkButton - Toggles visibility of link button\n * @property linkButtonActivated - Activated state of link button\n * @property showUserButton - Toggles visibility of user button\n * @property userButtonActivated - Activated state of user button\n * @property showDimmingButton - Toggles visibility of dimming button\n * @property dimmingButtonActivated - Activated state of dimming button\n * @property showSystemButton - Toggles visibility of system button\n * @property systemButtonActivated - Activated state of system button\n * @property showScreenButton - Toggles visibility of screen button\n * @property screenButtonActivated - Activated state of screen button\n * @property showNotificationButton - Toggles visibility of notification button\n * @property notificationButtonActivated - Activated state of notification button\n * @property showAlertButton - Toggles visibility of alert button\n * @property alertButtonActivated - Activated state of alert button\n * @property showFleetButton - Toggles visibility of fleet button\n * @property fleetButtonSelected - Selected state of fleet button\n * @property fleetButtonActivated - Active state of fleet button while selection is pending\n * @property fleetButtonLabel - Label for the fleet button\n * @slot clock - Custom clock content, rendered when `showClock` is true\n * @slot integration-buttons - Regular vessel integration buttons\n * @slot hug-buttons - Compact vessel integration buttons; slotted integration buttons are forced to hug type\n * @fires {CustomEvent} fleet-button-click - Fired when the fleet button is clicked\n * @fires {CustomEvent} link-button-clicked - Fired when the link button is clicked\n * @fires {CustomEvent} alert-button-clicked - Fired when the alert button is clicked\n * @fires {CustomEvent} notification-button-clicked - Fired when the notification button is clicked\n * @fires {CustomEvent} screen-button-clicked - Fired when the screen button is clicked\n * @fires {CustomEvent} system-button-clicked - Fired when the system button is clicked\n * @fires {CustomEvent} dimming-button-clicked - Fired when the dimming button is clicked\n * @fires {CustomEvent} user-button-clicked - Fired when the user button is clicked\n * @experimental\n */\n@customElement('obc-integration-bar')\nexport class ObcIntegrationBar extends LitElement {\n  @property({type: Boolean}) hideHomeButton = false;\n  @property({type: Boolean}) showClock = false;\n  @property({type: Boolean}) showLinkButton = false;\n  @property({type: Boolean}) linkButtonActivated = false;\n  @property({type: Boolean}) showUserButton = false;\n  @property({type: Boolean}) userButtonActivated = false;\n  @property({type: Boolean}) showDimmingButton = false;\n  @property({type: Boolean}) dimmingButtonActivated = false;\n  @property({type: Boolean}) showSystemButton = false;\n  @property({type: Boolean}) systemButtonActivated = false;\n  @property({type: Boolean}) showScreenButton = false;\n  @property({type: Boolean}) screenButtonActivated = false;\n  @property({type: Boolean}) showNotificationButton = false;\n  @property({type: Boolean}) notificationButtonActivated = false;\n  @property({type: Boolean}) showAlertButton = false;\n  @property({type: Boolean}) alertButtonActivated = false;\n  @property({type: Boolean}) showFleetButton = false;\n  @property({type: Boolean}) fleetButtonSelected = false;\n  @property({type: Boolean}) fleetButtonActivated = false;\n  @property({type: String}) fleetButtonLabel = 'Fleet';\n\n  @state() private buttonsOnBar = false;\n\n  private onFleetButtonClick() {\n    this.dispatchEvent(new CustomEvent('fleet-button-click'));\n  }\n\n  private onHugButtonsSlotChange(event: Event) {\n    const slot = event.currentTarget as HTMLSlotElement;\n    const assignedElements = slot.assignedElements({flatten: true});\n\n    assignedElements.forEach((element) => {\n      if (element.tagName === 'OBC-INTEGRATION-BUTTON') {\n        const integrationButton = element as unknown as HTMLElement & {\n          type: IntegrationButtonType;\n        };\n        integrationButton.type = IntegrationButtonType.hug;\n      }\n    });\n    this.buttonsOnBar = true;\n  }\n\n  private onButtonsSlotChange() {\n    this.buttonsOnBar = true;\n  }\n\n  override render() {\n    const isFleetButtonAnchored = this.fleetButtonActivated;\n    return html`\n      <nav class=\"wrapper\">\n        <div class=\"content-container\">\n          ${!this.hideHomeButton\n            ? html`<obc-icon-button\n                class=\"home-button\"\n                variant=\"integration\"\n                aria-label=${msg('Home')}\n              >\n                <obi-home></obi-home>\n              </obc-icon-button>`\n            : null}\n          ${this.showLinkButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'link-button': true,\n                  activated: this.linkButtonActivated,\n                })}\n                part=\"link-button\"\n                variant=\"integration\"\n                aria-label=${msg('Link')}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('link-button-clicked'))}\n                ?activated=${this.linkButtonActivated}\n              >\n                <obi-link></obi-link>\n              </obc-icon-button>`\n            : null}\n          <div class=${classMap({'fleet-vessel-container': true})}>\n            ${this.showFleetButton\n              ? html`<obc-integration-button\n                  class=\"fleet-button\"\n                  .variant=${IntegrationButtonVariant.normal}\n                  ?selected=${this.fleetButtonSelected}\n                  ?activated=${this.fleetButtonActivated}\n                  style=${isFleetButtonAnchored\n                    ? 'anchor-name: --integration-menu-anchor;'\n                    : ''}\n                  @click=${() => this.onFleetButtonClick()}\n                >\n                  <span slot=\"label\">${this.fleetButtonLabel}</span>\n                </obc-integration-button>`\n              : nothing}\n            <div class=\"vessel-container\">\n              ${this.buttonsOnBar\n                ? nothing\n                : html`<div class=\"vessel-button-placeholder\"></div>`}\n              <slot\n                class=\"hug-buttons-slot\"\n                name=\"hug-buttons\"\n                @slotchange=${this.onHugButtonsSlotChange}\n              ></slot>\n              <slot\n                class=\"integration-buttons-slot\"\n                name=\"integration-buttons\"\n                @slotchange=${this.onButtonsSlotChange}\n              ></slot>\n            </div>\n          </div>\n        </div>\n        <div\n          class=${classMap({\n            'buttons-on-bar': this.buttonsOnBar,\n            'right-content-container': true,\n          })}\n        >\n          ${this.showAlertButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'alert-button': true,\n                  activated: this.alertButtonActivated,\n                })}\n                part=\"alert-button\"\n                variant=\"integration\"\n                aria-label=${msg('Alerts')}\n                style=${this.alertButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('alert-button-clicked'))}\n                ?activated=${this.alertButtonActivated}\n              >\n                <obi-alerts></obi-alerts>\n              </obc-icon-button>`\n            : null}\n          ${this.showNotificationButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'notification-button': true,\n                  activated: this.notificationButtonActivated,\n                })}\n                part=\"notification-button\"\n                variant=\"integration\"\n                aria-label=${msg('Notifications')}\n                style=${this.notificationButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(\n                    new CustomEvent('notification-button-clicked')\n                  )}\n                ?activated=${this.notificationButtonActivated}\n              >\n                <obi-notification></obi-notification>\n              </obc-icon-button>`\n            : null}\n          ${this.showScreenButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'screen-button': true,\n                  activated: this.screenButtonActivated,\n                })}\n                part=\"screen-button\"\n                variant=\"integration\"\n                aria-label=${msg('Screen')}\n                style=${this.screenButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('screen-button-clicked'))}\n                ?activated=${this.screenButtonActivated}\n              >\n                <obi-screen-desk></obi-screen-desk>\n              </obc-icon-button>`\n            : null}\n          ${this.showSystemButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'system-button': true,\n                  activated: this.systemButtonActivated,\n                })}\n                part=\"system-button\"\n                variant=\"integration\"\n                aria-label=${msg('System')}\n                style=${this.systemButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('system-button-clicked'))}\n                ?activated=${this.systemButtonActivated}\n              >\n                <obi-configure></obi-configure>\n              </obc-icon-button>`\n            : null}\n          ${this.showDimmingButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'dimming-button': true,\n                  activated: this.dimmingButtonActivated,\n                })}\n                part=\"dimming-button\"\n                variant=\"integration\"\n                aria-label=${msg('Dimming')}\n                style=${this.dimmingButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('dimming-button-clicked'))}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-palette-day-night-iec></obi-palette-day-night-iec>\n              </obc-icon-button>`\n            : null}\n          ${this.showUserButton\n            ? html`<obc-icon-button\n                class=${classMap({\n                  'user-button': true,\n                  activated: this.userButtonActivated,\n                })}\n                part=\"user-button\"\n                variant=\"integration\"\n                aria-label=${msg('User')}\n                style=${this.userButtonActivated\n                  ? 'anchor-name: --settings-menu-anchor;'\n                  : ''}\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('user-button-clicked'))}\n                ?activated=${this.userButtonActivated}\n              >\n                <obi-user></obi-user>\n              </obc-icon-button>`\n            : null}\n          ${this.showClock ? html`<slot name=\"clock\"></slot>` : null}\n        </div>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-bar': ObcIntegrationBar;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import '../integration-tabs/integration-tabs.js';
 import '../../components/clock/clock.js';
 import '../../components/icon-button/icon-button.js';
@@ -7,13 +7,42 @@ import '../../icons/icon-user.js';
 import '../../icons/icon-configure.js';
 import '../../icons/icon-notification.js';
 import '../../icons/icon-home.js';
+import '../../icons/icon-screen-desk.js';
+import '../../icons/icon-alerts.js';
+import '../../icons/icon-link.js';
 /**
+ * `<obc-integration-bar-dropdown>` – A compact top-level integration header with a dropdown selector, status fields and system action buttons.
  *
- * @fires home-button-clicked - Fired when the home button is clicked
- * @fires dimming-button-clicked - Fired when the dimming button is clicked
- * @fires notification-button-clicked - Fired when the notification button is clicked
- * @fires user-button-clicked - Fired when the user button is clicked
- * @fires system-button-clicked - Fired when the system button is clicked
+ * @property showHomeButton - Home button at the left end of the bar.
+ * @property homeButtonActivated - Pressed styling for the home button.
+ * @availableWhen homeButtonActivated showHomeButton==true
+ * @property showLinkButton - Link button, between home and the selector.
+ * @property linkButtonActivated - Pressed styling for the link button.
+ * @availableWhen linkButtonActivated showLinkButton==true
+ * @property showClock - Renders the `clock` slot at the right end.
+ * @property showAlertButton - Alert button, first in the right-hand group.
+ * @property alertButtonActivated - Pressed styling for the alert button.
+ * @availableWhen alertButtonActivated showAlertButton==true
+ * @property showNotificationButton - Notification button, after the alert button.
+ * @property notificationButtonActivated - Pressed styling; the count badge only appears in this state.
+ * @availableWhen notificationButtonActivated showNotificationButton==true
+ * @property notificationCount - Number drawn in the count badge.
+ * @availableWhen notificationCount showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true
+ * @property showNotificationCount - Draws the count badge on the notification button.
+ * @availableWhen showNotificationCount showNotificationButton==true && notificationButtonActivated==true
+ * @property showScreenButton - Screen button, after the notification button.
+ * @property screenButtonActivated - Pressed styling for the screen button.
+ * @availableWhen screenButtonActivated showScreenButton==true
+ * @property showUserButton - User button, last before the clock.
+ * @property userButtonActivated - Pressed styling for the user button.
+ * @availableWhen userButtonActivated showUserButton==true
+ * @property showDimmingButton - Dimming button, between system and user.
+ * @property dimmingButtonActivated - Pressed styling for the dimming button.
+ * @availableWhen dimmingButtonActivated showDimmingButton==true
+ * @property showSystemButton - System button, after the screen button.
+ * @property systemButtonActivated - Pressed styling for the system button.
+ * @availableWhen systemButtonActivated showSystemButton==true
+ * @property nStatusFields - How many `status-icon-N`/`status-label-N` slot pairs are rendered.
  *
  * @slot vessel-selector - Vessel selector content
  * @slot status-label-1 - Label for the first status field
@@ -23,25 +52,61 @@ import '../../icons/icon-home.js';
  * @slot status-label-3 - Label for the third status field
  * @slot status-icon-3 - Icon for the third status field
  * @slot clock - Custom clock content, rendered when `showClock` is true
+ *
+ * @fires {CustomEvent} home-button-clicked - Fired when the home button is clicked
+ * @fires {CustomEvent} link-button-clicked - Fired when the link button is clicked
+ * @fires {CustomEvent} alert-button-clicked - Fired when the alert button is clicked
+ * @fires {CustomEvent} dimming-button-clicked - Fired when the dimming button is clicked
+ * @fires {CustomEvent} notification-button-clicked - Fired when the notification button is clicked
+ * @fires {CustomEvent} screen-button-clicked - Fired when the screen button is clicked
+ * @fires {CustomEvent} user-button-clicked - Fired when the user button is clicked
+ * @fires {CustomEvent} system-button-clicked - Fired when the system button is clicked
  * @experimental
  */
 export declare class ObcIntegrationBarDropdown extends LitElement {
+    /** Home button at the left end of the bar. */
     showHomeButton: boolean;
+    /** Pressed styling for the home button. */
     homeButtonActivated: boolean;
+    /** Link button, between home and the selector. */
+    showLinkButton: boolean;
+    /** Pressed styling for the link button. */
+    linkButtonActivated: boolean;
+    /** Renders the `clock` slot at the right end. */
     showClock: boolean;
+    /** Alert button, first in the right-hand group. */
+    showAlertButton: boolean;
+    /** Pressed styling for the alert button. */
+    alertButtonActivated: boolean;
+    /** Notification button, after the alert button. */
     showNotificationButton: boolean;
+    /** Pressed styling; the count badge only appears in this state. */
     notificationButtonActivated: boolean;
+    /** Number drawn in the count badge. */
     notificationCount: number;
+    /** Draws the count badge on the notification button. */
     showNotificationCount: boolean;
+    /** Screen button, after the notification button. */
+    showScreenButton: boolean;
+    /** Pressed styling for the screen button. */
+    screenButtonActivated: boolean;
+    /** User button, last before the clock. */
     showUserButton: boolean;
+    /** Pressed styling for the user button. */
     userButtonActivated: boolean;
+    /** Dimming button, between system and user. */
     showDimmingButton: boolean;
+    /** Pressed styling for the dimming button. */
     dimmingButtonActivated: boolean;
+    /** System button, after the screen button. */
     showSystemButton: boolean;
+    /** Pressed styling for the system button. */
     systemButtonActivated: boolean;
+    /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
     nStatusFields: number;
     private renderStatusFields;
-    render(): import('lit-html').TemplateResult<1>;
+    private renderIconButton;
+    render(): TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }
 declare global {

package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration-bar-dropdown.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,iCAAiC,CAAC;AACzC,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAIlC;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IAC5B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,SAAS,UAAS;IAClB,sBAAsB,UAAS;IAC/B,2BAA2B,UAAS;IACrC,iBAAiB,SAAK;IACrB,qBAAqB,UAAS;IAC9B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,iBAAiB,UAAS;IAC1B,sBAAsB,UAAS;IAC/B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC/B,aAAa,SAAK;IAE5C,OAAO,CAAC,kBAAkB;IAmBjB,MAAM;IA0Ef,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,8BAA8B,EAAE,yBAAyB,CAAC;KAC3D;CACF"}
+{"version":3,"file":"integration-bar-dropdown.d.ts","sourceRoot":"","sources":["../../../src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA4B,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAG9E,OAAO,yCAAyC,CAAC;AACjD,OAAO,iCAAiC,CAAC;AACzC,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAKlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IAC5B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,SAAS,UAAS;IAClB,eAAe,UAAS;IACxB,oBAAoB,UAAS;IAC7B,sBAAsB,UAAS;IAC/B,2BAA2B,UAAS;IACrC,iBAAiB,SAAK;IACrB,qBAAqB,UAAS;IAC9B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC9B,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAC5B,iBAAiB,UAAS;IAC1B,sBAAsB,UAAS;IAC/B,gBAAgB,UAAS;IACzB,qBAAqB,UAAS;IAC/B,aAAa,SAAK;IAE5C,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,gBAAgB;IAmBf,MAAM;IA+Ff,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,8BAA8B,EAAE,yBAAyB,CAAC;KAC3D;CACF"}

package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.js

@@ -9,8 +9,12 @@ import "../../icons/icon-user.js";
 import "../../icons/icon-configure.js";
 import "../../icons/icon-notification.js";
 import "../../icons/icon-home.js";
+import "../../icons/icon-screen-desk.js";
+import "../../icons/icon-alerts.js";
+import "../../icons/icon-link.js";
 import { NotificationButtonStyle } from "../../components/notification-button/notification-button.js";
 import { property } from "lit/decorators.js";
+import { msg } from "@lit/localize";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -26,11 +30,17 @@ let ObcIntegrationBarDropdown = class extends LitElement {
     super(...arguments);
     this.showHomeButton = false;
     this.homeButtonActivated = false;
+    this.showLinkButton = false;
+    this.linkButtonActivated = false;
     this.showClock = false;
+    this.showAlertButton = false;
+    this.alertButtonActivated = false;
     this.showNotificationButton = false;
     this.notificationButtonActivated = false;
     this.notificationCount = 0;
     this.showNotificationCount = false;
+    this.showScreenButton = false;
+    this.screenButtonActivated = false;
     this.showUserButton = false;
     this.userButtonActivated = false;
     this.showDimmingButton = false;
@@ -57,60 +67,90 @@ let ObcIntegrationBarDropdown = class extends LitElement {
     }
     return html`<div class="status">${result}</div>`;
   }
+  // The event name stays a literal at each call site so `cem analyze` can read it.
+  renderIconButton(name, activated, label, icon, onClick) {
+    return html`<obc-icon-button
+      class="${name}-button"
+      part="${name}-button"
+      variant="integration"
+      aria-label=${label}
+      @click=${onClick}
+      ?activated=${activated}
+    >
+      ${icon}
+    </obc-icon-button>`;
+  }
   render() {
     return html`
       <div class="wrapper">
         <div class="left-side">
-          ${this.showHomeButton ? html`<obc-icon-button
-                class="home-button"
-                part="home-button"
-                variant="integration"
-                @click=${() => this.dispatchEvent(new CustomEvent("home-button-clicked"))}
-                ?activated=${this.homeButtonActivated}
-              >
-                <obi-home></obi-home>
-              </obc-icon-button>` : null}
+          ${this.showHomeButton ? this.renderIconButton(
+      "home",
+      this.homeButtonActivated,
+      msg("Home"),
+      html`<obi-home></obi-home>`,
+      () => this.dispatchEvent(new CustomEvent("home-button-clicked"))
+    ) : nothing}
+          ${this.showLinkButton ? this.renderIconButton(
+      "link",
+      this.linkButtonActivated,
+      msg("Link"),
+      html`<obi-link></obi-link>`,
+      () => this.dispatchEvent(new CustomEvent("link-button-clicked"))
+    ) : nothing}
           <slot name="vessel-selector"></slot>
           ${this.renderStatusFields()}
         </div>
         <div class="right-side">
-          ${this.showNotificationButton ? html`<obc-notification-button
+          ${this.showAlertButton ? this.renderIconButton(
+      "alert",
+      this.alertButtonActivated,
+      msg("Alerts"),
+      html`<obi-alerts></obi-alerts>`,
+      () => this.dispatchEvent(new CustomEvent("alert-button-clicked"))
+    ) : nothing}
+          ${this.showNotificationButton ? (
+      // TODO(designer): keep the Enhanced badge button here, or match the
+      // sibling bar's plain notification icon button? (#624)
+      html`<obc-notification-button
                 @click=${() => this.dispatchEvent(
-      new CustomEvent("notification-button-clicked")
-    )}
+        new CustomEvent("notification-button-clicked")
+      )}
                 .buttonStyle=${NotificationButtonStyle.Enhanced}
                 .showCount=${this.showNotificationCount}
                 .count=${this.notificationCount}
                 ?isActive=${this.notificationButtonActivated}
-              ></obc-notification-button>` : nothing}
-          ${this.showSystemButton ? html`<obc-icon-button
-                class="system-button"
-                part="system-button"
-                variant="integration"
-                @click=${() => this.dispatchEvent(new CustomEvent("system-button-clicked"))}
-                ?activated=${this.systemButtonActivated}
-              >
-                <obi-configure></obi-configure>
-              </obc-icon-button>` : null}
-          ${this.showDimmingButton ? html`<obc-icon-button
-                class="dimming-button"
-                part="dimming-button"
-                variant="integration"
-                @click=${() => this.dispatchEvent(new CustomEvent("dimming-button-clicked"))}
-                ?activated=${this.dimmingButtonActivated}
-              >
-                <obi-palette-day-night-iec></obi-palette-day-night-iec>
-              </obc-icon-button>` : null}
-          ${this.showUserButton ? html`<obc-icon-button
-                class="user-button"
-                part="user-button"
-                variant="integration"
-                @click=${() => this.dispatchEvent(new CustomEvent("user-button-clicked"))}
-                ?activated=${this.userButtonActivated}
-              >
-                <obi-user></obi-user>
-              </obc-icon-button>` : null}
-          ${this.showClock ? html`<slot name="clock"></slot>` : null}
+              ></obc-notification-button>`
+    ) : nothing}
+          ${this.showScreenButton ? this.renderIconButton(
+      "screen",
+      this.screenButtonActivated,
+      msg("Screen"),
+      html`<obi-screen-desk></obi-screen-desk>`,
+      () => this.dispatchEvent(new CustomEvent("screen-button-clicked"))
+    ) : nothing}
+          ${this.showSystemButton ? this.renderIconButton(
+      "system",
+      this.systemButtonActivated,
+      msg("System"),
+      html`<obi-configure></obi-configure>`,
+      () => this.dispatchEvent(new CustomEvent("system-button-clicked"))
+    ) : nothing}
+          ${this.showDimmingButton ? this.renderIconButton(
+      "dimming",
+      this.dimmingButtonActivated,
+      msg("Dimming"),
+      html`<obi-palette-day-night-iec></obi-palette-day-night-iec>`,
+      () => this.dispatchEvent(new CustomEvent("dimming-button-clicked"))
+    ) : nothing}
+          ${this.showUserButton ? this.renderIconButton(
+      "user",
+      this.userButtonActivated,
+      msg("User"),
+      html`<obi-user></obi-user>`,
+      () => this.dispatchEvent(new CustomEvent("user-button-clicked"))
+    ) : nothing}
+          ${this.showClock ? html`<slot name="clock"></slot>` : nothing}
         </div>
       </div>
     `;
@@ -123,9 +163,21 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationBarDropdown.prototype, "homeButtonActivated", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "showLinkButton", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "linkButtonActivated", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationBarDropdown.prototype, "showClock", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "showAlertButton", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "alertButtonActivated", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationBarDropdown.prototype, "showNotificationButton", 2);
@@ -138,6 +190,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationBarDropdown.prototype, "showNotificationCount", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "showScreenButton", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIntegrationBarDropdown.prototype, "screenButtonActivated", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcIntegrationBarDropdown.prototype, "showUserButton", 2);