"use strict";(self.webpackChunk_aidoop_aidoop_r=self.webpackChunk_aidoop_aidoop_r||[]).push([[9283],{99792:(e,o,i)=>{i.r(o);i(39663),i(76013);var t=i(94430),n=i(9201),r=i(51266);class s extends t.oi{static get styles(){return[n.Ix,t.iv`
        :host {
          display: flex;
          flex-direction: row;

          background-color: white;
          padding: 12px 5px 12px 15px;

          font-size: 13px;
          color: #333;
        }

        [licenses] {
          flex: 1;
          overflow: auto;
          margin: 0;
          padding: 0;
        }
        li::before {
          content: '- ';
        }
        li {
          padding: 2px 0 1px 0;
        }
        a {
          color: #22a6a7;
        }
      `]}static get properties(){return{licenses:Object}}async firstUpdated(){try{const e=await fetch("/licenses",{method:"GET"});if(!e.ok)throw new Error(e);this.licenses=await e.json(),r.log(this.licenses)}catch(e){r.error(e)}}render(){var e=this.licenses||{};return t.dy`
      <ul licenses>
        ${Object.keys(e).map((o=>{var i=e[o];return t.dy`
            <li>
              <span>${o}</span>
              <a href=${i.licenseUrl}>${i.licenses}</a>
            </li>
          `}))}
      </ul>
    `}}customElements.define("opensource-license",s);var a=i(5222),c=i(53421),l=i(37077),p=i(80692);const d="production",u="6.2.0",f="6.0.19";class v extends((0,c.NC)(c.z2)(p.B4)){static get styles(){return t.iv`
      :host {
        display: block;
        position: relative;
        text-align: center;

        background-color: var(--system-info-background-color);
        padding: var(--system-info-content-padding);
        color: var(--system-info-color);
        font: var(--system-info-font);
      }
      :host * {
        vertical-align: middle;
      }
      #refresh-button {
        border-radius: var(--border-radius);
        border: 1px solid rgba(0, 0, 0, 0.1);
      }
      div {
        padding: 10px;
      }
      strong {
        font: var(--system-info-appname-font);
        color: var(--system-info-appname-color);
      }
      span {
        display: block;
      }
      span.description {
        padding: 3px 10px;
        font: var(--system-info-description-font);
        color: var(--system-info-description-color);
      }
      span.version {
        display: inline-block;
        border-radius: 5px;
        opacity: 0.8;
        background-color: var(--system-info-version-background-color);
        padding: 3px 10px;
        font: var(--system-info-version-font);
        color: var(--system-info-version-color);
      }
      .poweredBy {
        background-color: #efefef;
        position: absolute;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 7px 0;
        width: 100%;
        bottom: 0;
        text-align: center;
      }
      .poweredBy mwc-icon {
        opacity: var(--help-icon-opacity, 0.4);
        font-size: var(--help-icon-size, 18px);
        color: var(--help-icon-color);
      }
      .poweredBy mwc-icon:hover {
        cursor: help;
        opacity: var(--help-icon-hover-opacity, 1);
        color: var(--help-icon-hover-color);
      }
    `}get context(){return{title:c.z2.t("label.about-system")}}get applicationMeta(){if(!this._applicationMeta){var e=document.querySelector('link[rel="application-icon"]'),o=document.querySelector('meta[name="application-name"]'),i=document.querySelector('meta[name="application-description"]'),t=document.querySelector('meta[name="application-copyright"]');this._applicationMeta={icon:e?.href,title:o?o.content:"Things Factory",description:i?i.content:"Reimagining Software",copyright:t?t.content:'Copyright © hatiolab.com. All Rights Reserved." />'}}return this._applicationMeta}render(){var{icon:e,title:o,description:i,copyright:n}=this.applicationMeta;return t.dy`
      <img src=${e} alt="system logo" />

      <div>
        <strong>${o}</strong>
        <span class="description">${i}</span>
        <span class="version"
          ><ox-i18n msgid="field.version"></ox-i18n> : ${f}-${d}</span
        >
      </div>

      <div>
        <mwc-button
          id="refresh-button"
          icon="refresh"
          label="${c.z2.t("label.system reload")}"
          @click=${e=>{location.reload(!0)}}
        ></mwc-button>
      </div>

      <div>
        <span>${n}</span>

        <span
          >${o} is built on several
          <a href="#" @click=${e=>this.onClickOpenSourceLicense(e)}>open source software</a></span
        >
      </div>

      <div class="poweredBy">
        <span
          >Powered by &trade;Things Factory <ox-i18n msgid="field.version"></ox-i18n> ${u}
          <mwc-icon @click=${e=>(0,a.UF)("about/things-factory")}>help</mwc-icon>
        </span>
      </div>
    `}onClickOpenSourceLicense(e){e.preventDefault(),e.stopPropagation(),(0,l.Mw)(t.dy` <opensource-license></opensource-license> `,{backdrop:!0,size:"large",title:"Open Source Licenses"})}}customElements.define("system-info",v)}}]);