@api-client/ui 0.0.15 → 0.0.17

package/dist/lib/chart/HttpHistoryChart.js

@@ -1,306 +0,0 @@
-/* eslint-disable class-methods-use-this */
-import { ErrorResponse } from '@api-client/core/build/esm/browser.js';
-import { css, html } from 'lit';
-import { range } from 'lit/directives/range.js';
-import { map } from 'lit/directives/map.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { getTime, relativeDay } from '../time/Conversion.js';
-const chartStyles = css `
-.grid-container {
-  display: grid;
-  grid-template:
-    "header header" 40px
-    "rows data" auto
-    ". columns" 80px / 80px auto;
-
-  font-family: var(--md-sys-typescale-body-small-font-family-name);
-  font-style: var(--md-sys-typescale-body-small-font-family-style);
-  font-weight: var(--md-sys-typescale-body-small-font-weight);
-  font-size: var(--md-sys-typescale-body-small-font-size);
-  letter-spacing: var(--md-sys-typescale-body-small-tracking);
-  line-height: var(--md-sys-typescale-body-small-height);
-  text-transform: var(--md-sys-typescale-body-small-text-transform);
-  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
-}
-
-.chart-title {
-  font-weight: 500;
-  font-size: 1.1rem;
-  grid-area: header;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.chart-rows {
-  grid-area: rows;
-  position: relative;
-  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );
-  border-right: 1px #e5e5e5 solid;
-  text-align: right;
-  padding-right: 20px;
-}
-
-.chart-rows .label {
-  left: 0;
-  top: calc(100% / 2 - calc(1rem / 2));
-  position: absolute;
-  transform: rotate(-90deg);
-  left: -68px;
-}
-
-.chart-data {
-  grid-area: data; 
-}
-
-.chart-rows,
-.chart-data {
-  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );
-}
-
-.chart-columns {
-  grid-area: columns;
-  /* overflow: hidden; */
-}
-
-.chart-data,
-.chart-columns {
-  display: flex;
-  gap: 12px;
-}
-
-.data-rows {
-  display: flex;
-  flex-direction: column-reverse;
-  height: 100%;
-}
-
-.data-rows > * {
-  flex: 1 1 0%;
-  display: flex;
-  align-items: start;
-  justify-content: end;
-  margin-top: 8px;
-}
-
-.data-column,
-.data-bar {
-  display: block;
-  min-width: 8px;
-  background-color: transparent;
-  min-width: 20px;
-  flex: 1 1 0%;
-}
-
-.data-bar.day-separator {
-  background-color: #03a9f45e;
-}
-
-.data-bar.day-separator,
-.data-column.day-separator {
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  max-width: 60px;
-}
-
-.data-bar.day-separator .label {
-  transform: rotate(-90deg);
-  white-space: nowrap;
-  background-color: #a2dffb;
-  padding: 8px;
-}
-
-.data-column {
-  display: flex;
-  align-items: center;
-  padding-top: 8px;
-}
-
-.data-column .label {
-  display: block;
-  transform: rotate(-90deg);
-  white-space: nowrap;
-  /* overflow: hidden;
-  text-overflow: ellipsis; */
-}
-
-.bar-day-entry {
-  display: flex;
-  flex-direction: column;
-}
-
-.bar-day-entry .label {
-  flex: 1;
-  min-height: 0px;
-  position: relative;
-  z-index: 1;
-  place-self: center end;
-  display: flex;
-  align-items: end;
-}
-
-.label.inside {
-  transform: translate(0px, 1.5rem);
-}
-
-.bar-value {
-  transition: all 0.4s ease-in-out 0s;
-  background: rgb(76 175 80 / 78%);
-}
-`;
-export { chartStyles };
-const DaySeparatorKind = 'Chart#DaySeparator';
-const EntryKind = 'Chart#Entry';
-export class HttpHistoryChart {
-    /**
-     * @param data Sorted history data. Each array item is a group if requests made that day.
-     */
-    constructor(data) {
-        this.data = data;
-        this._topDuration = 0;
-        this._topRequestSize = 0;
-        this._topResponseSize = 0;
-        /**
-         * The ordered from the oldest to the newest history data.
-         */
-        this._values = [];
-        this._analyze();
-    }
-    /**
-     * Normalizes the data, formats the labels and sets the `_values` array.
-     */
-    _analyze() {
-        const { data } = this;
-        const result = [];
-        const copy = [...data].reverse();
-        for (const group of copy) {
-            if (!group.length) {
-                continue;
-            }
-            const groupEntry = {
-                kind: DaySeparatorKind,
-                label: relativeDay(group[0].midnight || 0),
-            };
-            result.push(groupEntry);
-            for (const item of [...group].reverse()) {
-                const { log, created } = item;
-                if (!log) {
-                    continue;
-                }
-                const entry = {
-                    kind: EntryKind,
-                    d: 0,
-                    res: 0,
-                    rps: 0,
-                    t: created,
-                };
-                result.push(entry);
-                const { size, response } = log;
-                if (size) {
-                    entry.res = size.request;
-                    entry.rps = size.response;
-                    if (this._topRequestSize < size.request) {
-                        this._topRequestSize = size.request;
-                    }
-                    if (this._topResponseSize < size.response) {
-                        this._topResponseSize = size.response;
-                    }
-                }
-                if (!ErrorResponse.isErrorResponse(response)) {
-                    const typed = response;
-                    entry.d = typed.loadingTime;
-                    if (this._topDuration < typed.loadingTime) {
-                        this._topDuration = typed.loadingTime;
-                    }
-                }
-            }
-        }
-        this._values = result;
-    }
-    /**
-     * Creates a plot for the request duration.
-     */
-    durationPlot() {
-        return html `
-    <figure aria-hidden="true" class="grid-container chart">
-      <figcaption class="chart-title">Request duration</figcaption>
-      ${this._durationRows()}
-      ${this._durationChart()}
-      ${this._durationColumns()}
-    </figure>
-    `;
-    }
-    _durationRows() {
-        const step = this._topDuration / 10;
-        return html `
-    <div class="chart-rows">
-      <div class="label">Milliseconds</div>
-      <div class="data-rows">
-        ${map(range(10), (i) => html `<span>${Math.round((i + 1) * step)}</span>`)}
-      </div>
-    </div>
-    `;
-    }
-    _durationChart() {
-        const data = this._values;
-        return html `<div class="chart-data">
-      ${data.map(i => this._durationItem(i))}
-    </div>`;
-    }
-    _durationColumns() {
-        const data = this._values;
-        return html `
-    <div class="chart-columns">
-      ${data.map(i => this._durationColumn(i))}
-    </div>`;
-    }
-    _durationItem(item) {
-        if (item.kind === DaySeparatorKind) {
-            return this._durationDaySeparatorItem(item);
-        }
-        return this._durationEntryItem(item);
-    }
-    _durationDaySeparatorItem(item) {
-        return html `
-    <div class="data-bar day-separator">
-      <span class="label">${item.label}</span>
-    </div>
-    `;
-    }
-    _durationEntryItem(item) {
-        const { d } = item;
-        let scale = 0;
-        if (this._topDuration) {
-            scale = d / this._topDuration;
-        }
-        const classes = {
-            'label': true,
-            'inside': scale >= 0.75,
-        };
-        return html `
-    <div class="data-bar bar-day-entry">
-      <span class="${classMap(classes)}">${d}</span>
-      <div class="bar-value" style="flex-basis: ${scale * 100}%">
-      </div>
-    </div>
-    `;
-    }
-    _durationColumn(item) {
-        const classes = {
-            'data-column': true,
-            'day-separator': item.kind === DaySeparatorKind,
-        };
-        let label;
-        if (item.kind === EntryKind) {
-            label = getTime(item.t);
-        }
-        return html `
-    <div class="${classMap(classes)}">
-      ${label ? html `<span class="label">${label}</span>` : ''}
-    </div>
-    `;
-    }
-}
-//# sourceMappingURL=HttpHistoryChart.js.map

