@oicl/openbridge-webcomponents 0.0.4

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,87 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./tooltip.css.js";
+import "../icon-button/icon-button.js";
+import "../../icons/icon-01-application-open.js";
+import { classMap } from "lit/directives/class-map.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+var TooltipVariant = /* @__PURE__ */ ((TooltipVariant2) => {
+  TooltipVariant2["neutral"] = "neutral";
+  TooltipVariant2["notification"] = "notification";
+  TooltipVariant2["caution"] = "caution";
+  TooltipVariant2["warning"] = "warning";
+  TooltipVariant2["alarm"] = "alarm";
+  return TooltipVariant2;
+})(TooltipVariant || {});
+let ObcTooltip = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "neutral";
+    this.label = "Title";
+    this.text = "Tooltip text";
+    this.rightArrow = false;
+  }
+  render() {
+    return html`
+      <div
+        class=${classMap({
+      wrapper: true,
+      [this.variant]: true,
+      "right-arrow": this.rightArrow
+    })}
+      >
+        <div class="icon">
+          <slot name="icon"></slot>
+        </div>
+        <div class="content">
+          <div class="header">
+            <div class="title">${this.label}</div>
+            <div class="btn">
+              <obc-icon-button
+                active-color
+                variant="flat"
+                @click="${() => this.dispatchEvent(new CustomEvent("click:more"))}"
+              >
+                <obi-01-application-open></obi-01-application-open>
+              </obc-icon-button>
+            </div>
+          </div>
+
+          <div class="divider"></div>
+          <div class="text">${this.text}</div>
+        </div>
+      </div>
+    `;
+  }
+};
+ObcTooltip.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcTooltip.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String })
+], ObcTooltip.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], ObcTooltip.prototype, "text", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "right-arrow" })
+], ObcTooltip.prototype, "rightArrow", 2);
+ObcTooltip = __decorateClass([
+  customElement("obc-tooltip")
+], ObcTooltip);
+export {
+  ObcTooltip,
+  TooltipVariant
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './tooltip.css?inline';\nimport '../icon-button/icon-button';\nimport '../../icons/icon-01-application-open';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum TooltipVariant {\n  neutral = 'neutral',\n  notification = 'notification',\n  caution = 'caution',\n  warning = 'warning',\n  alarm = 'alarm',\n}\n\n@customElement('obc-tooltip')\nexport class ObcTooltip extends LitElement {\n  @property({type: String}) variant = 'neutral' as TooltipVariant;\n  @property({type: String}) label = 'Title';\n  @property({type: String}) text = 'Tooltip text';\n  @property({type: Boolean, attribute: 'right-arrow'}) rightArrow = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.variant]: true,\n          'right-arrow': this.rightArrow,\n        })}\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"content\">\n          <div class=\"header\">\n            <div class=\"title\">${this.label}</div>\n            <div class=\"btn\">\n              <obc-icon-button\n                active-color\n                variant=\"flat\"\n                @click=\"${() =>\n                  this.dispatchEvent(new CustomEvent('click:more'))}\"\n              >\n                <obi-01-application-open></obi-01-application-open>\n              </obc-icon-button>\n            </div>\n          </div>\n\n          <div class=\"divider\"></div>\n          <div class=\"text\">${this.text}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-tooltip': ObcTooltip;\n  }\n}\n"],"names":["TooltipVariant"],"mappings":";;;;;;;;;;;;;;;;;AAOY,IAAA,mCAAAA,oBAAL;AACLA,kBAAA,SAAU,IAAA;AACVA,kBAAA,cAAe,IAAA;AACfA,kBAAA,SAAU,IAAA;AACVA,kBAAA,SAAU,IAAA;AACVA,kBAAA,OAAQ,IAAA;AALEA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AASC,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACF,SAAA,QAAA;AACD,SAAA,OAAA;AACiC,SAAA,aAAA;AAAA,EAAA;AAAA,EAEzD,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,OAAO,GAAG;AAAA,MAChB,eAAe,KAAK;AAAA,IAAA,CACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOuB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKjB,MACR,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAQrC,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAIrC;AAGF;AAzCa,WAwCK,SAAS,UAAU,YAAY;AAvCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,WAGe,WAAA,QAAA,CAAA;AAC2B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAJxC,WAI0C,WAAA,cAAA,CAAA;AAJ1C,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

package/dist/components/top-bar/top-bar.css.js

