@api-client/ui 0.0.14 → 0.0.17

package/dist/elements/project/HttpProjectRequestHistory.js

@@ -1,567 +0,0 @@
-import { __decorate } from "tslib";
-import { ErrorResponse, } from "@api-client/core/build/browser.js";
-import { html, nothing } from "lit";
-import { property, state } from "lit/decorators.js";
-import ApiElement from "../ApiElement.js";
-import { relativeDay } from "../../lib/time/Conversion.js";
-import { HttpHistoryChart } from '../../lib/chart/HttpHistoryChart.js';
-import { statusTemplate, } from '../http/HttpStatus.js';
-import { Events } from '../../events/Events.js';
-import { StoreBroadcast } from "../../http-client/store/StoreBroadcast.js";
-import '@github/relative-time-element';
-import { SnackNotifications } from "../../ui/notification/SnackNotifications.js";
-import '../../define/http/http-request-log.js';
-import '../../define/ui/ui-icon.js';
-import '../../define/ui/ui-button.js';
-import '../../define/ui/ui-dropdown-list.js';
-import '../../define/ui/ui-list.js';
-import '../../define/ui/ui-list-item.js';
-import '../../define/ui/ui-divider.js';
-import '../../define/ui/ui-segmented-button.js';
-import '../../define/ui/ui-segmented-button-set.js';
-import '../../define/ui/ui-dialog.js';
-export var ProjectHistoryView;
-(function (ProjectHistoryView) {
-    ProjectHistoryView["history"] = "history";
-    ProjectHistoryView["analysis"] = "analysis";
-})(ProjectHistoryView || (ProjectHistoryView = {}));
-/**
- * An element that renders HTTP history for a configured list of requests.
- * This element is just a view and contains no logic related to store communication
- * or user interactions. Use the dispatched events to handle user interactions.
- */
-export default class HttpProjectRequestHistory extends ApiElement {
-    /**
-     * Returns true when the element is correctly setup.
-     */
-    get isSetup() {
-        return !!this.project && !!this.request;
-    }
-    constructor() {
-        super();
-        /**
-         * The history list to render.
-         */
-        this.history = [];
-        /**
-         * Whether querying for a page of results.
-         */
-        this.querying = false;
-        this.view = ProjectHistoryView.history;
-        this.channel = new BroadcastChannel(StoreBroadcast.history);
-        this.handleBroadcast = this.handleBroadcast.bind(this);
-    }
-    willUpdate(cp) {
-        if (cp.has('project') || cp.has('request')) {
-            this.reset();
-            this.queryDebounce();
-        }
-        if (cp.has('selectedItem')) {
-            this.computeSelectedItem();
-        }
-        super.willUpdate(cp);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.channel.addEventListener('message', this.handleBroadcast);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.channel.removeEventListener('message', this.handleBroadcast);
-    }
-    handleBroadcast(e) {
-        const event = e.data;
-        switch (event.operation) {
-            case 'created':
-                this.handleHistoryCreated(event);
-                break;
-            case 'deleted':
-                this.handleHistoryDeleted(event);
-                break;
-            default:
-        }
-    }
-    handleHistoryCreated(event) {
-        const { request, data } = event;
-        const item = data;
-        if (this.request !== request) {
-            return;
-        }
-        if (item) {
-            this.addItem(item, true);
-        }
-    }
-    handleHistoryDeleted(event) {
-        const { model, history } = this;
-        const { key, request } = event;
-        if (!model || !history || request !== this.request) {
-            return;
-        }
-        const historyIndex = history.findIndex(i => i.key === key);
-        if (historyIndex < 0) {
-            return;
-        }
-        history.splice(historyIndex, 1);
-        for (const group of model) {
-            const index = group.findIndex(i => i.key === key);
-            if (index >= 0) {
-                group.splice(index, 1);
-                if (group.length === 0) {
-                    const groupIndex = model.indexOf(group);
-                    model.splice(groupIndex, 1);
-                }
-                this.requestUpdate();
-                this.setupVisibility();
-                break;
-            }
-        }
-    }
-    setupVisibility() {
-        if (this.history && !this.history.length) {
-            this.setAttribute('hidden', '');
-        }
-        else {
-            this.removeAttribute('hidden');
-        }
-    }
-    reset() {
-        this.history = [];
-        this.pageCursor = undefined;
-        this.model = undefined;
-        this.selectedItem = undefined;
-        this.setupVisibility();
-        if (this.debounceTimeout) {
-            clearTimeout(this.debounceTimeout);
-            this.debounceTimeout = undefined;
-        }
-    }
-    queryDebounce() {
-        if (!this.isSetup) {
-            return;
-        }
-        if (this.debounceTimeout) {
-            clearTimeout(this.debounceTimeout);
-        }
-        this.debounceTimeout = setTimeout(() => {
-            delete this.debounceTimeout;
-            this.queryPage();
-        }, 1);
-    }
-    async queryPage() {
-        const { project, request, pageCursor } = this;
-        if (!project || !request || this.querying) {
-            // todo: set `dirty` flag and re-query after finish.
-            return;
-        }
-        this.querying = true;
-        const init = {
-            type: 'request',
-            project,
-            id: request,
-            space: '', // this is filled by the bindings
-        };
-        if (pageCursor) {
-            init.cursor = pageCursor;
-        }
-        try {
-            const result = await Events.Store.History.list(init, this);
-            if (!result) {
-                return;
-            }
-            const { items, cursor } = result;
-            if (items) {
-                this.addItems(items);
-            }
-            if (cursor) {
-                this.pageCursor = cursor;
-            }
-        }
-        catch (e) {
-            // ...
-        }
-        finally {
-            this.querying = false;
-            this.setupVisibility();
-        }
-    }
-    addItems(items) {
-        const { history = [] } = this;
-        this.history = history.concat(items);
-        const all = history.concat(items);
-        const sorted = this.sortHistory(all);
-        this.model = sorted;
-        this.computeSelectedItem();
-        if (sorted.length && !this.renderedItem) {
-            this.selectedItem = sorted[0][0].key;
-        }
-        this.setupVisibility();
-    }
-    /**
-     * Adds a new history to the list.
-     * This is used instead of re-assigning the entire array and triggering initial computations.
-     * @param item The history item to add
-     * @param select When true it makes this item selected,
-     */
-    addItem(item, select) {
-        const { model } = this;
-        this.history.push(item);
-        if (!model || !model.length) {
-            this.model = [[item]];
-            this.selectedItem = item.key;
-            this.requestUpdate();
-            this.setupVisibility();
-            return;
-        }
-        const { midnight = Date.now() } = item;
-        const index = model.findIndex(i => i[0].midnight === midnight);
-        if (index >= 0) {
-            this.pushSorted(model[index], item);
-        }
-        else {
-            const position = model.findIndex(i => (i[0] && i[0].midnight || 0) < midnight);
-            model.splice(position, 0, [item]);
-        }
-        if (select && item.key) {
-            this.selectedItem = item.key;
-        }
-        this.requestUpdate();
-        this.setupVisibility();
-    }
-    sortHistory(history) {
-        if (!Array.isArray(history) || !history.length) {
-            return [];
-        }
-        const result = [];
-        const now = Date.now();
-        history.forEach((current) => {
-            const { midnight = now } = current;
-            const index = result.findIndex(i => i[0].midnight === midnight);
-            if (index >= 0) {
-                this.pushSorted(result[index], current);
-            }
-            else if (result[0] && result[0][0] && result[0][0].midnight && result[0][0].midnight < midnight) {
-                result.unshift([current]);
-            }
-            else {
-                result.push([current]);
-            }
-        });
-        return result;
-    }
-    computeSelectedItem() {
-        const { history, selectedItem } = this;
-        this.renderedItem = undefined;
-        if (!selectedItem || !Array.isArray(history)) {
-            return;
-        }
-        this.renderedItem = history.find(i => i.key === selectedItem);
-    }
-    /**
-     * Allows to push a history item into a right index depending on the `created` property
-     * so the data processor can skip sorting each group after mutation.
-     *
-     * The item is inserted before an item that is older (has lower `created` property).
-     *
-     * @param list The list to insert the item to
-     * @param item The item to insert.
-     */
-    pushSorted(list, item) {
-        const older = list.findIndex(i => i.created < item.created);
-        if (older >= 0) {
-            list.splice(older, 0, item);
-        }
-        else {
-            // this item is the oldest
-            list.push(item);
-        }
-    }
-    handleSelection(e) {
-        const item = e.detail.item;
-        if (!item) {
-            return;
-        }
-        const { key } = item.dataset;
-        if (!key) {
-            return;
-        }
-        this.selectedItem = key;
-    }
-    handleViewSelection(e) {
-        if (!e.detail.selected) {
-            return;
-        }
-        const button = e.detail.button;
-        const view = button.dataset.value;
-        if (view) {
-            this.view = view;
-        }
-    }
-    handleHistoryOption(e) {
-        const element = e.detail.item;
-        const { option } = element.dataset;
-        if (!option) {
-            return;
-        }
-        if (option === 'clear') {
-            this.triggerClearHistoryDialog();
-        }
-    }
-    triggerClearHistoryDialog() {
-        const dialog = this.shadowRoot?.querySelector('.clear-dialog');
-        if (!dialog) {
-            return;
-        }
-        dialog.open = true;
-    }
-    handleClearHistoryDialogResult(e) {
-        if (e.detail.cancelled) {
-            return;
-        }
-        this.clearHistory();
-    }
-    async clearHistory() {
-        const { project, request } = this;
-        if (!project || !request) {
-            return;
-        }
-        // space parameter is filled by bindings.
-        await Events.Store.History.clearRequest('', project, request, this);
-        SnackNotifications.notify('History cleared');
-        this.reset();
-    }
-    handleItemDelete(e) {
-        const button = e.currentTarget;
-        const { key } = button.dataset;
-        if (!key) {
-            return;
-        }
-        this.deleteHistoryItem(key);
-    }
-    async deleteHistoryItem(key) {
-        if (!key) {
-            return;
-        }
-        const item = this.history.find(i => i.key === key);
-        if (!item) {
-            return;
-        }
-        await Events.Store.History.delete(key, this.request, this);
-        SnackNotifications.notify('History item deleted', {
-            actionLabel: 'Undo',
-            actionCallback: () => {
-                this.revertHistoryItemDelete(item);
-            },
-            timeout: 7000,
-        });
-    }
-    async revertHistoryItemDelete(item) {
-        const info = SnackNotifications.notify('Reverting...', { persistent: true });
-        try {
-            await Events.Store.History.create(item, this);
-            SnackNotifications.cancel(info);
-            SnackNotifications.notify('Reverted history item.');
-        }
-        catch (e) {
-            SnackNotifications.cancel(info);
-            SnackNotifications.notify('Unable to revert changes.');
-        }
-    }
-    render() {
-        const { model } = this;
-        if (!model || !model.length) {
-            if (this.querying) {
-                return this.renderLoader();
-            }
-            return nothing;
-        }
-        return html `
-      ${this.renderHeader()}
-      ${this.renderView()}
-      ${this.renderClearHistoryDialog()}
-    `;
-    }
-    renderLoader() {
-        return html `<progress></progress>`;
-    }
-    renderHeader() {
-        return html `
-    <div class="header">
-      ${this.renderHistoryDropdown()}
-      ${this.renderHistoryOptions()}
-      ${this.renderViewToggle()}
-    </div>
-    `;
-    }
-    renderHistoryDropdown() {
-        const { model } = this;
-        const disabled = !model || !model.length;
-        return html `
-    <ui-dropdown-list
-      verticalAlign="top"
-      class="history-dropdown"
-      closeOnOutsideClick
-      @select="${this.handleSelection}"
-    >
-      <ui-button type="tonal" ?disabled="${disabled}">
-        <ui-icon slot="icon" icon="arrowDropDown"></ui-icon>
-        History
-      </ui-button>
-      <ui-list slot="dropdown" role="menu" aria-label="History list">
-        ${this.renderHistoryList()}
-      </ui-list>
-    </ui-dropdown-list>
-    `;
-    }
-    renderHistoryOptions() {
-        return html `
-    <ui-dropdown-list @select="${this.handleHistoryOption}" closeOnOutsideClick class="dropdown">
-      <ui-icon-button aria-label="Additional options"><ui-icon icon="moreVert" role="presentation"></ui-icon></ui-icon-button>
-      <ui-list slot="dropdown" role="menu">
-        <ui-list-item role="menuitem" data-option="clear" image="icon" title="Deletes all history for the request">
-          <ui-icon role="presentation" slot="start" icon="deleteOutline"></ui-icon>
-          Clear history
-        </ui-list-item>
-      </ui-list>
-    </ui-dropdown-list>
-    `;
-    }
-    renderHistoryList() {
-        const { model } = this;
-        if (!Array.isArray(model) || !model.length) {
-            return nothing;
-        }
-        return model.map(group => this.renderHistoryGroup(group));
-    }
-    renderHistoryGroup(group) {
-        if (!group.length) {
-            // this should not happen as the model is computed internally, 
-            // but I prefer to do just one check to not stop execution when error.
-            return nothing;
-        }
-        const [first] = group;
-        return html `
-    ${this.renderHistoryGroupTitle(first)}
-    ${group.map(item => this.renderHistoryItem(item))}
-    `;
-    }
-    renderHistoryGroupTitle(item) {
-        const { midnight = 0 } = item;
-        return html `
-    <div class="history-group-title">${relativeDay(midnight)}</div>
-    <ui-divider type="inset"></ui-divider>
-    `;
-    }
-    renderHistoryItem(item) {
-        const d = new Date(item.created);
-        const isoTime = d.toISOString();
-        const { log } = item;
-        const { request, response } = log;
-        const method = request && request.method;
-        const url = request && request.url;
-        if (!method || !url) {
-            return nothing;
-        }
-        const error = !response || ErrorResponse.isErrorResponse(response);
-        let status = 0;
-        let statusText;
-        let duration = 0;
-        if (!error) {
-            const typed = response;
-            status = typed.status;
-            statusText = typed.statusText;
-            duration = typed.loadingTime;
-        }
-        return html `
-    <ui-list-item lines="two" role="menuitem" data-key="${item.key}" data-kind="${item.kind}">
-      <div class="history-label">
-        <span class="label-value">${statusTemplate(status, statusText)} ${duration} ms</span>
-        ${this.renderHistoryItemDelete(item)}
-      </div>
-      <relative-time slot="supporting-text" datetime="${isoTime}"></relative-time>
-    </ui-list-item>
-    `;
-    }
-    renderHistoryItemDelete(item) {
-        return html `
-    <ui-icon-button
-      class="delete"
-      aria-label="Delete request"
-      data-key="${item.key}" 
-      data-kind="${item.kind}"
-      @click="${this.handleItemDelete}"
-    ><ui-icon icon="deleteOutline" role="presentation"></ui-icon></ui-icon-button>
-    `;
-    }
-    renderView() {
-        const { view } = this;
-        if (view === ProjectHistoryView.analysis) {
-            return this.renderAnalysis();
-        }
-        return this.renderLog();
-    }
-    renderLog() {
-        const { renderedItem } = this;
-        if (!renderedItem) {
-            return '';
-        }
-        const typed = renderedItem;
-        const data = typed.log ? typed.log : renderedItem;
-        return html `
-    <http-request-log .httpLog="${data}"></http-request-log>
-    `;
-    }
-    renderAnalysis() {
-        const { model } = this;
-        if (!model) {
-            return '';
-        }
-        const chart = new HttpHistoryChart(model);
-        return chart.durationPlot();
-    }
-    renderViewToggle() {
-        return html `
-    <div class="view-toggle">
-      <ui-segmented-button-set @select="${this.handleViewSelection}">
-        <ui-segmented-button selected title="Shows response history" data-value="history">History</ui-segmented-button>
-        <ui-segmented-button title="Shows history analysis" data-value="analysis">Analysis</ui-segmented-button>
-      </ui-segmented-button-set>
-    </div>
-    `;
-    }
-    renderClearHistoryDialog() {
-        return html `
-    <ui-dialog modal class="clear-dialog" @close="${this.handleClearHistoryDialogResult}">
-      <ui-icon slot="icon" icon="deleteOutline"></ui-icon>
-      <span slot="title">Delete history?</span>
-      <p>This will clear responses history for this request.</p>
-      <ui-button slot="button" value="dismiss" type="text">Cancel</ui-button>
-      <ui-button slot="button" value="confirm" type="text">Accept</ui-button>
-    </ui-dialog>
-    `;
-    }
-}
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "history", void 0);
-__decorate([
-    property({ type: String })
-], HttpProjectRequestHistory.prototype, "project", void 0);
-__decorate([
-    property({ type: String })
-], HttpProjectRequestHistory.prototype, "request", void 0);
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "querying", void 0);
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "model", void 0);
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "selectedItem", void 0);
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "renderedItem", void 0);
-__decorate([
-    state()
-], HttpProjectRequestHistory.prototype, "view", void 0);
-//# sourceMappingURL=HttpProjectRequestHistory.js.map