package/dist/lib/chart/HttpHistoryChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HttpHistoryChart.js","sourceRoot":"","sources":["../../../src/lib/chart/HttpHistoryChart.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { ErrorResponse, IHttpHistory, IResponse } from '@api-client/core/build/esm/browser.js';\nimport { css, html, TemplateResult } from 'lit';\nimport { range } from 'lit/directives/range.js';\nimport { map } from 'lit/directives/map.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getTime, relativeDay } from '../time/Conversion.js';\n\nconst chartStyles = css`\n.grid-container {\n  display: grid;\n  grid-template:\n    \"header header\" 40px\n    \"rows data\" auto\n    \". columns\" 80px / 80px auto;\n\n  font-family: var(--md-sys-typescale-body-small-font-family-name);\n  font-style: var(--md-sys-typescale-body-small-font-family-style);\n  font-weight: var(--md-sys-typescale-body-small-font-weight);\n  font-size: var(--md-sys-typescale-body-small-font-size);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  line-height: var(--md-sys-typescale-body-small-height);\n  text-transform: var(--md-sys-typescale-body-small-text-transform);\n  text-decoration: var(--md-sys-typescale-body-small-text-decoration);\n}\n\n.chart-title {\n  font-weight: 500;\n  font-size: 1.1rem;\n  grid-area: header;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.chart-rows {\n  grid-area: rows;\n  position: relative;\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n  border-right: 1px #e5e5e5 solid;\n  text-align: right;\n  padding-right: 20px;\n}\n\n.chart-rows .label {\n  left: 0;\n  top: calc(100% / 2 - calc(1rem / 2));\n  position: absolute;\n  transform: rotate(-90deg);\n  left: -68px;\n}\n\n.chart-data {\n  grid-area: data; \n}\n\n.chart-rows,\n.chart-data {\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n}\n\n.chart-columns {\n  grid-area: columns;\n  /* overflow: hidden; */\n}\n\n.chart-data,\n.chart-columns {\n  display: flex;\n  gap: 12px;\n}\n\n.data-rows {\n  display: flex;\n  flex-direction: column-reverse;\n  height: 100%;\n}\n\n.data-rows > * {\n  flex: 1 1 0%;\n  display: flex;\n  align-items: start;\n  justify-content: end;\n  margin-top: 8px;\n}\n\n.data-column,\n.data-bar {\n  display: block;\n  min-width: 8px;\n  background-color: transparent;\n  min-width: 20px;\n  flex: 1 1 0%;\n}\n\n.data-bar.day-separator {\n  background-color: #03a9f45e;\n}\n\n.data-bar.day-separator,\n.data-column.day-separator {\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 60px;\n}\n\n.data-bar.day-separator .label {\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  background-color: #a2dffb;\n  padding: 8px;\n}\n\n.data-column {\n  display: flex;\n  align-items: center;\n  padding-top: 8px;\n}\n\n.data-column .label {\n  display: block;\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  /* overflow: hidden;\n  text-overflow: ellipsis; */\n}\n\n.bar-day-entry {\n  display: flex;\n  flex-direction: column;\n}\n\n.bar-day-entry .label {\n  flex: 1;\n  min-height: 0px;\n  position: relative;\n  z-index: 1;\n  place-self: center end;\n  display: flex;\n  align-items: end;\n}\n\n.label.inside {\n  transform: translate(0px, 1.5rem);\n}\n\n.bar-value {\n  transition: all 0.4s ease-in-out 0s;\n  background: rgb(76 175 80 / 78%);\n}\n`;\n\nexport { chartStyles };\n\nconst DaySeparatorKind = 'Chart#DaySeparator';\nconst EntryKind = 'Chart#Entry';\n\ninterface IDaySeparator {\n  kind: typeof DaySeparatorKind;\n  label: string;\n}\n\ninterface IEntry {\n  kind: typeof EntryKind;\n  /**\n   * Request duration.\n   */\n  d: number;\n  /**\n   * Request size\n   */\n  res: number;\n  /**\n   * Response size\n   */\n  rps: number;\n  /**\n   * The log created time\n   */\n  t: number;\n}\n\ntype DataEntry = IEntry | IDaySeparator;\n\nexport class HttpHistoryChart {\n  protected _topDuration = 0;\n\n  protected _topRequestSize = 0;\n  \n  protected _topResponseSize = 0;\n\n  /**\n   * The ordered from the oldest to the newest history data.\n   */\n  protected _values: DataEntry[] = [];\n\n  /**\n   * @param data Sorted history data. Each array item is a group if requests made that day.\n   */\n  constructor(protected data: IHttpHistory[][]) {\n    this._analyze();\n  }\n\n  /**\n   * Normalizes the data, formats the labels and sets the `_values` array.\n   */\n  protected _analyze(): void {\n    const { data } = this;\n    const result: DataEntry[] = [];\n    const copy = [...data].reverse();\n    for (const group of copy) {\n      if (!group.length) {\n        continue;\n      }\n      const groupEntry: IDaySeparator = {\n        kind: DaySeparatorKind,\n        label: relativeDay(group[0].midnight || 0),\n      };\n      result.push(groupEntry);\n      for (const item of [...group].reverse()) {\n        const { log, created } = item;\n        if (!log) {\n          continue;\n        }\n        const entry: IEntry = {\n          kind: EntryKind,\n          d: 0,\n          res: 0,\n          rps: 0,\n          t: created,\n        };\n        result.push(entry);\n        const { size, response } = log;\n        if (size) {\n          entry.res = size.request;\n          entry.rps = size.response;\n          if (this._topRequestSize < size.request) {\n            this._topRequestSize = size.request;\n          }\n          if (this._topResponseSize < size.response) {\n            this._topResponseSize = size.response;\n          }\n        }\n        if (!ErrorResponse.isErrorResponse(response)) {\n          const typed = response as IResponse;\n          entry.d = typed.loadingTime;\n          if (this._topDuration < typed.loadingTime) {\n            this._topDuration = typed.loadingTime;\n          }\n        }\n      }\n    }\n    this._values = result;\n  }\n\n  /**\n   * Creates a plot for the request duration.\n   */\n  durationPlot(): TemplateResult {\n    return html`\n    <figure aria-hidden=\"true\" class=\"grid-container chart\">\n      <figcaption class=\"chart-title\">Request duration</figcaption>\n      ${this._durationRows()}\n      ${this._durationChart()}\n      ${this._durationColumns()}\n    </figure>\n    `;\n  }\n\n  private _durationRows(): TemplateResult {\n    const step = this._topDuration / 10;\n    return html`\n    <div class=\"chart-rows\">\n      <div class=\"label\">Milliseconds</div>\n      <div class=\"data-rows\">\n        ${map(range(10), (i) => html`<span>${Math.round((i+1) * step)}</span>`)}\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationChart(): TemplateResult {\n    const data = this._values;\n    return html`<div class=\"chart-data\">\n      ${data.map(i => this._durationItem(i))}\n    </div>`;\n  }\n\n  private _durationColumns(): TemplateResult {\n    const data = this._values;\n    return html`\n    <div class=\"chart-columns\">\n      ${data.map(i => this._durationColumn(i))}\n    </div>`;\n  }\n\n  private _durationItem(item: DataEntry): TemplateResult {\n    if (item.kind === DaySeparatorKind) {\n      return this._durationDaySeparatorItem(item);\n    }\n    return this._durationEntryItem(item);\n  }\n\n  private _durationDaySeparatorItem(item: IDaySeparator): TemplateResult {\n    return html`\n    <div class=\"data-bar day-separator\">\n      <span class=\"label\">${item.label}</span>\n    </div>\n    `;\n  }\n\n  private _durationEntryItem(item: IEntry): TemplateResult {\n    const { d } = item;\n    let scale = 0;\n    if (this._topDuration) {\n      scale = d / this._topDuration;\n    }\n    const classes = {\n      'label': true,\n      'inside': scale >= 0.75,\n    };\n    return html`\n    <div class=\"data-bar bar-day-entry\">\n      <span class=\"${classMap(classes)}\">${d}</span>\n      <div class=\"bar-value\" style=\"flex-basis: ${scale * 100}%\">\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationColumn(item: DataEntry): TemplateResult {\n    const classes = {\n      'data-column': true,\n      'day-separator': item.kind === DaySeparatorKind,\n    };\n    let label: string | undefined;\n    if (item.kind === EntryKind) {\n      label = getTime(item.t);\n    }\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${label ? html`<span class=\"label\">${label}</span>` : ''}\n    </div>\n    `;\n  }\n}\n"]}