@@ -0,0 +1,104 @@
+import { css } from "lit";
+const compentStyle = css`.wrapper {
+  height: 48px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.wrapper:not(.inactive) {
+    background: var(--container-global-color, #fcfcfc);
+    box-shadow: var(--shadow-raised);
+  }
+
+.wrapper.inactive {
+    padding-left: 8px;
+  }
+
+.group {
+  display: flex;
+  align-items: center;
+  
+}
+
+.group.left > * {
+    margin-right: 8px;
+    margin-left: 8px;
+  }
+
+.group.right {
+    justify-content: flex-end;
+    flex-grow: 1;
+  }
+
+.settings .group.left > * {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+.group.left .menu-button {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+.group.left .menu-button.wide {
+      margin-left: 8px;
+      margin-right: 8px;
+    }
+
+::slotted([slot="alerts"]) {
+  flex-grow: 1;
+}
+
+.title {
+  color: var(--element-active-color, #1a1a1a);
+
+  /* UI/Body */
+
+  font-family: 'Noto Sans';
+
+  font-size: 16px;
+
+  font-style: normal;
+
+  font-weight: 370;
+
+  line-height: 24px;
+
+  /* 150% */
+
+  text-decoration: none;
+}
+
+.settings .group.left .title  {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
+.page-name {
+  color: var(--element-active-color, #1a1a1a);
+
+  /* UI/Body-Active */
+
+  font-family: Noto Sans;
+
+  font-size: 16px;
+
+  font-style: normal;
+
+  font-weight: 650;
+
+  line-height: 24px;
+
+  /* 150% */
+}
+
+.left-more-button{
+  display: none;
+}
+`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=top-bar.css.js.map

package/dist/components/top-bar/top-bar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/top-bar/top-bar.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+import '../icon-button/icon-button';
+import '../clock/clock';
+import '../divider/divider';
+import '../breadcrumb/breadcrumb';
+import '../../icons/icon-01-menu';
+import '../../icons/icon-01-close';
+import '../../icons/icon-02-arrow-back';
+import '../../icons/icon-02-arrow-forward';
+import '../../icons/icon-04-dimming';
+import '../../icons/icon-01-apps';
+import '../../icons/icon-01-more-vertical';
+import { BreadcrumbItem } from '../breadcrumb/breadcrumb';
+/**
+ * Top bar component
+ *
+ * @fires menu-button-clicked - Menu button clicked
+ * @fires dimming-button-clicked - Dimming button clicked
+ * @fires apps-button-clicked - Apps button clicked
+ * @fires left-more-button-clicked - Left more button clicked
+ */
+export declare class ObcTopBar extends LitElement {
+    appTitle: string;
+    pageName: string;
+    date: string;
+    menuButtonActivated: boolean;
+    dimmingButtonActivated: boolean;
+    appsButtonActivated: boolean;
+    leftMoreButtonActivated: boolean;
+    wideMenuButton: boolean;
+    showAppsButton: boolean;
+    showDimmingButton: boolean;
+    showClock: boolean;
+    showDate: boolean;
+    inactive: boolean;
+    appButtonBreakpointPx: number;
+    dimmingButtonBreakpointPx: number;
+    appTitleBreakpointPx: number;
+    clockMinimizeBreakpointPx: number;
+    settings: boolean;
+    breadcrumbItems: BreadcrumbItem[];
+    private menuButtonClicked;
+    private dimmingButtonClicked;
+    private appsButtonClicked;
+    private leftMoreButtonClicked;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-top-bar': ObcTopBar;
+    }
+}
+//# sourceMappingURL=top-bar.d.ts.map

package/dist/components/top-bar/top-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/top-bar/top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAExD;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,SAAS;IACjB,QAAQ,SAAU;IAClB,IAAI,SAA8B;IAE5D,mBAAmB,UAAS;IAE5B,sBAAsB,UAAS;IAE/B,mBAAmB,UAAS;IAE5B,uBAAuB,UAAS;IAE0B,cAAc,UAChE;IACkD,cAAc,UAChE;IAER,iBAAiB,UAAS;IAC0B,SAAS,UAAS;IACnB,QAAQ,UAAS;IACzC,QAAQ,UAAS;IAE5C,qBAAqB,SAAO;IAE5B,yBAAyB,SAAO;IAEhC,oBAAoB,SAAO;IAE3B,yBAAyB,SAAO;IACL,QAAQ,UAAS;IAE5C,eAAe,EAAE,cAAc,EAAE,CAAM;IAEvC,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAIpB,MAAM;IA6If,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}

