@oicl/openbridge-webcomponents 0.0.15-dev-20241104120701 → 0.0.15-dev-20241106185316

package/custom-elements.json

@@ -242,12 +242,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/navigation-instruments/types.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/icons/icon-01-add.ts",
@@ -38222,6 +38216,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/svghelpers/circle.ts",
@@ -40734,6 +40734,16 @@
               "description": "Show the auto palette toggle",
               "attribute": "showAutoPalette"
             },
+            {
+              "kind": "field",
+              "name": "hideBrightness",
+              "type": {
+                "text": "Boolean"
+              },
+              "default": "false",
+              "description": "Show the auto brightness toggle",
+              "attribute": "hideBrightness"
+            },
             {
               "kind": "method",
               "name": "onPaletteChanged",
@@ -40811,6 +40821,15 @@
               "default": "false",
               "description": "Show the auto palette toggle",
               "fieldName": "showAutoPalette"
+            },
+            {
+              "name": "hideBrightness",
+              "type": {
+                "text": "Boolean"
+              },
+              "default": "false",
+              "description": "Show the auto brightness toggle",
+              "fieldName": "hideBrightness"
             }
           ],
           "superclass": {
@@ -42035,6 +42054,94 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/poi-target-button/poi-target-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcPoiTargetButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "PoiTargetButtonValue"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "hasPointer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hasPointer"
+            },
+            {
+              "kind": "field",
+              "name": "relativeDirection",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "relativeDirection"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "PoiTargetButtonValue"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "hasPointer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasPointer"
+            },
+            {
+              "name": "relativeDirection",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "relativeDirection"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-poi-target-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcPoiTargetButton",
+          "declaration": {
+            "name": "ObcPoiTargetButton",
+            "module": "src/components/poi-target-button/poi-target-button.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-poi-target-button",
+          "declaration": {
+            "name": "ObcPoiTargetButton",
+            "module": "src/components/poi-target-button/poi-target-button.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/rich-button/rich-button.ts",
@@ -45444,6 +45551,352 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-graphic-line/poi-config.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "POI_STYLES",
+          "type": {
+            "text": "Record<POIStyle, POIStyleConfig>"
+          },
+          "default": "{\n  [POIStyle.Normal]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--element-disabled-color)',\n  },\n  [POIStyle.Raised]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--border-outline-color)',\n  },\n  [POIStyle.Enhanced]: {\n    lineColor: 'var(--instrument-enhanced-secondary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Input]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Light]: {\n    lineColor: 'var(--instrument-port-color)',\n    outlineColor: 'var(--element-active-color)',\n  },\n  [POIStyle.Track]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "POI_STYLES",
+          "declaration": {
+            "name": "POI_STYLES",
+            "module": "src/navigation-instruments/poi-graphic-line/poi-config.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcPoiGraphicLine",
+          "members": [
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "lineStyle",
+              "type": {
+                "text": "POIStyle"
+              },
+              "attribute": "lineStyle"
+            },
+            {
+              "kind": "field",
+              "name": "lineState",
+              "type": {
+                "text": "POIState"
+              },
+              "attribute": "lineState"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "fieldName": "height"
+            },
+            {
+              "name": "lineStyle",
+              "type": {
+                "text": "POIStyle"
+              },
+              "fieldName": "lineStyle"
+            },
+            {
+              "name": "lineState",
+              "type": {
+                "text": "POIState"
+              },
+              "fieldName": "lineState"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-poi-graphic-line",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcPoiGraphicLine",
+          "declaration": {
+            "name": "ObcPoiGraphicLine",
+            "module": "src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-poi-graphic-line",
+          "declaration": {
+            "name": "ObcPoiGraphicLine",
+            "module": "src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-line/poi-line.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcPoiLine",
+          "members": [
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "96",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "lineStyle",
+              "type": {
+                "text": "POIStyle"
+              },
+              "attribute": "lineStyle"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "96",
+              "fieldName": "height"
+            },
+            {
+              "name": "lineStyle",
+              "type": {
+                "text": "POIStyle"
+              },
+              "fieldName": "lineStyle"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-poi-line",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcPoiLine",
+          "declaration": {
+            "name": "ObcPoiLine",
+            "module": "src/navigation-instruments/poi-line/poi-line.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-poi-line",
+          "declaration": {
+            "name": "ObcPoiLine",
+            "module": "src/navigation-instruments/poi-line/poi-line.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-line/pointerDot.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderPointerDot",
+          "parameters": [
+            {
+              "name": "{lineStyle}",
+              "type": {
+                "text": "{lineStyle: POIStyle}"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderPointerDot",
+          "declaration": {
+            "name": "renderPointerDot",
+            "module": "src/navigation-instruments/poi-line/pointerDot.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-target/arrow.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "pointerArrow",
+          "parameters": [
+            {
+              "name": "pointerType",
+              "type": {
+                "text": "Pointer"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "pointerArrow",
+          "declaration": {
+            "name": "pointerArrow",
+            "module": "src/navigation-instruments/poi-target/arrow.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/poi-target/poi-target.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcPoiTarget",
+          "members": [
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "188",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "TargetValue"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "pointerType",
+              "type": {
+                "text": "Pointer"
+              },
+              "attribute": "pointerType"
+            },
+            {
+              "kind": "field",
+              "name": "relativeDirection",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "relativeDirection"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "188",
+              "fieldName": "height"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "TargetValue"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "pointerType",
+              "type": {
+                "text": "Pointer"
+              },
+              "fieldName": "pointerType"
+            },
+            {
+              "name": "relativeDirection",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "relativeDirection"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-poi-target",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcPoiTarget",
+          "declaration": {
+            "name": "ObcPoiTarget",
+            "module": "src/navigation-instruments/poi-target/poi-target.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-poi-target",
+          "declaration": {
+            "name": "ObcPoiTarget",
+            "module": "src/navigation-instruments/poi-target/poi-target.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/navigation-instruments/rudder/rudder.ts",

package/dist/components/brilliance-menu/brilliance-menu.d.ts

@@ -17,6 +17,7 @@ import '../../icons/icon-04-day-bright';
  * @prop {Number} brightness - The brightness value
  * @prop {Boolean} showAutoBrightness - Show the auto brightness toggle
  * @prop {Boolean} showAutoPalette - Show the auto palette toggle
+ * @prop {Boolean} hideBrightness - Show the auto brightness toggle
  *
  * @fires palette-changed - Fires when the palette is changed
  * @fires brightness-changed - Fires when the brightness is changed
@@ -26,6 +27,7 @@ export declare class ObcBrillianceMenu extends LitElement {
     brightness: number;
     showAutoBrightness: boolean;
     showAutoPalette: boolean;
+    hideBrightness: boolean;
     onPaletteChanged(event: CustomEvent): void;
     onBrightnessChanged(event: CustomEvent): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/brilliance-menu/brilliance-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brilliance-menu.d.ts","sourceRoot":"","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AACtD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AAExC;;;;;;;;;;GAUG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAC9D;IACkB,UAAU,SAAM;IAE1C,kBAAkB,UAAS;IACA,eAAe,UAAS;IAEnD,gBAAgB,CAAC,KAAK,EAAE,WAAW;IASnC,mBAAmB,CAAC,KAAK,EAAE,WAAW;IAS7B,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"brilliance-menu.d.ts","sourceRoot":"","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AACtD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AAExC;;;;;;;;;;;GAWG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAC9D;IACkB,UAAU,SAAM;IAE1C,kBAAkB,UAAS;IACA,eAAe,UAAS;IACxB,cAAc,UAAS;IAElD,gBAAgB,CAAC,KAAK,EAAE,WAAW;IASnC,mBAAmB,CAAC,KAAK,EAAE,WAAW;IAS7B,MAAM;IAwDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/brilliance-menu/brilliance-menu.js

@@ -30,6 +30,7 @@ let ObcBrillianceMenu = class extends LitElement {
     this.brightness = 50;
     this.showAutoBrightness = false;
     this.showAutoPalette = false;
+    this.hideBrightness = false;
   }
   onPaletteChanged(event) {
     this.palette = event.detail.value;
@@ -50,23 +51,27 @@ let ObcBrillianceMenu = class extends LitElement {
   render() {
     return html`
       <div class="card">
-        <h3>Brilliance</h3>
-        <obc-slider
-          value=${this.brightness}
-          @value=${this.onBrightnessChanged}
-          min="0"
-          max="100"
-          hugcontainer
-          haslefticon
-          hasrighticon
-        >
-          <obi-04-brilliance-low slot="icon-left"></obi-04-brilliance-low>
-          <obi-04-brilliance-high slot="icon-right"></obi-04-brilliance-high>
-        </obc-slider>
-        ${this.showAutoBrightness ? html`<obc-toggle-switch
-              label="Auto brilliance"
-            ></obc-toggle-switch>` : ""}
-        <div class="divider"></div>
+        ${this.hideBrightness ? "" : html`
+              <h3>Brilliance</h3>
+              <obc-slider
+                value=${this.brightness}
+                @value=${this.onBrightnessChanged}
+                min="0"
+                max="100"
+                hugcontainer
+                haslefticon
+                hasrighticon
+              >
+                <obi-04-brilliance-low slot="icon-left"></obi-04-brilliance-low>
+                <obi-04-brilliance-high
+                  slot="icon-right"
+                ></obi-04-brilliance-high>
+              </obc-slider>
+              ${this.showAutoBrightness ? html`<obc-toggle-switch
+                    label="Auto brilliance"
+                  ></obc-toggle-switch>` : ""}
+              <div class="divider"></div>
+            `}
         <h3>Day - Night</h3>
         <obc-toggle-button-group
           value=${this.palette}
@@ -106,6 +111,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcBrillianceMenu.prototype, "showAutoPalette", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcBrillianceMenu.prototype, "hideBrightness", 2);
 ObcBrillianceMenu = __decorateClass([
   customElement("obc-brilliance-menu")
 ], ObcBrillianceMenu);

package/dist/components/brilliance-menu/brilliance-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"brilliance-menu.js","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './brilliance-menu.css?inline';\nimport '../icon-button/icon-button';\nimport '../slider/slider';\nimport '../toggle-switch/toggle-switch';\nimport '../toggle-button-group/toggle-button-group';\nimport '../toggle-button-option/toggle-button-option';\nimport '../../icons/icon-04-brilliance-low';\nimport '../../icons/icon-04-brilliance-high';\nimport '../../icons/icon-04-night';\nimport '../../icons/icon-04-dusk';\nimport '../../icons/icon-04-day';\nimport '../../icons/icon-04-day-bright';\n\n/**\n * @element obc-brilliance-menu\n *\n * @prop {String} palette - The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'\n * @prop {Number} brightness - The brightness value\n * @prop {Boolean} showAutoBrightness - Show the auto brightness toggle\n * @prop {Boolean} showAutoPalette - Show the auto palette toggle\n *\n * @fires palette-changed - Fires when the palette is changed\n * @fires brightness-changed - Fires when the brightness is changed\n */\n@customElement('obc-brilliance-menu')\nexport class ObcBrillianceMenu extends LitElement {\n  @property({type: String}) palette: 'night' | 'dusk' | 'day' | 'bright' =\n    'day';\n  @property({type: Number}) brightness = 50;\n  @property({type: Boolean})\n  showAutoBrightness = false;\n  @property({type: Boolean}) showAutoPalette = false;\n\n  onPaletteChanged(event: CustomEvent) {\n    this.palette = event.detail.value;\n    this.dispatchEvent(\n      new CustomEvent('palette-changed', {\n        detail: {value: event.detail.value},\n      })\n    );\n  }\n\n  onBrightnessChanged(event: CustomEvent) {\n    this.brightness = event.detail;\n    this.dispatchEvent(\n      new CustomEvent('brightness-changed', {\n        detail: {value: event.detail},\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        <h3>Brilliance</h3>\n        <obc-slider\n          value=${this.brightness}\n          @value=${this.onBrightnessChanged}\n          min=\"0\"\n          max=\"100\"\n          hugcontainer\n          haslefticon\n          hasrighticon\n        >\n          <obi-04-brilliance-low slot=\"icon-left\"></obi-04-brilliance-low>\n          <obi-04-brilliance-high slot=\"icon-right\"></obi-04-brilliance-high>\n        </obc-slider>\n        ${this.showAutoBrightness\n          ? html`<obc-toggle-switch\n              label=\"Auto brilliance\"\n            ></obc-toggle-switch>`\n          : ''}\n        <div class=\"divider\"></div>\n        <h3>Day - Night</h3>\n        <obc-toggle-button-group\n          value=${this.palette}\n          @value=${this.onPaletteChanged}\n        >\n          <obc-toggle-button-option value=\"night\">\n            <obi-04-night slot=\"icon\"></obi-04-night>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"dusk\">\n            <obi-04-dusk slot=\"icon\"></obi-04-dusk>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"day\">\n            <obi-04-day slot=\"icon\"></obi-04-day>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"bright\">\n            <obi-04-day-bright slot=\"icon\"></obi-04-day-bright>\n          </obc-toggle-button-option>\n        </obc-toggle-button-group>\n        ${this.showAutoPalette\n          ? html`<obc-toggle-switch\n              label=\"Auto day - night\"\n              checked\n            ></obc-toggle-switch>`\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-brilliance-menu': ObcBrillianceMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AACwB,SAAA,kBAAA;AAAA,EAAA;AAAA,EAE7C,iBAAiB,OAAoB;AAC9B,SAAA,UAAU,MAAM,OAAO;AACvB,SAAA;AAAA,MACH,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQ,EAAC,OAAO,MAAM,OAAO,MAAK;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,oBAAoB,OAAoB;AACtC,SAAK,aAAa,MAAM;AACnB,SAAA;AAAA,MACH,IAAI,YAAY,sBAAsB;AAAA,QACpC,QAAQ,EAAC,OAAO,MAAM,OAAM;AAAA,MAAA,CAC7B;AAAA,IAAA;AAAA,EAEL;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA,kBAIO,KAAK,UAAU;AAAA,mBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUjC,KAAK,qBACH;AAAA;AAAA,qCAGA,EAAE;AAAA;AAAA;AAAA;AAAA,kBAII,KAAK,OAAO;AAAA,mBACX,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAe9B,KAAK,kBACH;AAAA;AAAA;AAAA,qCAIA,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AA7Ea,kBA4EK,SAAS,UAAU,cAAc;AA3EvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,cAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,kBAKX,WAAA,sBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,kBAMgB,WAAA,mBAAA,CAAA;AANhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"brilliance-menu.js","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './brilliance-menu.css?inline';\nimport '../icon-button/icon-button';\nimport '../slider/slider';\nimport '../toggle-switch/toggle-switch';\nimport '../toggle-button-group/toggle-button-group';\nimport '../toggle-button-option/toggle-button-option';\nimport '../../icons/icon-04-brilliance-low';\nimport '../../icons/icon-04-brilliance-high';\nimport '../../icons/icon-04-night';\nimport '../../icons/icon-04-dusk';\nimport '../../icons/icon-04-day';\nimport '../../icons/icon-04-day-bright';\n\n/**\n * @element obc-brilliance-menu\n *\n * @prop {String} palette - The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'\n * @prop {Number} brightness - The brightness value\n * @prop {Boolean} showAutoBrightness - Show the auto brightness toggle\n * @prop {Boolean} showAutoPalette - Show the auto palette toggle\n * @prop {Boolean} hideBrightness - Show the auto brightness toggle\n *\n * @fires palette-changed - Fires when the palette is changed\n * @fires brightness-changed - Fires when the brightness is changed\n */\n@customElement('obc-brilliance-menu')\nexport class ObcBrillianceMenu extends LitElement {\n  @property({type: String}) palette: 'night' | 'dusk' | 'day' | 'bright' =\n    'day';\n  @property({type: Number}) brightness = 50;\n  @property({type: Boolean})\n  showAutoBrightness = false;\n  @property({type: Boolean}) showAutoPalette = false;\n  @property({type: Boolean}) hideBrightness = false;\n\n  onPaletteChanged(event: CustomEvent) {\n    this.palette = event.detail.value;\n    this.dispatchEvent(\n      new CustomEvent('palette-changed', {\n        detail: {value: event.detail.value},\n      })\n    );\n  }\n\n  onBrightnessChanged(event: CustomEvent) {\n    this.brightness = event.detail;\n    this.dispatchEvent(\n      new CustomEvent('brightness-changed', {\n        detail: {value: event.detail},\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        ${this.hideBrightness\n          ? ''\n          : html`\n              <h3>Brilliance</h3>\n              <obc-slider\n                value=${this.brightness}\n                @value=${this.onBrightnessChanged}\n                min=\"0\"\n                max=\"100\"\n                hugcontainer\n                haslefticon\n                hasrighticon\n              >\n                <obi-04-brilliance-low slot=\"icon-left\"></obi-04-brilliance-low>\n                <obi-04-brilliance-high\n                  slot=\"icon-right\"\n                ></obi-04-brilliance-high>\n              </obc-slider>\n              ${this.showAutoBrightness\n                ? html`<obc-toggle-switch\n                    label=\"Auto brilliance\"\n                  ></obc-toggle-switch>`\n                : ''}\n              <div class=\"divider\"></div>\n            `}\n        <h3>Day - Night</h3>\n        <obc-toggle-button-group\n          value=${this.palette}\n          @value=${this.onPaletteChanged}\n        >\n          <obc-toggle-button-option value=\"night\">\n            <obi-04-night slot=\"icon\"></obi-04-night>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"dusk\">\n            <obi-04-dusk slot=\"icon\"></obi-04-dusk>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"day\">\n            <obi-04-day slot=\"icon\"></obi-04-day>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"bright\">\n            <obi-04-day-bright slot=\"icon\"></obi-04-day-bright>\n          </obc-toggle-button-option>\n        </obc-toggle-button-group>\n        ${this.showAutoPalette\n          ? html`<obc-toggle-switch\n              label=\"Auto day - night\"\n              checked\n            ></obc-toggle-switch>`\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-brilliance-menu': ObcBrillianceMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AACwB,SAAA,kBAAA;AACD,SAAA,iBAAA;AAAA,EAAA;AAAA,EAE5C,iBAAiB,OAAoB;AAC9B,SAAA,UAAU,MAAM,OAAO;AACvB,SAAA;AAAA,MACH,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQ,EAAC,OAAO,MAAM,OAAO,MAAK;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,oBAAoB,OAAoB;AACtC,SAAK,aAAa,MAAM;AACnB,SAAA;AAAA,MACH,IAAI,YAAY,sBAAsB;AAAA,QACpC,QAAQ,EAAC,OAAO,MAAM,OAAM;AAAA,MAAA,CAC7B;AAAA,IAAA;AAAA,EAEL;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,UAED,KAAK,iBACH,KACA;AAAA;AAAA;AAAA,wBAGY,KAAK,UAAU;AAAA,yBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYjC,KAAK,qBACH;AAAA;AAAA,2CAGA,EAAE;AAAA;AAAA,aAEP;AAAA;AAAA;AAAA,kBAGK,KAAK,OAAO;AAAA,mBACX,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAe9B,KAAK,kBACH;AAAA;AAAA;AAAA,qCAIA,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AApFa,kBAmFK,SAAS,UAAU,cAAc;AAlFvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,cAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,kBAKX,WAAA,sBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,kBAMgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,kBAOgB,WAAA,kBAAA,CAAA;AAPhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}