package/dist/lib/color/ColorConverter.d.ts

@@ -1,8 +0,0 @@
-export declare function rgbToHex(r: number, g: number, b: number): string;
-export declare function hexToRgb(hex: string): {
-    r: number;
-    g: number;
-    b: number;
-} | null;
-export declare function normalizeColor(value: string): string;
-//# sourceMappingURL=ColorConverter.d.ts.map

package/dist/lib/color/ColorConverter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorConverter.d.ts","sourceRoot":"","sources":["../../../src/lib/color/ColorConverter.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKhE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAYhF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAgBpD"}

package/dist/lib/color/ColorConverter.js

@@ -1,38 +0,0 @@
-function componentToHex(component) {
-    return component.toString(16).padStart(2, '0');
-}
-export function rgbToHex(r, g, b) {
-    const rValue = componentToHex(r);
-    const gValue = componentToHex(g);
-    const bValue = componentToHex(b);
-    return `#${rValue}${gValue}${bValue}`;
-}
-export function hexToRgb(hex) {
-    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-    const normalized = hex.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
-    return result ? {
-        r: parseInt(result[1], 16),
-        g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16)
-    } : null;
-}
-export function normalizeColor(value) {
-    const tmp = value.trim().toLowerCase();
-    if (!tmp) {
-        return '';
-    }
-    if (tmp[0] === '#') {
-        return tmp;
-    }
-    const matches = /(\d+),\s?(\d+),\s?(\d+)/.exec(tmp);
-    if (matches) {
-        const r = Number(matches[1]);
-        const g = Number(matches[2]);
-        const b = Number(matches[3]);
-        return rgbToHex(r, g, b).toLowerCase();
-    }
-    return tmp;
-}
-//# sourceMappingURL=ColorConverter.js.map