package/dist/components/top-bar/top-bar.js

@@ -0,0 +1,259 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import compentStyle from "./top-bar.css.js";
+import "../icon-button/icon-button.js";
+import "../clock/clock.js";
+import "../divider/divider.js";
+import "../breadcrumb/breadcrumb.js";
+import "../../icons/icon-01-menu.js";
+import "../../icons/icon-01-close.js";
+import "../../icons/icon-02-arrow-back.js";
+import "../../icons/icon-02-arrow-forward.js";
+import "../../icons/icon-04-dimming.js";
+import "../../icons/icon-01-apps.js";
+import "../../icons/icon-01-more-vertical.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let ObcTopBar = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.appTitle = "App";
+    this.pageName = "Page";
+    this.date = "2021-01-01T11:11:11.111Z";
+    this.menuButtonActivated = false;
+    this.dimmingButtonActivated = false;
+    this.appsButtonActivated = false;
+    this.leftMoreButtonActivated = false;
+    this.wideMenuButton = false;
+    this.showAppsButton = false;
+    this.showDimmingButton = false;
+    this.showClock = false;
+    this.showDate = false;
+    this.inactive = false;
+    this.appButtonBreakpointPx = 500;
+    this.dimmingButtonBreakpointPx = 500;
+    this.appTitleBreakpointPx = 500;
+    this.clockMinimizeBreakpointPx = 300;
+    this.settings = false;
+    this.breadcrumbItems = [];
+  }
+  menuButtonClicked() {
+    this.dispatchEvent(new CustomEvent("menu-button-clicked"));
+  }
+  dimmingButtonClicked() {
+    this.dispatchEvent(new CustomEvent("dimming-button-clicked"));
+  }
+  appsButtonClicked() {
+    this.dispatchEvent(new CustomEvent("apps-button-clicked"));
+  }
+  leftMoreButtonClicked() {
+    this.dispatchEvent(new CustomEvent("left-more-button-clicked"));
+  }
+  render() {
+    const leftGroup = [];
+    if (this.settings) {
+      leftGroup.push(
+        html`<div class="menu-button">
+          <obc-icon-button
+            variant="flat"
+            @click=${() => this.dispatchEvent(new CustomEvent("close"))}
+          >
+            <obi-01-close></obi-01-close>
+          </obc-icon-button>
+        </div>`
+      );
+      leftGroup.push(html`<obc-divider></obc-divider>`);
+      leftGroup.push(
+        html`<obc-icon-button
+          variant="flat"
+          corner-left
+          @click=${() => this.dispatchEvent(new CustomEvent("back"))}
+        >
+          <obi-02-arrow-back></obi-02-arrow-back>
+        </obc-icon-button>`
+      );
+      leftGroup.push(
+        html`<obc-icon-button
+          variant="flat"
+          corner-right
+          @click=${() => this.dispatchEvent(new CustomEvent("forward"))}
+        >
+          <obi-02-arrow-forward></obi-02-arrow-forward>
+        </obc-icon-button>`
+      );
+      leftGroup.push(html`<obc-divider></obc-divider>`);
+      leftGroup.push(html`<div class="title">${this.appTitle}</div>`);
+      leftGroup.push(
+        html`<obc-breadcrumb .items=${this.breadcrumbItems}></obc-breadcrumb>`
+      );
+    } else {
+      if (!this.inactive) {
+        leftGroup.push(
+          html`<div class="menu-button ${this.wideMenuButton ? "wide" : null}">
+            <obc-icon-button
+              variant="flat"
+              @click=${this.menuButtonClicked}
+              ?activated=${this.menuButtonActivated}
+            >
+              <obi-01-menu></obi-01-menu>
+            </obc-icon-button>
+          </div>`
+        );
+      }
+      leftGroup.push(html`<div class="title">${this.appTitle}</div>`);
+      leftGroup.push(html`<div class="page-name">${this.pageName}</div>`);
+    }
+    const breakpointMoreButton = Math.max(
+      this.appButtonBreakpointPx,
+      this.dimmingButtonBreakpointPx
+    );
+    return html`
+      <style>
+        @media (max-width: ${breakpointMoreButton}px) {
+          .left-more-button {
+            display: revert !important;
+          }
+
+          .group.left > * {
+            margin-right: 4px;
+            margin-left: 4px;
+          }
+        }
+
+        @media (max-width: ${this.appButtonBreakpointPx}px) {
+          .apps-button {
+            display: none;
+          }
+        }
+
+        @media (max-width: ${this.dimmingButtonBreakpointPx}px) {
+          .dimming-button {
+            display: none;
+          }
+        }
+
+        @media (max-width: ${this.appTitleBreakpointPx}px) {
+          .title {
+            display: none;
+          }
+        }
+      </style>
+      <nav
+        class=${classMap({
+      wrapper: true,
+      inactive: this.inactive,
+      settings: this.settings
+    })}
+      >
+        <div class="left group">${leftGroup}</div>
+        <div class="right group">
+          ${this.showClock ? html`<obc-clock
+                date=${this.date}
+                blink-only-breakpoint-px=${this.clockMinimizeBreakpointPx}
+                ?show-date=${this.showDate}
+              ></obc-clock>` : null}
+          <slot name="alerts"></slot>
+          ${this.showDimmingButton && !this.inactive ? html`<obc-icon-button
+                class="dimming-button"
+                variant="flat"
+                @click=${this.dimmingButtonClicked}
+                ?activated=${this.dimmingButtonActivated}
+              >
+                <obi-04-dimming></obi-04-dimming>
+              </obc-icon-button>` : null}
+          ${this.showAppsButton && !this.inactive ? html`<obc-icon-button
+                class="apps-button"
+                variant="flat"
+                @click=${this.appsButtonClicked}
+                ?activated=${this.appsButtonActivated}
+              >
+                <obi-01-apps></obi-01-apps>
+              </obc-icon-button>` : null}
+          <obc-icon-button
+            class="left-more-button"
+            variant="flat"
+            @click=${this.leftMoreButtonClicked}
+            ?activated=${this.leftMoreButtonActivated}
+          >
+            <obi-01-more-vertical></obi-01-more-vertical>
+          </obc-icon-button>
+        </div>
+      </nav>
+    `;
+  }
+};
+ObcTopBar.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcTopBar.prototype, "appTitle", 2);
+__decorateClass([
+  property({ type: String })
+], ObcTopBar.prototype, "pageName", 2);
+__decorateClass([
+  property({ type: String })
+], ObcTopBar.prototype, "date", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "menu-button-activated" })
+], ObcTopBar.prototype, "menuButtonActivated", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "dimming-button-activated" })
+], ObcTopBar.prototype, "dimmingButtonActivated", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "apps-button-activated" })
+], ObcTopBar.prototype, "appsButtonActivated", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "left-more-button-activated" })
+], ObcTopBar.prototype, "leftMoreButtonActivated", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "wide-menu-button" })
+], ObcTopBar.prototype, "wideMenuButton", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-apps-button" })
+], ObcTopBar.prototype, "showAppsButton", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-dimming-button" })
+], ObcTopBar.prototype, "showDimmingButton", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-clock" })
+], ObcTopBar.prototype, "showClock", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-date" })
+], ObcTopBar.prototype, "showDate", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcTopBar.prototype, "inactive", 2);
+__decorateClass([
+  property({ type: Number, attribute: "apps-button-breakpoint-px" })
+], ObcTopBar.prototype, "appButtonBreakpointPx", 2);
+__decorateClass([
+  property({ type: Number, attribute: "dimming-button-breakpoint-px" })
+], ObcTopBar.prototype, "dimmingButtonBreakpointPx", 2);
+__decorateClass([
+  property({ type: Number, attribute: "app-title-breakpoint-px" })
+], ObcTopBar.prototype, "appTitleBreakpointPx", 2);
+__decorateClass([
+  property({ type: Number, attribute: "clock-minimize-breakpoint-px" })
+], ObcTopBar.prototype, "clockMinimizeBreakpointPx", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcTopBar.prototype, "settings", 2);
+__decorateClass([
+  property({ type: Array, attribute: "breadcrumb-items" })
+], ObcTopBar.prototype, "breadcrumbItems", 2);
+ObcTopBar = __decorateClass([
+  customElement("obc-top-bar")
+], ObcTopBar);
+export {
+  ObcTopBar
+};
+//# sourceMappingURL=top-bar.js.map