package/dist/elements/project/HttpProjectRequestHistory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HttpProjectRequestHistory.js","sourceRoot":"","sources":["../../../src/elements/project/HttpProjectRequestHistory.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,GAId,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAkB,IAAI,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,GAAG,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAG3E,OAAO,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,uCAAuC,CAAC;AAC/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wCAAwC,CAAC;AAChD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,2CAAqB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAiB/D;;OAEG;IACH,IAAI,OAAO;QACT,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAC1C,CAAC;IAiCD;QACE,KAAK,EAAE,CAAC;QAvDV;;WAEG;QACM,YAAO,GAAmB,EAAE,CAAC;QAoBtC;;WAEG;QACM,aAAQ,GAAG,KAAK,CAAC;QAiBP,SAAI,GAAuB,kBAAkB,CAAC,OAAO,CAAC;QASzE,YAAO,GAAG,IAAI,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAKrD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAEkB,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAC1C,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QACD,IAAI,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;QACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACjE,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACpE,CAAC;IAES,eAAe,CAAC,CAAe;QACvC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAsB,CAAC;QACvC,QAAQ,KAAK,CAAC,SAAS,EAAE;YACvB,KAAK,SAAS;gBAAE,IAAI,CAAC,oBAAoB,CAAC,KAAqC,CAAC,CAAC;gBAAC,MAAM;YACxF,KAAK,SAAS;gBAAE,IAAI,CAAC,oBAAoB,CAAC,KAAqC,CAAC,CAAC;gBAAC,MAAM;YACxF,QAAQ;SACT;IACH,CAAC;IAES,oBAAoB,CAAC,KAAmC;QAChE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAChC,MAAM,IAAI,GAAG,IAAoB,CAAC;QAClC,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC5B,OAAO;SACR;QACD,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAC1B;IACH,CAAC;IAES,oBAAoB,CAAC,KAAmC;QAChE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAChC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;YAClD,OAAO;SACR;QACD,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAC3D,IAAI,YAAY,GAAG,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QAChC,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;YACzB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;YAClD,IAAI,KAAK,IAAI,CAAC,EAAE;gBACd,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACvB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBACxC,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;iBAC7B;gBACD,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM;aACP;SACF;IACH,CAAC;IAES,eAAe;QACvB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACxC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;SAChC;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;SAClC;IACH,CAAC;IAED,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,OAAO,IAAI,CAAC,eAAe,CAAC;YAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,EAAE,CAAC,CAAsB,CAAC;IAC7B,CAAC;IAES,KAAK,CAAC,SAAS;QACvB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC9C,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;YACzC,oDAAoD;YACpD,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,MAAM,IAAI,GAA+B;YACvC,IAAI,EAAE,SAAS;YACf,OAAO;YACP,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,EAAE,EAAE,iCAAiC;SAC7C,CAAC;QACF,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;SAC1B;QACD,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;aACR;YACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;YACjC,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACtB;YACD,IAAI,MAAM,EAAE;gBACV,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;aAC1B;SACF;QAAC,OAAO,CAAC,EAAE;YACV,MAAM;SACP;gBAAS;YACR,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,QAAQ,CAAC,KAAqB;QAC5B,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACvC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACtC;QACD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACH,OAAO,CAAC,IAAkB,EAAE,MAAgB;QAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACvB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC3B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC;YAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,OAAO;SACR;QACD,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;QAC/D,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;SACrC;aAAM;YACL,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;YAC/E,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;SACnC;QACD,IAAI,MAAM,IAAI,IAAI,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC;SAC9B;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAES,WAAW,CAAC,OAAuB;QAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YAC9C,OAAO,EAAE,CAAC;SACX;QACD,MAAM,MAAM,GAAqB,EAAE,CAAC;QACpC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC1B,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;YACnC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;YAChE,IAAI,KAAK,IAAI,CAAC,EAAE;gBACd,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;aACzC;iBAAM,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,EAAE;gBACjG,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;aAC1B;iBAAM;gBACL,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;aACxB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,mBAAmB;QAC3B,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC5C,OAAO;SACR;QACD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC;IAChE,CAAC;IAED;;;;;;;;OAQG;IACO,UAAU,CAAC,IAAoB,EAAE,IAAkB;QAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;SAC7B;aAAM;YACL,0BAA0B;YAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC;IAES,eAAe,CAAC,CAAc;QACtC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAA+B,CAAC;QACtD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QACD,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;IAC1B,CAAC;IAES,mBAAmB,CAAC,CAAc;QAC1C,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE;YACtB,OAAO;SACR;QACD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAyB,CAAC;QAClD,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,KAAuC,CAAC;QACpE,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;IACH,CAAC;IAES,mBAAmB,CAAC,CAAc;QAC1C,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,IAAmB,CAAC;QAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,IAAI,MAAM,KAAK,OAAO,EAAE;YACtB,IAAI,CAAC,yBAAyB,EAAE,CAAC;SAClC;IACH,CAAC;IAES,yBAAyB;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAoB,CAAC;QAClF,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;IAES,8BAA8B,CAAC,CAAqC;QAC5E,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE;YACtB,OAAO;SACR;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;YACxB,OAAO;SACR;QACD,yCAAyC;QACzC,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACpE,kBAAkB,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAES,gBAAgB,CAAC,CAAQ;QACjC,MAAM,MAAM,GAAG,CAAC,CAAC,aAA6B,CAAC;QAC/C,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,iBAAiB,CAAC,GAAW;QACjC,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC3D,kBAAkB,CAAC,MAAM,CAAC,sBAAsB,EAAE;YAChD,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,GAAG,EAAE;gBACnB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,uBAAuB,CAAC,IAAkB;QAC9C,MAAM,IAAI,GAAG,kBAAkB,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7E,IAAI;YACF,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC9C,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAChC,kBAAkB,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;SACrD;QAAC,OAAO,CAAC,EAAE;YACV,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAChC,kBAAkB,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;SACxD;IACH,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;aAC5B;YACD,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,wBAAwB,EAAE;KAClC,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA,uBAAuB,CAAC;IACrC,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,gBAAgB,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAES,qBAAqB;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,MAAM,QAAQ,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACzC,OAAO,IAAI,CAAA;;;;;iBAKE,IAAI,CAAC,eAAe;;2CAEM,QAAQ;;;;;UAKzC,IAAI,CAAC,iBAAiB,EAAE;;;KAG7B,CAAC;IACJ,CAAC;IAES,oBAAoB;QAC5B,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,mBAAmB;;;;;;;;;KASpD,CAAC;IACJ,CAAC;IAES,iBAAiB;QACzB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC1C,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,CAAC;IAES,kBAAkB,CAAC,KAAqB;QAChD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,+DAA+D;YAC/D,sEAAsE;YACtE,OAAO,OAAO,CAAC;SAChB;QACD,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QACtB,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;MACnC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAChD,CAAC;IACJ,CAAC;IAES,uBAAuB,CAAC,IAAkB;QAClD,MAAM,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;QAC9B,OAAO,IAAI,CAAA;uCACwB,WAAW,CAAC,QAAQ,CAAC;;KAEvD,CAAC;IACJ,CAAC;IAES,iBAAiB,CAAC,IAAkB;QAC5C,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAEhC,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;QAClC,MAAM,MAAM,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;QACzC,MAAM,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC;QACnC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE;YACnB,OAAO,OAAO,CAAC;SAChB;QACD,MAAM,KAAK,GAAG,CAAC,QAAQ,IAAI,aAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAEnE,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,UAA8B,CAAC;QACnC,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,KAAK,EAAE;YACV,MAAM,KAAK,GAAG,QAAqB,CAAC;YACpC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACtB,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;YAC9B,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;SAC9B;QACD,OAAO,IAAI,CAAA;0DAC2C,IAAI,CAAC,GAAa,gBAAgB,IAAI,CAAC,IAAI;;oCAEjE,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,QAAQ;UACxE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;;wDAEY,OAAO;;KAE1D,CAAC;IACJ,CAAC;IAES,uBAAuB,CAAC,IAAkB;QAClD,OAAO,IAAI,CAAA;;;;kBAIG,IAAI,CAAC,GAAa;mBACjB,IAAI,CAAC,IAAI;gBACZ,IAAI,CAAC,gBAAgB;;KAEhC,CAAC;IACJ,CAAC;IAES,UAAU;QAClB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,IAAI,IAAI,KAAK,kBAAkB,CAAC,QAAQ,EAAE;YACxC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAES,SAAS;QACjB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,EAAE,CAAC;SACX;QACD,MAAM,KAAK,GAAG,YAA4B,CAAC;QAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,YAAwC,CAAC;QAC9E,OAAO,IAAI,CAAA;kCACmB,IAAI;KACjC,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,EAAE,CAAC;SACX;QACD,MAAM,KAAK,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB;QACxB,OAAO,IAAI,CAAA;;0CAE2B,IAAI,CAAC,mBAAmB;;;;;KAK7D,CAAC;IACJ,CAAC;IAES,wBAAwB;QAChC,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,8BAA8B;;;;;;;KAOlF,CAAC;IACJ,CAAC;CACF;AA7jBU;IAAR,KAAK,EAAE;0DAA8B;AAKV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAkB;AAMjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAkB;AAYpC;IAAR,KAAK,EAAE;2DAAkB;AAKjB;IAAR,KAAK,EAAE;wDAAoC;AAKnC;IAAR,KAAK,EAAE;+DAAuB;AAKtB;IAAR,KAAK,EAAE;+DAAkE;AAEjE;IAAR,KAAK,EAAE;uDAAiE","sourcesContent":["import { \n  ErrorResponse, IHttpHistory, IResponse, IRequestLog, \n  RequestLog, IHistoryRequestListOptions, BroadcastEvent,\n  HistoryCreatedBroadcastEvent,\n  HistoryDeletedBroadcastEvent,\n} from \"@api-client/core/build/browser.js\";\nimport { TemplateResult, html, PropertyValues, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport { relativeDay } from \"../../lib/time/Conversion.js\";\nimport { HttpHistoryChart } from '../../lib/chart/HttpHistoryChart.js';\nimport { statusTemplate, } from '../http/HttpStatus.js';\nimport { Events } from '../../events/Events.js';\nimport { StoreBroadcast } from \"../../http-client/store/StoreBroadcast.js\";\nimport type SegmentedButton from \"../../ui/button/SegmentedButton.js\";\nimport UiDialog, { UiDialogClosingReason } from \"../../ui/dialog/UiDialog.js\";\nimport '@github/relative-time-element';\nimport { SnackNotifications } from \"../../ui/notification/SnackNotifications.js\";\nimport type UiIconButton from \"../../ui/button/UiIconButton.js\";\nimport '../../define/http/http-request-log.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-segmented-button.js';\nimport '../../define/ui/ui-segmented-button-set.js';\nimport '../../define/ui/ui-dialog.js';\n\nexport enum ProjectHistoryView {\n  history = 'history',\n  analysis = 'analysis',\n}\n\n/**\n * An element that renders HTTP history for a configured list of requests.\n * This element is just a view and contains no logic related to store communication \n * or user interactions. Use the dispatched events to handle user interactions.\n */\nexport default class HttpProjectRequestHistory extends ApiElement {\n  /**\n   * The history list to render.\n   */\n  @state() history: IHttpHistory[] = [];\n\n  /**\n   * The key of the project the request belongs to.\n   */\n  @property({ type: String }) project?: string;\n\n  /**\n   * The key of the request to render the history for.\n   * Both `request` and `project` properties must be set to render any view.\n   */\n  @property({ type: String }) request?: string;\n\n  /**\n   * Returns true when the element is correctly setup.\n   */\n  get isSetup(): boolean {\n    return !!this.project && !!this.request;\n  }\n\n  /**\n   * Whether querying for a page of results.\n   */\n  @state() querying = false;\n\n  /**\n   * A sorted list of history items by the `midnight` property.\n   */\n  @state() protected model?: IHttpHistory[][];\n\n  /**\n   * The key of the selected request, if any\n   */\n  @state() selectedItem?: string;\n\n  /**\n   * The currently rendered item.\n   */\n  @state() protected renderedItem?: IHttpHistory | IRequestLog | RequestLog;\n\n  @state() protected view: ProjectHistoryView = ProjectHistoryView.history;\n\n  protected debounceTimeout?: number;\n\n  /**\n   * The cursor returned by the store used in pagination.\n   */\n  protected pageCursor?: string;\n\n  channel = new BroadcastChannel(StoreBroadcast.history);\n\n  constructor() {\n    super();\n\n    this.handleBroadcast = this.handleBroadcast.bind(this);\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('project') || cp.has('request')) {\n      this.reset();\n      this.queryDebounce();\n    }\n    if (cp.has('selectedItem')) {\n      this.computeSelectedItem();\n    }\n    super.willUpdate(cp);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.channel.addEventListener('message', this.handleBroadcast);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.channel.removeEventListener('message', this.handleBroadcast);\n  }\n\n  protected handleBroadcast(e: MessageEvent): void {\n    const event = e.data as BroadcastEvent;\n    switch (event.operation) {\n      case 'created': this.handleHistoryCreated(event as HistoryCreatedBroadcastEvent); break;\n      case 'deleted': this.handleHistoryDeleted(event as HistoryDeletedBroadcastEvent); break;\n      default:\n    }\n  }\n\n  protected handleHistoryCreated(event: HistoryCreatedBroadcastEvent): void {\n    const { request, data } = event;\n    const item = data as IHttpHistory;\n    if (this.request !== request) {\n      return;\n    }\n    if (item) {\n      this.addItem(item, true);\n    }\n  }\n\n  protected handleHistoryDeleted(event: HistoryDeletedBroadcastEvent): void {\n    const { model, history } = this;\n    const { key, request } = event;\n    if (!model || !history || request !== this.request) {\n      return;\n    }\n    const historyIndex = history.findIndex(i => i.key === key);\n    if (historyIndex < 0) {\n      return;\n    }\n    history.splice(historyIndex, 1);\n    for (const group of model) {\n      const index = group.findIndex(i => i.key === key);\n      if (index >= 0) {\n        group.splice(index, 1);\n        if (group.length === 0) {\n          const groupIndex = model.indexOf(group);\n          model.splice(groupIndex, 1);\n        }\n        this.requestUpdate();\n        this.setupVisibility();\n        break;\n      }\n    }\n  }\n\n  protected setupVisibility(): void {\n    if (this.history && !this.history.length) {\n      this.setAttribute('hidden', '');\n    } else {\n      this.removeAttribute('hidden');\n    }\n  }\n\n  reset(): void {\n    this.history = [];\n    this.pageCursor = undefined;\n    this.model = undefined;\n    this.selectedItem = undefined;\n    this.setupVisibility();\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = undefined;\n    }\n  }\n\n  queryDebounce(): void {\n    if (!this.isSetup) {\n      return;\n    }\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n    this.debounceTimeout = setTimeout(() => {\n      delete this.debounceTimeout;\n      this.queryPage();\n    }, 1) as unknown as number;\n  }\n\n  protected async queryPage(): Promise<void> {\n    const { project, request, pageCursor } = this;\n    if (!project || !request || this.querying) {\n      // todo: set `dirty` flag and re-query after finish.\n      return;\n    }\n    this.querying = true;\n    const init: IHistoryRequestListOptions = {\n      type: 'request',\n      project,\n      id: request,\n      space: '', // this is filled by the bindings\n    };\n    if (pageCursor) {\n      init.cursor = pageCursor;\n    }\n    try {\n      const result = await Events.Store.History.list(init, this);\n      if (!result) {\n        return;\n      }\n      const { items, cursor } = result;\n      if (items) {\n        this.addItems(items);\n      }\n      if (cursor) {\n        this.pageCursor = cursor;\n      }\n    } catch (e) {\n      // ...\n    } finally {\n      this.querying = false;\n      this.setupVisibility();\n    }\n  }\n\n  addItems(items: IHttpHistory[]): void {\n    const { history = [] } = this;\n    this.history = history.concat(items);\n    const all = history.concat(items);\n    const sorted = this.sortHistory(all);\n    this.model = sorted;\n    this.computeSelectedItem();\n    if (sorted.length && !this.renderedItem) {\n      this.selectedItem = sorted[0][0].key;\n    }\n    this.setupVisibility();\n  }\n\n  /**\n   * Adds a new history to the list.\n   * This is used instead of re-assigning the entire array and triggering initial computations.\n   * @param item The history item to add\n   * @param select When true it makes this item selected,\n   */\n  addItem(item: IHttpHistory, select?: boolean): void {\n    const { model } = this;\n    this.history.push(item)\n    if (!model || !model.length) {\n      this.model = [[item]];\n      this.selectedItem = item.key;\n      this.requestUpdate();\n      this.setupVisibility();\n      return;\n    }\n    const { midnight = Date.now() } = item;\n    const index = model.findIndex(i => i[0].midnight === midnight);\n    if (index >= 0) {\n      this.pushSorted(model[index], item);\n    } else {\n      const position = model.findIndex(i => (i[0] && i[0].midnight || 0) < midnight);\n      model.splice(position, 0, [item]);\n    }\n    if (select && item.key) {\n      this.selectedItem = item.key;\n    }\n    this.requestUpdate();\n    this.setupVisibility();\n  }\n\n  protected sortHistory(history: IHttpHistory[]): IHttpHistory[][] {\n    if (!Array.isArray(history) || !history.length) {\n      return [];\n    }\n    const result: IHttpHistory[][] = [];\n    const now = Date.now();\n    history.forEach((current) => {\n      const { midnight = now } = current;\n      const index = result.findIndex(i => i[0].midnight === midnight);\n      if (index >= 0) {\n        this.pushSorted(result[index], current);\n      } else if (result[0] && result[0][0] && result[0][0].midnight && result[0][0].midnight < midnight) {\n        result.unshift([current])\n      } else {\n        result.push([current]);\n      }\n    });\n    return result;\n  }\n\n  protected computeSelectedItem(): void {\n    const { history, selectedItem } = this;\n    this.renderedItem = undefined;\n    if (!selectedItem || !Array.isArray(history)) {\n      return;\n    }\n    this.renderedItem = history.find(i => i.key === selectedItem);\n  }\n\n  /**\n   * Allows to push a history item into a right index depending on the `created` property\n   * so the data processor can skip sorting each group after mutation.\n   * \n   * The item is inserted before an item that is older (has lower `created` property). \n   * \n   * @param list The list to insert the item to\n   * @param item The item to insert.\n   */\n  protected pushSorted(list: IHttpHistory[], item: IHttpHistory): void {\n    const older = list.findIndex(i => i.created < item.created);\n    if (older >= 0) {\n      list.splice(older, 0, item);\n    } else {\n      // this item is the oldest\n      list.push(item);\n    }\n  }\n\n  protected handleSelection(e: CustomEvent): void {\n    const item = e.detail.item as HTMLElement | undefined;\n    if (!item) {\n      return;\n    }\n    const { key } = item.dataset;\n    if (!key) {\n      return;\n    }\n    this.selectedItem = key;\n  }\n\n  protected handleViewSelection(e: CustomEvent): void {\n    if (!e.detail.selected) {\n      return;\n    }\n    const button = e.detail.button as SegmentedButton;\n    const view = button.dataset.value as ProjectHistoryView | undefined;\n    if (view) {\n      this.view = view;\n    }\n  }\n\n  protected handleHistoryOption(e: CustomEvent): void {\n    const element = e.detail.item as HTMLElement;\n    const { option } = element.dataset;\n    if (!option) {\n      return;\n    }\n    if (option === 'clear') {\n      this.triggerClearHistoryDialog();\n    }\n  }\n\n  protected triggerClearHistoryDialog(): void {\n    const dialog = this.shadowRoot?.querySelector('.clear-dialog') as UiDialog | null;\n    if (!dialog) {\n      return;\n    }\n    dialog.open = true;\n  }\n\n  protected handleClearHistoryDialogResult(e: CustomEvent<UiDialogClosingReason>): void {\n    if (e.detail.cancelled) {\n      return;\n    }\n    this.clearHistory();\n  }\n\n  async clearHistory(): Promise<void> {\n    const { project, request } = this;\n    if (!project || !request) {\n      return;\n    }\n    // space parameter is filled by bindings.\n    await Events.Store.History.clearRequest('', project, request, this);\n    SnackNotifications.notify('History cleared');\n    this.reset();\n  }\n\n  protected handleItemDelete(e: Event): void {\n    const button = e.currentTarget as UiIconButton;\n    const { key } = button.dataset;\n    if (!key) {\n      return;\n    }\n    this.deleteHistoryItem(key);\n  }\n\n  async deleteHistoryItem(key: string): Promise<void> {\n    if (!key) {\n      return;\n    }\n    const item = this.history.find(i => i.key === key);\n    if (!item) {\n      return;\n    }\n    await Events.Store.History.delete(key, this.request, this);\n    SnackNotifications.notify('History item deleted', {\n      actionLabel: 'Undo',\n      actionCallback: () => {\n        this.revertHistoryItemDelete(item);\n      },\n      timeout: 7000,\n    });\n  }\n\n  async revertHistoryItemDelete(item: IHttpHistory): Promise<void> {\n    const info = SnackNotifications.notify('Reverting...', { persistent: true });\n    try {\n      await Events.Store.History.create(item, this);\n      SnackNotifications.cancel(info);\n      SnackNotifications.notify('Reverted history item.');\n    } catch (e) {\n      SnackNotifications.cancel(info);\n      SnackNotifications.notify('Unable to revert changes.');\n    }\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { model } = this;\n    if (!model || !model.length) {\n      if (this.querying) {\n        return this.renderLoader();\n      }\n      return nothing;\n    }\n    return html`\n      ${this.renderHeader()}\n      ${this.renderView()}\n      ${this.renderClearHistoryDialog()}\n    `;\n  }\n\n  protected renderLoader(): TemplateResult {\n    return html`<progress></progress>`;\n  }\n\n  protected renderHeader(): TemplateResult {\n    return html`\n    <div class=\"header\">\n      ${this.renderHistoryDropdown()}\n      ${this.renderHistoryOptions()}\n      ${this.renderViewToggle()}\n    </div>\n    `;\n  }\n\n  protected renderHistoryDropdown(): TemplateResult {\n    const { model } = this;\n    const disabled = !model || !model.length;\n    return html`\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      class=\"history-dropdown\"\n      closeOnOutsideClick\n      @select=\"${this.handleSelection}\"\n    >\n      <ui-button type=\"tonal\" ?disabled=\"${disabled}\">\n        <ui-icon slot=\"icon\" icon=\"arrowDropDown\"></ui-icon>\n        History\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\" aria-label=\"History list\">\n        ${this.renderHistoryList()}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderHistoryOptions(): TemplateResult {\n    return html`\n    <ui-dropdown-list @select=\"${this.handleHistoryOption}\" closeOnOutsideClick class=\"dropdown\">\n      <ui-icon-button aria-label=\"Additional options\"><ui-icon icon=\"moreVert\" role=\"presentation\"></ui-icon></ui-icon-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        <ui-list-item role=\"menuitem\" data-option=\"clear\" image=\"icon\" title=\"Deletes all history for the request\">\n          <ui-icon role=\"presentation\" slot=\"start\" icon=\"deleteOutline\"></ui-icon>\n          Clear history\n        </ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderHistoryList(): (TemplateResult | typeof nothing)[] | typeof nothing {\n    const { model } = this;\n    if (!Array.isArray(model) || !model.length) {\n      return nothing;\n    }\n    return model.map(group => this.renderHistoryGroup(group));\n  }\n\n  protected renderHistoryGroup(group: IHttpHistory[]): TemplateResult | typeof nothing {\n    if (!group.length) {\n      // this should not happen as the model is computed internally, \n      // but I prefer to do just one check to not stop execution when error.\n      return nothing;\n    }\n    const [first] = group;\n    return html`\n    ${this.renderHistoryGroupTitle(first)}\n    ${group.map(item => this.renderHistoryItem(item))}\n    `;\n  }\n\n  protected renderHistoryGroupTitle(item: IHttpHistory): TemplateResult {\n    const { midnight = 0 } = item;\n    return html`\n    <div class=\"history-group-title\">${relativeDay(midnight)}</div>\n    <ui-divider type=\"inset\"></ui-divider>\n    `;\n  }\n\n  protected renderHistoryItem(item: IHttpHistory): TemplateResult | typeof nothing {\n    const d = new Date(item.created);\n    const isoTime = d.toISOString();\n\n    const { log } = item;\n    const { request, response } = log;\n    const method = request && request.method;\n    const url = request && request.url;\n    if (!method || !url) {\n      return nothing;\n    }\n    const error = !response || ErrorResponse.isErrorResponse(response);\n\n    let status = 0;\n    let statusText: string | undefined;\n    let duration = 0;\n    if (!error) {\n      const typed = response as IResponse;\n      status = typed.status;\n      statusText = typed.statusText;\n      duration = typed.loadingTime;\n    }\n    return html`\n    <ui-list-item lines=\"two\" role=\"menuitem\" data-key=\"${item.key as string}\" data-kind=\"${item.kind}\">\n      <div class=\"history-label\">\n        <span class=\"label-value\">${statusTemplate(status, statusText)} ${duration} ms</span>\n        ${this.renderHistoryItemDelete(item)}\n      </div>\n      <relative-time slot=\"supporting-text\" datetime=\"${isoTime}\"></relative-time>\n    </ui-list-item>\n    `;\n  }\n\n  protected renderHistoryItemDelete(item: IHttpHistory): TemplateResult | typeof nothing {\n    return html`\n    <ui-icon-button\n      class=\"delete\"\n      aria-label=\"Delete request\"\n      data-key=\"${item.key as string}\" \n      data-kind=\"${item.kind}\"\n      @click=\"${this.handleItemDelete}\"\n    ><ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon></ui-icon-button>\n    `;\n  }\n\n  protected renderView(): TemplateResult | string {\n    const { view } = this;\n    if (view === ProjectHistoryView.analysis) {\n      return this.renderAnalysis();\n    }\n    return this.renderLog();\n  }\n\n  protected renderLog(): TemplateResult | string {\n    const { renderedItem } = this;\n    if (!renderedItem) {\n      return '';\n    }\n    const typed = renderedItem as IHttpHistory;\n    const data = typed.log ? typed.log : renderedItem as IRequestLog | RequestLog;\n    return html`\n    <http-request-log .httpLog=\"${data}\"></http-request-log>\n    `;\n  }\n\n  protected renderAnalysis(): TemplateResult | string {\n    const { model } = this;\n    if (!model) {\n      return '';\n    }\n    const chart = new HttpHistoryChart(model);\n    return chart.durationPlot();\n  }\n\n  protected renderViewToggle(): TemplateResult {\n    return html`\n    <div class=\"view-toggle\">\n      <ui-segmented-button-set @select=\"${this.handleViewSelection}\">\n        <ui-segmented-button selected title=\"Shows response history\" data-value=\"history\">History</ui-segmented-button>\n        <ui-segmented-button title=\"Shows history analysis\" data-value=\"analysis\">Analysis</ui-segmented-button>\n      </ui-segmented-button-set>\n    </div>\n    `;\n  }\n\n  protected renderClearHistoryDialog(): TemplateResult {\n    return html`\n    <ui-dialog modal class=\"clear-dialog\" @close=\"${this.handleClearHistoryDialogResult}\">\n      <ui-icon slot=\"icon\" icon=\"deleteOutline\"></ui-icon>\n      <span slot=\"title\">Delete history?</span>\n      <p>This will clear responses history for this request.</p>\n      <ui-button slot=\"button\" value=\"dismiss\" type=\"text\">Cancel</ui-button>\n      <ui-button slot=\"button\" value=\"confirm\" type=\"text\">Accept</ui-button>\n    </ui-dialog>\n    `;\n  }\n}\n"]}

package/dist/elements/project/HttpProjectRequestHistory.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HttpProjectRequestHistory.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/project/HttpProjectRequestHistory.styles.ts"],"names":[],"mappings":";AAIA,wBAiEG"}