package/dist/lib/color/ColorConverter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorConverter.js","sourceRoot":"","sources":["../../../src/lib/color/ColorConverter.ts"],"names":[],"mappings":"AAAA,SAAS,cAAc,CAAC,SAAiB;IACvC,OAAO,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;IACtD,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACjC,OAAO,IAAI,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,kEAAkE;IAElE,MAAM,cAAc,GAAG,kCAAkC,CAAC;IAC1D,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtF,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5E,OAAO,MAAM,CAAC,CAAC,CAAC;QACd,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC1B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC1B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;KAC3B,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,EAAE,CAAC;KACX;IACD,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;QAClB,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpD,IAAI,OAAO,EAAE;QACX,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KACxC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["function componentToHex(component: number): string {\n  return component.toString(16).padStart(2, '0');\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n  const rValue = componentToHex(r);\n  const gValue = componentToHex(g);\n  const bValue = componentToHex(b);\n  return `#${rValue}${gValue}${bValue}`;\n}\n\nexport function hexToRgb(hex: string): { r: number, g: number, b: number } | null {\n  // Expand shorthand form (e.g. \"03F\") to full form (e.g. \"0033FF\")\n\n  const shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n  const normalized = hex.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);\n\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(normalized);\n  return result ? {\n    r: parseInt(result[1], 16),\n    g: parseInt(result[2], 16),\n    b: parseInt(result[3], 16)\n  } : null;\n}\n\nexport function normalizeColor(value: string): string {\n  const tmp = value.trim().toLowerCase();\n  if (!tmp) {\n    return '';\n  }\n  if (tmp[0] === '#') {\n    return tmp;\n  }\n  const matches = /(\\d+),\\s?(\\d+),\\s?(\\d+)/.exec(tmp);\n  if (matches) {\n    const r = Number(matches[1]);\n    const g = Number(matches[2]);\n    const b = Number(matches[3]);\n    return rgbToHex(r, g, b).toLowerCase();\n  }\n  return tmp;\n}\n"]}