package/dist/components/top-bar/top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.js","sources":["../../../src/components/top-bar/top-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport compentStyle from './top-bar.css?inline';\nimport '../icon-button/icon-button';\nimport '../clock/clock';\nimport '../divider/divider';\nimport '../breadcrumb/breadcrumb';\nimport '../../icons/icon-01-menu';\nimport '../../icons/icon-01-close';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\nimport '../../icons/icon-04-dimming';\nimport '../../icons/icon-01-apps';\nimport '../../icons/icon-01-more-vertical';\nimport {BreadcrumbItem} from '../breadcrumb/breadcrumb';\n\n/**\n * Top bar component\n *\n * @fires menu-button-clicked - Menu button clicked\n * @fires dimming-button-clicked - Dimming button clicked\n * @fires apps-button-clicked - Apps button clicked\n * @fires left-more-button-clicked - Left more button clicked\n */\n@customElement('obc-top-bar')\nexport class ObcTopBar extends LitElement {\n  @property({type: String}) appTitle = 'App';\n  @property({type: String}) pageName = 'Page';\n  @property({type: String}) date = '2021-01-01T11:11:11.111Z';\n  @property({type: Boolean, attribute: 'menu-button-activated'})\n  menuButtonActivated = false;\n  @property({type: Boolean, attribute: 'dimming-button-activated'})\n  dimmingButtonActivated = false;\n  @property({type: Boolean, attribute: 'apps-button-activated'})\n  appsButtonActivated = false;\n  @property({type: Boolean, attribute: 'left-more-button-activated'})\n  leftMoreButtonActivated = false;\n\n  @property({type: Boolean, attribute: 'wide-menu-button'}) wideMenuButton =\n    false;\n  @property({type: Boolean, attribute: 'show-apps-button'}) showAppsButton =\n    false;\n  @property({type: Boolean, attribute: 'show-dimming-button'})\n  showDimmingButton = false;\n  @property({type: Boolean, attribute: 'show-clock'}) showClock = false;\n  @property({type: Boolean, attribute: 'show-date'}) showDate = false;\n  @property({type: Boolean}) inactive = false;\n  @property({type: Number, attribute: 'apps-button-breakpoint-px'})\n  appButtonBreakpointPx = 500;\n  @property({type: Number, attribute: 'dimming-button-breakpoint-px'})\n  dimmingButtonBreakpointPx = 500;\n  @property({type: Number, attribute: 'app-title-breakpoint-px'})\n  appTitleBreakpointPx = 500;\n  @property({type: Number, attribute: 'clock-minimize-breakpoint-px'})\n  clockMinimizeBreakpointPx = 300;\n  @property({type: Boolean}) settings = false;\n  @property({type: Array, attribute: 'breadcrumb-items'})\n  breadcrumbItems: BreadcrumbItem[] = [];\n\n  private menuButtonClicked() {\n    this.dispatchEvent(new CustomEvent('menu-button-clicked'));\n  }\n\n  private dimmingButtonClicked() {\n    this.dispatchEvent(new CustomEvent('dimming-button-clicked'));\n  }\n\n  private appsButtonClicked() {\n    this.dispatchEvent(new CustomEvent('apps-button-clicked'));\n  }\n\n  private leftMoreButtonClicked() {\n    this.dispatchEvent(new CustomEvent('left-more-button-clicked'));\n  }\n\n  override render() {\n    const leftGroup = [];\n    if (this.settings) {\n      leftGroup.push(\n        html`<div class=\"menu-button\">\n          <obc-icon-button\n            variant=\"flat\"\n            @click=${() => this.dispatchEvent(new CustomEvent('close'))}\n          >\n            <obi-01-close></obi-01-close>\n          </obc-icon-button>\n        </div>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          corner-left\n          @click=${() => this.dispatchEvent(new CustomEvent('back'))}\n        >\n          <obi-02-arrow-back></obi-02-arrow-back>\n        </obc-icon-button>`\n      );\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          corner-right\n          @click=${() => this.dispatchEvent(new CustomEvent('forward'))}\n        >\n          <obi-02-arrow-forward></obi-02-arrow-forward>\n        </obc-icon-button>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(\n        html`<obc-breadcrumb .items=${this.breadcrumbItems}></obc-breadcrumb>`\n      );\n    } else {\n      if (!this.inactive) {\n        leftGroup.push(\n          html`<div class=\"menu-button ${this.wideMenuButton ? 'wide' : null}\">\n            <obc-icon-button\n              variant=\"flat\"\n              @click=${this.menuButtonClicked}\n              ?activated=${this.menuButtonActivated}\n            >\n              <obi-01-menu></obi-01-menu>\n            </obc-icon-button>\n          </div>`\n        );\n      }\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(html`<div class=\"page-name\">${this.pageName}</div>`);\n    }\n\n    const breakpointMoreButton = Math.max(\n      this.appButtonBreakpointPx,\n      this.dimmingButtonBreakpointPx\n    );\n\n    return html`\n      <style>\n        @media (max-width: ${breakpointMoreButton}px) {\n          .left-more-button {\n            display: revert !important;\n          }\n\n          .group.left > * {\n            margin-right: 4px;\n            margin-left: 4px;\n          }\n        }\n\n        @media (max-width: ${this.appButtonBreakpointPx}px) {\n          .apps-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.dimmingButtonBreakpointPx}px) {\n          .dimming-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.appTitleBreakpointPx}px) {\n          .title {\n            display: none;\n          }\n        }\n      </style>\n      <nav\n        class=${classMap({\n          wrapper: true,\n          inactive: this.inactive,\n          settings: this.settings,\n        })}\n      >\n        <div class=\"left group\">${leftGroup}</div>\n        <div class=\"right group\">\n          ${this.showClock\n            ? html`<obc-clock\n                date=${this.date}\n                blink-only-breakpoint-px=${this.clockMinimizeBreakpointPx}\n                ?show-date=${this.showDate}\n              ></obc-clock>`\n            : null}\n          <slot name=\"alerts\"></slot>\n          ${this.showDimmingButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"dimming-button\"\n                variant=\"flat\"\n                @click=${this.dimmingButtonClicked}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-04-dimming></obi-04-dimming>\n              </obc-icon-button>`\n            : null}\n          ${this.showAppsButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"apps-button\"\n                variant=\"flat\"\n                @click=${this.appsButtonClicked}\n                ?activated=${this.appsButtonActivated}\n              >\n                <obi-01-apps></obi-01-apps>\n              </obc-icon-button>`\n            : null}\n          <obc-icon-button\n            class=\"left-more-button\"\n            variant=\"flat\"\n            @click=${this.leftMoreButtonClicked}\n            ?activated=${this.leftMoreButtonActivated}\n          >\n            <obi-01-more-vertical></obi-01-more-vertical>\n          </obc-icon-button>\n        </div>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-top-bar': ObcTopBar;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/icons/icon-01-add.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class Obi01Add extends LitElement {
+    useCssColor: boolean;
+    private icon;
+    private iconCss;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obi-01-add': Obi01Add;
+    }
+}
+//# sourceMappingURL=icon-01-add.d.ts.map