package/dist/lib/config/Config.d.ts

@@ -1,70 +0,0 @@
-export type DataSourceType = 'local-store' | 'network-store';
-export type TelemetryLevel = 'noting' | 'crash' | 'all';
-export type ThemeType = 'default' | 'light' | 'dark';
-/**
- * The definition of the configuration environment.
- */
-export interface IConfigEnvironment {
-    /**
-     * The key of the environment.
-     */
-    key: string;
-    /**
-     * The source of the data.
-     * When file it expects the `in` parameter to be set and the CLI operates on a single project file.
-     * When `net-store` is selected then it requires store configuration with the URL to the store.
-     */
-    source: DataSourceType;
-    /**
-     * The name for the environment
-     */
-    name: string;
-    /**
-     * The full base URL to the store.
-     */
-    location: string;
-    /**
-     * The auth token to use with the store APIs.
-     */
-    token?: string;
-    /**
-     * The access token expiration time.
-     * May not be set if the store's tokens do not expire.
-     */
-    tokenExpires?: number;
-    /**
-     * A flag indicating whether the token was authenticated with the user.
-     */
-    authenticated?: boolean;
-}
-/**
- * Application configuration for telemetry.
- */
-export interface ITelemetryConfig {
-    /**
-     * The level the user consent to data sharing.
-     * @default noting
-     */
-    level: TelemetryLevel;
-}
-export interface IEnvConfig {
-    current?: string;
-    environments: IConfigEnvironment[];
-}
-export type ConfigInitReason = 'first-run' | 'add';
-export interface IConfigInit {
-    source: DataSourceType;
-    reason: ConfigInitReason;
-    location?: string;
-    name?: string;
-    /**
-     * Whether to set this environment as default.
-     */
-    asDefault?: boolean;
-}
-export declare const ConfigBroadcastChannel = "app-config";
-export interface ConfigBroadcast {
-    path: string;
-    [key: string]: unknown;
-}
-//# sourceMappingURL=Config.d.ts.map

package/dist/lib/config/Config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/lib/config/Config.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,eAAe,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,MAAM,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,eAAe,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/lib/config/Config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Config.js","sourceRoot":"","sources":["../../../src/lib/config/Config.ts"],"names":[],"mappings":"AAsEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,YAAY,CAAC","sourcesContent":["export type DataSourceType = 'local-store' | 'network-store';\nexport type TelemetryLevel = 'noting' | 'crash' | 'all';\nexport type ThemeType = 'default' | 'light' | 'dark';\n\n/**\n * The definition of the configuration environment.\n */\nexport interface IConfigEnvironment {\n  /**\n   * The key of the environment.\n   */\n  key: string;\n  /**\n   * The source of the data.\n   * When file it expects the `in` parameter to be set and the CLI operates on a single project file.\n   * When `net-store` is selected then it requires store configuration with the URL to the store.\n   */\n  source: DataSourceType;\n  /**\n   * The name for the environment\n   */\n  name: string;\n  /**\n   * The full base URL to the store.\n   */\n  location: string;\n  /**\n   * The auth token to use with the store APIs.\n   */\n  token?: string;\n  /**\n   * The access token expiration time. \n   * May not be set if the store's tokens do not expire.\n   */\n  tokenExpires?: number;\n  /**\n   * A flag indicating whether the token was authenticated with the user.\n   */\n  authenticated?: boolean;\n}\n\n/**\n * Application configuration for telemetry.\n */\nexport interface ITelemetryConfig {\n  /**\n   * The level the user consent to data sharing.\n   * @default noting\n   */\n  level: TelemetryLevel;\n}\n\nexport interface IEnvConfig {\n  current?: string;\n  environments: IConfigEnvironment[];\n}\n\nexport type ConfigInitReason = 'first-run' | 'add';\n\nexport interface IConfigInit {\n  source: DataSourceType;\n  reason: ConfigInitReason;\n  location?: string;\n  name?: string;\n  /**\n   * Whether to set this environment as default.\n   */\n  asDefault?: boolean;\n}\n\nexport const ConfigBroadcastChannel = 'app-config';\n\nexport interface ConfigBroadcast {\n  path: string;\n  [key: string]: unknown;\n}\n"]}

package/dist/lib/decorators/query.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/lib/decorators/query.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,uBAClC,GAAG,QAAQ,WAAW,KAAG,GAAG,CAmBxD"}

package/dist/lib/decorators/query.js

@@ -1,47 +0,0 @@
-/**
- * A property decorator that converts a class property into a getter that
- * executes a querySelector on the document.
- *
- * @param selector A DOMString containing one or more selectors to match.
- * @param cache An optional boolean which when true performs the DOM query only
- *     once and caches the result.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- *
- * ```ts
- * class Page {
- *   @query('#first')
- *   first;
- *
- *   render() {
- *     return html`
- *       <div id="first"></div>
- *       <div id="second"></div>
- *     `;
- *   }
- * }
- * ```
- */
-export default function query(selector, cache) {
-    return (protoOrDescriptor, name) => {
-        if (cache) {
-            const key = typeof name === 'symbol' ? Symbol('') : `__${name}`;
-            Object.defineProperty(protoOrDescriptor, name, {
-                get() {
-                    if (!this[key]) {
-                        this[key] = document.querySelector(selector) ?? null;
-                    }
-                    return this[key];
-                },
-            });
-        }
-        else {
-            Object.defineProperty(protoOrDescriptor, name, {
-                get() {
-                    return document.querySelector(selector) ?? null;
-                },
-            });
-        }
-    };
-}
-//# sourceMappingURL=query.js.map