package/dist/icons/icon-01-add.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-add.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,QAAS,SAAQ,UAAU;IACiB,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/dist/icons/icon-01-add.js

@@ -0,0 +1,52 @@
+import { css, LitElement, svg, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let Obi01Add = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.useCssColor = false;
+    this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z" fill="currentColor"/>
+</svg>
+`;
+    this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z" style="fill: var(--element-active-color)"/>
+</svg>
+`;
+  }
+  render() {
+    return html`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+  }
+};
+Obi01Add.styles = css`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, attribute: "use-css-color" })
+], Obi01Add.prototype, "useCssColor", 2);
+Obi01Add = __decorateClass([
+  customElement("obi-01-add")
+], Obi01Add);
+export {
+  Obi01Add
+};
+//# sourceMappingURL=icon-01-add.js.map

package/dist/icons/icon-01-add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-add.js","sources":["../../src/icons/icon-01-add.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-add')\nexport class Obi01Add extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-01-add': Obi01Add;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AA7Ba,SAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlB8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,SAC4C,WAAA,eAAA,CAAA;AAD5C,WAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,QAAA;"}

package/dist/icons/icon-01-application-open.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class Obi01ApplicationOpen extends LitElement {
+    useCssColor: boolean;
+    private icon;
+    private iconCss;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obi-01-application-open': Obi01ApplicationOpen;
+    }
+}
+//# sourceMappingURL=icon-01-application-open.d.ts.map

package/dist/icons/icon-01-application-open.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-application-open.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-application-open.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,oBAAqB,SAAQ,UAAU;IACK,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAIZ;IAEA,OAAO,CAAC,OAAO,CAIf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}