package/dist/lib/decorators/query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/lib/decorators/query.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,QAAgB,EAAE,KAAe;IAC7D,OAAO,CAAC,iBAAsB,EAAE,IAAiB,EAAO,EAAE;QACxD,IAAI,KAAK,EAAE;YACT,MAAM,GAAG,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;YAChE,MAAM,CAAC,cAAc,CAAC,iBAAiB,EAAE,IAAI,EAAE;gBAC7C,GAAG;oBACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;wBACd,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC;qBACtD;oBACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC;aACF,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,CAAC,cAAc,CAAC,iBAAiB,EAAE,IAAI,EAAE;gBAC7C,GAAG;oBACD,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC;gBAClD,CAAC;aACF,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;AACJ,CAAC","sourcesContent":["/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the document.\n *\n * @param selector A DOMString containing one or more selectors to match.\n * @param cache An optional boolean which when true performs the DOM query only\n *     once and caches the result.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\n *\n * ```ts\n * class Page {\n *   @query('#first')\n *   first;\n *\n *   render() {\n *     return html`\n *       <div id=\"first\"></div>\n *       <div id=\"second\"></div>\n *     `;\n *   }\n * }\n * ```\n */\nexport default function query(selector: string, cache?: boolean) {\n  return (protoOrDescriptor: any, name: PropertyKey): any => {\n    if (cache) {\n      const key = typeof name === 'symbol' ? Symbol('') : `__${name}`;\n      Object.defineProperty(protoOrDescriptor, name, {\n        get() {\n          if (!this[key]) {\n            this[key] = document.querySelector(selector) ?? null;\n          }\n          return this[key];\n        },\n      });\n    } else {\n      Object.defineProperty(protoOrDescriptor, name, {\n        get() {\n          return document.querySelector(selector) ?? null;\n        },\n      });\n    }\n  };\n}\n"]}

package/dist/lib/decorators/reactive.d.ts

@@ -1,5 +0,0 @@
-/**
- * Reactive decorator that calls the `render()` function when the value of the property change.
- */
-export default function reactive(): (protoOrDescriptor: any, name: PropertyKey) => any;
-//# sourceMappingURL=reactive.d.ts.map

package/dist/lib/decorators/reactive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../../src/lib/decorators/reactive.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,wBACH,GAAG,QAAQ,WAAW,KAAG,GAAG,CA4BxD"}

package/dist/lib/decorators/reactive.js

@@ -1,36 +0,0 @@
-const propertiesSymbol = Symbol("properties");
-/**
- * Reactive decorator that calls the `render()` function when the value of the property change.
- */
-export default function reactive() {
-    return (protoOrDescriptor, name) => {
-        Object.defineProperty(protoOrDescriptor, name, {
-            get() {
-                const map = Reflect.get(protoOrDescriptor, propertiesSymbol) || {};
-                return map[name];
-            },
-            set(newValue) {
-                let map = Reflect.get(protoOrDescriptor, propertiesSymbol);
-                if (!map) {
-                    map = {};
-                    Reflect.set(protoOrDescriptor, propertiesSymbol, map);
-                }
-                if (map[name] === name) {
-                    return;
-                }
-                if (newValue === undefined) {
-                    delete map[name];
-                }
-                else {
-                    map[name] = newValue;
-                }
-                if (typeof this.render === 'function') {
-                    this.render();
-                }
-            },
-            enumerable: true,
-            configurable: true,
-        });
-    };
-}
-//# sourceMappingURL=reactive.js.map

package/dist/lib/decorators/reactive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../src/lib/decorators/reactive.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO,CAAC,iBAAsB,EAAE,IAAiB,EAAO,EAAE;QACxD,MAAM,CAAC,cAAc,CAAC,iBAAiB,EAAE,IAAI,EAAE;YAC7C,GAAG;gBACD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC;gBACnE,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;YACD,GAAG,CAAC,QAAQ;gBACV,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;gBAC3D,IAAI,CAAC,GAAG,EAAE;oBACR,GAAG,GAAG,EAAE,CAAC;oBACT,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAC;iBACvD;gBACD,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;oBACtB,OAAO;iBACR;gBACD,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;iBAClB;qBAAM;oBACL,GAAG,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;iBACtB;gBACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;oBACrC,IAAI,CAAC,MAAM,EAAE,CAAC;iBACf;YACH,CAAC;YACD,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC","sourcesContent":["const propertiesSymbol = Symbol(\"properties\");\n\n/**\n * Reactive decorator that calls the `render()` function when the value of the property change.\n */\nexport default function reactive() {\n  return (protoOrDescriptor: any, name: PropertyKey): any => {\n    Object.defineProperty(protoOrDescriptor, name, {\n      get() {\n        const map = Reflect.get(protoOrDescriptor, propertiesSymbol) || {};\n        return map[name];\n      },\n      set(newValue) {\n        let map = Reflect.get(protoOrDescriptor, propertiesSymbol);\n        if (!map) {\n          map = {};\n          Reflect.set(protoOrDescriptor, propertiesSymbol, map);\n        }\n        if (map[name] === name) {\n          return;\n        }\n        if (newValue === undefined) {\n          delete map[name];\n        } else {\n          map[name] = newValue;\n        }\n        if (typeof this.render === 'function') {\n          this.render();\n        }\n      },\n      enumerable: true,\n      configurable: true,\n    });\n  };\n}\n"]}

package/dist/lib/decorators.d.ts

@@ -1,3 +0,0 @@
-export { default as reactive } from './decorators/reactive.js';
-export { default as query } from './decorators/query.js';
-//# sourceMappingURL=decorators.d.ts.map

package/dist/lib/decorators.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/lib/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/lib/decorators.js

@@ -1,3 +0,0 @@
-export { default as reactive } from './decorators/reactive.js';
-export { default as query } from './decorators/query.js';
-//# sourceMappingURL=decorators.js.map

package/dist/lib/decorators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../src/lib/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { default as reactive } from './decorators/reactive.js';\nexport { default as query } from './decorators/query.js';\n"]}

package/dist/lib/environments/Utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../../src/lib/environments/Utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,CAU/E"}

package/dist/lib/environments/Utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../src/lib/environments/Utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAa,EAAE,YAAqB;IACrE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,YAAY,EAAE;QAChB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACzB,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3B,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACvC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Computes value for a variable label depending on value of `maskedValues`.\n *\n * @param value Variable value\n * @param maskedValues True to masks the value.\n * @returns When `maskedValues` is true then it returns series of `•`.\n * The input otherwise.\n */\nexport function variableValueLabel(value: string, maskedValues: boolean): string {\n  if (!value) {\n    return '(empty)';\n  }\n  if (maskedValues) {\n    const len = value.length;\n    const arr = new Array(len);\n    return arr.fill('•', 0, len).join('');\n  }\n  return value;\n}\n"]}

package/dist/lib/files/FileUtils.d.ts

@@ -1,9 +0,0 @@
-export declare class FileUtils {
-    /**
-     * Reads the last segment of the file path and returns it as a file name.
-     *
-     * @param path THe file path.
-     */
-    static getFileName(path: string): string;
-}
-//# sourceMappingURL=FileUtils.d.ts.map

package/dist/lib/files/FileUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUtils.d.ts","sourceRoot":"","sources":["../../../src/lib/files/FileUtils.ts"],"names":[],"mappings":"AAAA,qBAAa,SAAS;IACpB;;;;OAIG;IACH,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAKzC"}

package/dist/lib/files/FileUtils.js

@@ -1,13 +0,0 @@
-export class FileUtils {
-    /**
-     * Reads the last segment of the file path and returns it as a file name.
-     *
-     * @param path THe file path.
-     */
-    static getFileName(path) {
-        const delimiter = path.includes('/') ? '/' : '\\';
-        const last = path.split(delimiter).pop();
-        return last || '';
-    }
-}
-//# sourceMappingURL=FileUtils.js.map

package/dist/lib/files/FileUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUtils.js","sourceRoot":"","sources":["../../../src/lib/files/FileUtils.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;IACpB;;;;OAIG;IACH,MAAM,CAAC,WAAW,CAAC,IAAY;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAClD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC;QACzC,OAAO,IAAI,IAAI,EAAE,CAAC;IACpB,CAAC;CACF","sourcesContent":["export class FileUtils {\n  /**\n   * Reads the last segment of the file path and returns it as a file name.\n   * \n   * @param path THe file path.\n   */\n  static getFileName(path: string): string {\n    const delimiter = path.includes('/') ? '/' : '\\\\';\n    const last = path.split(delimiter).pop();\n    return last || '';\n  }\n}\n"]}