@idp.global/catalog 1.1.1

package/dist_ts_web/elements/idp-data-table.js

@@ -0,0 +1,472 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import './idp-badge.js';
+let IdpDataTable = (() => {
+    let _classDecorators = [customElement('idp-data-table')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _subtitle_decorators;
+    let _subtitle_initializers = [];
+    let _subtitle_extraInitializers = [];
+    let _badge_decorators;
+    let _badge_initializers = [];
+    let _badge_extraInitializers = [];
+    let _selectedTab_decorators;
+    let _selectedTab_initializers = [];
+    let _selectedTab_extraInitializers = [];
+    let _emptyTitle_decorators;
+    let _emptyTitle_initializers = [];
+    let _emptyTitle_extraInitializers = [];
+    let _emptyDescription_decorators;
+    let _emptyDescription_initializers = [];
+    let _emptyDescription_extraInitializers = [];
+    let _columns_decorators;
+    let _columns_initializers = [];
+    let _columns_extraInitializers = [];
+    let _rows_decorators;
+    let _rows_initializers = [];
+    let _rows_extraInitializers = [];
+    let _tabs_decorators;
+    let _tabs_initializers = [];
+    let _tabs_extraInitializers = [];
+    var IdpDataTable = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _title_decorators = [property({ type: String })];
+            _subtitle_decorators = [property({ type: String })];
+            _badge_decorators = [property({ type: String })];
+            _selectedTab_decorators = [property({ type: String, attribute: 'selected-tab' })];
+            _emptyTitle_decorators = [property({ type: String, attribute: 'empty-title' })];
+            _emptyDescription_decorators = [property({ type: String, attribute: 'empty-description' })];
+            _columns_decorators = [property({ type: Array })];
+            _rows_decorators = [property({ type: Array })];
+            _tabs_decorators = [property({ type: Array })];
+            __esDecorate(this, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(this, null, _subtitle_decorators, { kind: "accessor", name: "subtitle", static: false, private: false, access: { has: obj => "subtitle" in obj, get: obj => obj.subtitle, set: (obj, value) => { obj.subtitle = value; } }, metadata: _metadata }, _subtitle_initializers, _subtitle_extraInitializers);
+            __esDecorate(this, null, _badge_decorators, { kind: "accessor", name: "badge", static: false, private: false, access: { has: obj => "badge" in obj, get: obj => obj.badge, set: (obj, value) => { obj.badge = value; } }, metadata: _metadata }, _badge_initializers, _badge_extraInitializers);
+            __esDecorate(this, null, _selectedTab_decorators, { kind: "accessor", name: "selectedTab", static: false, private: false, access: { has: obj => "selectedTab" in obj, get: obj => obj.selectedTab, set: (obj, value) => { obj.selectedTab = value; } }, metadata: _metadata }, _selectedTab_initializers, _selectedTab_extraInitializers);
+            __esDecorate(this, null, _emptyTitle_decorators, { kind: "accessor", name: "emptyTitle", static: false, private: false, access: { has: obj => "emptyTitle" in obj, get: obj => obj.emptyTitle, set: (obj, value) => { obj.emptyTitle = value; } }, metadata: _metadata }, _emptyTitle_initializers, _emptyTitle_extraInitializers);
+            __esDecorate(this, null, _emptyDescription_decorators, { kind: "accessor", name: "emptyDescription", static: false, private: false, access: { has: obj => "emptyDescription" in obj, get: obj => obj.emptyDescription, set: (obj, value) => { obj.emptyDescription = value; } }, metadata: _metadata }, _emptyDescription_initializers, _emptyDescription_extraInitializers);
+            __esDecorate(this, null, _columns_decorators, { kind: "accessor", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
+            __esDecorate(this, null, _rows_decorators, { kind: "accessor", name: "rows", static: false, private: false, access: { has: obj => "rows" in obj, get: obj => obj.rows, set: (obj, value) => { obj.rows = value; } }, metadata: _metadata }, _rows_initializers, _rows_extraInitializers);
+            __esDecorate(this, null, _tabs_decorators, { kind: "accessor", name: "tabs", static: false, private: false, access: { has: obj => "tabs" in obj, get: obj => obj.tabs, set: (obj, value) => { obj.tabs = value; } }, metadata: _metadata }, _tabs_initializers, _tabs_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpDataTable = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <idp-data-table
+      title="Recent activity"
+      badge="3 total"
+      .columns=${[
+            { label: 'User' },
+            { label: 'Action' },
+            { label: 'Device', mono: true, hideBelow: 'mobile' },
+            { label: 'Status' },
+            { label: 'When', align: 'right', mono: true },
+        ]}
+      .tabs=${[
+            { id: 'all', label: 'All' },
+            { id: 'pending', label: 'Pending' },
+            { id: 'denied', label: 'Denied' },
+        ]}
+      selected-tab="all"
+      .rows=${[
+            {
+                cells: [
+                    html `<div class="identity-cell"><span class="identity-avatar">EU</span><div><div class="identity-primary">Example User</div><div class="identity-secondary">user@example.com</div></div></div>`,
+                    'OAuth grant',
+                    'Desktop',
+                    html `<idp-badge variant="ok">approved</idp-badge>`,
+                    '2m ago',
+                ],
+            },
+        ]}
+    ></idp-data-table>
+  `;
+        static demoGroups = ['idp.global v3 primitives'];
+        #title_accessor_storage = __runInitializers(this, _title_initializers, '');
+        get title() { return this.#title_accessor_storage; }
+        set title(value) { this.#title_accessor_storage = value; }
+        #subtitle_accessor_storage = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _subtitle_initializers, ''));
+        get subtitle() { return this.#subtitle_accessor_storage; }
+        set subtitle(value) { this.#subtitle_accessor_storage = value; }
+        #badge_accessor_storage = (__runInitializers(this, _subtitle_extraInitializers), __runInitializers(this, _badge_initializers, ''));
+        get badge() { return this.#badge_accessor_storage; }
+        set badge(value) { this.#badge_accessor_storage = value; }
+        #selectedTab_accessor_storage = (__runInitializers(this, _badge_extraInitializers), __runInitializers(this, _selectedTab_initializers, ''));
+        get selectedTab() { return this.#selectedTab_accessor_storage; }
+        set selectedTab(value) { this.#selectedTab_accessor_storage = value; }
+        #emptyTitle_accessor_storage = (__runInitializers(this, _selectedTab_extraInitializers), __runInitializers(this, _emptyTitle_initializers, 'No rows'));
+        get emptyTitle() { return this.#emptyTitle_accessor_storage; }
+        set emptyTitle(value) { this.#emptyTitle_accessor_storage = value; }
+        #emptyDescription_accessor_storage = (__runInitializers(this, _emptyTitle_extraInitializers), __runInitializers(this, _emptyDescription_initializers, 'There is no data to display yet.'));
+        get emptyDescription() { return this.#emptyDescription_accessor_storage; }
+        set emptyDescription(value) { this.#emptyDescription_accessor_storage = value; }
+        #columns_accessor_storage = (__runInitializers(this, _emptyDescription_extraInitializers), __runInitializers(this, _columns_initializers, []));
+        get columns() { return this.#columns_accessor_storage; }
+        set columns(value) { this.#columns_accessor_storage = value; }
+        #rows_accessor_storage = (__runInitializers(this, _columns_extraInitializers), __runInitializers(this, _rows_initializers, []));
+        get rows() { return this.#rows_accessor_storage; }
+        set rows(value) { this.#rows_accessor_storage = value; }
+        #tabs_accessor_storage = (__runInitializers(this, _rows_extraInitializers), __runInitializers(this, _tabs_initializers, []));
+        get tabs() { return this.#tabs_accessor_storage; }
+        set tabs(value) { this.#tabs_accessor_storage = value; }
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: block;
+      }
+      .table-card {
+        overflow: hidden;
+        border: 1px solid var(--idp-border);
+        border-radius: 8px;
+        background: var(--idp-card);
+      }
+      .table-head {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 12px 16px;
+        border-bottom: 1px solid var(--idp-border-soft);
+      }
+      .title-wrap {
+        min-width: 0;
+      }
+      .title-row {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+      .title {
+        color: var(--idp-fg);
+        font-size: 13px;
+        font-weight: 600;
+      }
+      .subtitle {
+        margin-top: 2px;
+        color: var(--idp-muted-fg);
+        font-size: 11.5px;
+      }
+      .count-pill {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        padding: 2px 8px;
+        border: 1px solid var(--idp-border);
+        border-radius: 999px;
+        background: var(--idp-muted);
+        color: var(--idp-muted-fg);
+        font-family: var(--idp-mono);
+        font-size: 10px;
+        font-weight: 600;
+        letter-spacing: 0.04em;
+        line-height: 16px;
+      }
+      .tabs {
+        display: flex;
+        align-items: center;
+        gap: 2px;
+        margin-left: auto;
+      }
+      .tab {
+        padding: 4px 10px;
+        border: 0;
+        border-radius: 4px;
+        background: transparent;
+        color: var(--idp-muted-fg);
+        cursor: pointer;
+        font-family: var(--idp-font);
+        font-size: 11px;
+      }
+      .tab:hover,
+      .tab.active {
+        background: var(--idp-bg-2);
+        color: var(--idp-fg);
+      }
+      .table-scroll {
+        overflow-x: auto;
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      th,
+      td {
+        border-bottom: 1px solid var(--idp-border-soft);
+        text-align: left;
+        vertical-align: middle;
+      }
+      th {
+        padding: 9px 16px;
+        background: var(--idp-muted);
+        color: var(--idp-fg-3);
+        font-family: var(--idp-mono);
+        font-size: 10px;
+        font-weight: 600;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        white-space: nowrap;
+      }
+      td {
+        padding: 10px 16px;
+        color: var(--idp-fg-2);
+        font-size: 12.5px;
+      }
+      tbody tr:last-child td {
+        border-bottom: 0;
+      }
+      tbody tr:hover td {
+        background: var(--idp-bg-2);
+      }
+      .align-center {
+        text-align: center;
+      }
+      .align-right {
+        text-align: right;
+      }
+      .mono-cell {
+        color: var(--idp-muted-fg);
+        font-family: var(--idp-mono);
+        font-size: 11.5px;
+      }
+      .identity-cell {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        min-width: 190px;
+      }
+      .identity-avatar {
+        width: 22px;
+        height: 22px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        border: 1px solid var(--idp-border);
+        border-radius: 999px;
+        background: var(--idp-bg-2);
+        color: var(--avatar-color, var(--idp-accent));
+        font-family: var(--idp-mono);
+        font-size: 9.5px;
+        font-weight: 600;
+      }
+      .identity-primary {
+        color: var(--idp-fg);
+        font-size: 12.5px;
+        font-weight: 500;
+      }
+      .identity-secondary,
+      .cell-secondary {
+        margin-top: 1px;
+        color: var(--idp-muted-fg);
+        font-size: 11px;
+        line-height: 1.35;
+      }
+      .chip-row,
+      .cell-actions {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        flex-wrap: wrap;
+      }
+      .cell-actions {
+        justify-content: flex-end;
+      }
+      .table-action {
+        min-height: 28px;
+        padding: 5px 10px;
+        border: 1px solid var(--idp-border);
+        border-radius: 7px;
+        background: transparent;
+        color: var(--idp-fg);
+        cursor: pointer;
+        font-family: var(--idp-font);
+        font-size: 12px;
+      }
+      .table-action:hover {
+        background: var(--idp-bg-2);
+      }
+      .table-action.destructive {
+        border-color: var(--idp-error-border);
+        color: var(--idp-error);
+      }
+      .table-action.primary {
+        border-color: var(--idp-accent);
+        background: var(--idp-accent);
+        color: var(--idp-accent-fg);
+      }
+      .empty-state {
+        padding: 32px 20px;
+        color: var(--idp-muted-fg);
+        text-align: center;
+      }
+      .empty-title {
+        color: var(--idp-fg);
+        font-size: 13px;
+        font-weight: 600;
+      }
+      .empty-description {
+        max-width: 420px;
+        margin: 6px auto 0;
+        font-size: 12px;
+        line-height: 1.5;
+      }
+      @media (max-width: 900px) {
+        .hide-tablet {
+          display: none;
+        }
+      }
+      @media (max-width: 720px) {
+        .table-head {
+          align-items: flex-start;
+          flex-direction: column;
+          gap: 12px;
+        }
+        .tabs {
+          width: 100%;
+          margin-left: 0;
+          overflow-x: auto;
+        }
+        th,
+        td {
+          padding-left: 16px;
+          padding-right: 16px;
+        }
+        .hide-mobile {
+          display: none;
+        }
+      }
+    `,
+        ];
+        selectTab(tabIdArg) {
+            this.selectedTab = tabIdArg;
+            this.dispatchEvent(new CustomEvent('idp-data-table-tab-select', {
+                detail: { tabId: tabIdArg },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        columnClass(columnArg) {
+            const classes = [
+                columnArg.align === 'center' ? 'align-center' : '',
+                columnArg.align === 'right' ? 'align-right' : '',
+                columnArg.hideBelow === 'mobile' ? 'hide-mobile' : '',
+                columnArg.hideBelow === 'tablet' ? 'hide-tablet' : '',
+            ];
+            return classes.filter(Boolean).join(' ');
+        }
+        renderCell(contentArg, columnArg) {
+            const content = contentArg === null || contentArg === undefined || contentArg === '' ? '-' : contentArg;
+            return columnArg.mono ? html `<span class="mono-cell">${content}</span>` : html `${content}`;
+        }
+        render() {
+            const selectedTab = this.selectedTab || this.tabs[0]?.id || '';
+            return html `
+      <section class="table-card">
+        ${this.title || this.badge || this.tabs.length ? html `
+          <div class="table-head">
+            <div class="title-wrap">
+              <div class="title-row">
+                ${this.title ? html `<div class="title">${this.title}</div>` : html ``}
+                ${this.badge ? html `<span class="count-pill">${this.badge}</span>` : html ``}
+              </div>
+              ${this.subtitle ? html `<div class="subtitle">${this.subtitle}</div>` : html ``}
+            </div>
+            ${this.tabs.length ? html `
+              <div class="tabs" role="tablist">
+                ${this.tabs.map((tabArg) => html `
+                  <button
+                    class="tab ${tabArg.id === selectedTab ? 'active' : ''}"
+                    role="tab"
+                    aria-selected=${tabArg.id === selectedTab ? 'true' : 'false'}
+                    @click=${() => this.selectTab(tabArg.id)}
+                  >${tabArg.label}${tabArg.count !== undefined ? html ` (${tabArg.count})` : html ``}</button>
+                `)}
+              </div>
+            ` : html ``}
+          </div>
+        ` : html ``}
+        ${this.rows.length ? html `
+          <div class="table-scroll">
+            <table>
+              <thead>
+                <tr>
+                  ${this.columns.map((columnArg) => html `
+                    <th class=${this.columnClass(columnArg)} style=${columnArg.width ? `width:${columnArg.width}` : ''}>${columnArg.label}</th>
+                  `)}
+                </tr>
+              </thead>
+              <tbody>
+                ${this.rows.map((rowArg) => html `
+                  <tr>
+                    ${this.columns.map((columnArg, indexArg) => html `
+                      <td class=${this.columnClass(columnArg)}>${this.renderCell(rowArg.cells[indexArg], columnArg)}</td>
+                    `)}
+                  </tr>
+                `)}
+              </tbody>
+            </table>
+          </div>
+        ` : html `
+          <div class="empty-state">
+            <div class="empty-title">${this.emptyTitle}</div>
+            <div class="empty-description">${this.emptyDescription}</div>
+          </div>
+        `}
+      </section>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _tabs_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpDataTable = _classThis;
+})();
+export { IdpDataTable };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWRhdGEtdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWRhdGEtdGFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0lBa0NYLFlBQVk7NEJBRHhCLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQUFuQixTQUFRLFdBQVc7Ozs7aUNBaUMxQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztpQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3VDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsQ0FBQztzQ0FHckQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLENBQUM7NENBR3BELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7bUNBRzFELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztnQ0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO2dDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7WUF2QjFCLG9LQUFnQixLQUFLLDZCQUFMLEtBQUsscUZBQU07WUFHM0IsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBTTtZQUc5QixvS0FBZ0IsS0FBSyw2QkFBTCxLQUFLLHFGQUFNO1lBRzNCLHNMQUFnQixXQUFXLDZCQUFYLFdBQVcsaUdBQU07WUFHakMsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBYTtZQUd2QyxxTUFBZ0IsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQXNDO1lBR3RFLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQTZCO1lBR3BELGlLQUFnQixJQUFJLDZCQUFKLElBQUksbUZBQTBCO1lBRzlDLGlLQUFnQixJQUFJLDZCQUFKLElBQUksbUZBQTBCO1lBMURoRCw2S0FrWEM7Ozs7UUFqWFEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7aUJBSWhCO1lBQ1QsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQ2pCLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNuQixFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNuQixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFO1NBQzlDO2NBQ087WUFDTixFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtZQUMzQixFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUNuQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtTQUNsQzs7Y0FFTztZQUNOO2dCQUNFLEtBQUssRUFBRTtvQkFDTCxJQUFJLENBQUEsMkxBQTJMO29CQUMvTCxhQUFhO29CQUNiLFNBQVM7b0JBQ1QsSUFBSSxDQUFBLDhDQUE4QztvQkFDbEQsUUFBUTtpQkFDVDthQUNGO1NBQ0Y7O0dBRUosQ0FBQztRQUNLLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBR3hELHVFQUF3QixFQUFFLEVBQUM7UUFBM0IsSUFBZ0IsS0FBSywyQ0FBTTtRQUEzQixJQUFnQixLQUFLLGlEQUFNO1FBRzNCLGlJQUEyQixFQUFFLEdBQUM7UUFBOUIsSUFBZ0IsUUFBUSw4Q0FBTTtRQUE5QixJQUFnQixRQUFRLG9EQUFNO1FBRzlCLDhIQUF3QixFQUFFLEdBQUM7UUFBM0IsSUFBZ0IsS0FBSywyQ0FBTTtRQUEzQixJQUFnQixLQUFLLGlEQUFNO1FBRzNCLHVJQUE4QixFQUFFLEdBQUM7UUFBakMsSUFBZ0IsV0FBVyxpREFBTTtRQUFqQyxJQUFnQixXQUFXLHVEQUFNO1FBR2pDLDJJQUE2QixTQUFTLEdBQUM7UUFBdkMsSUFBZ0IsVUFBVSxnREFBYTtRQUF2QyxJQUFnQixVQUFVLHNEQUFhO1FBR3ZDLHNKQUFtQyxrQ0FBa0MsR0FBQztRQUF0RSxJQUFnQixnQkFBZ0Isc0RBQXNDO1FBQXRFLElBQWdCLGdCQUFnQiw0REFBc0M7UUFHdEUsMElBQWlELEVBQUUsR0FBQztRQUFwRCxJQUFnQixPQUFPLDZDQUE2QjtRQUFwRCxJQUFnQixPQUFPLG1EQUE2QjtRQUdwRCwySEFBMkMsRUFBRSxHQUFDO1FBQTlDLElBQWdCLElBQUksMENBQTBCO1FBQTlDLElBQWdCLElBQUksZ0RBQTBCO1FBRzlDLHdIQUEyQyxFQUFFLEdBQUM7UUFBOUMsSUFBZ0IsSUFBSSwwQ0FBMEI7UUFBOUMsSUFBZ0IsSUFBSSxnREFBMEI7UUFFdkMsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLGdCQUFnQjtZQUNuQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBZ09GO1NBQ0YsQ0FBQztRQUVNLFNBQVMsQ0FBQyxRQUFnQjtZQUNoQyxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztZQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFvQywyQkFBMkIsRUFBRTtnQkFDakcsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtnQkFDM0IsT0FBTyxFQUFFLElBQUk7Z0JBQ2IsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUMsQ0FBQztRQUNOLENBQUM7UUFFTyxXQUFXLENBQUMsU0FBOEI7WUFDaEQsTUFBTSxPQUFPLEdBQUc7Z0JBQ2QsU0FBUyxDQUFDLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDbEQsU0FBUyxDQUFDLEtBQUssS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDaEQsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDckQsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTthQUN0RCxDQUFDO1lBQ0YsT0FBTyxPQUFPLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMzQyxDQUFDO1FBRU8sVUFBVSxDQUFDLFVBQTZCLEVBQUUsU0FBOEI7WUFDOUUsTUFBTSxPQUFPLEdBQUcsVUFBVSxLQUFLLElBQUksSUFBSSxVQUFVLEtBQUssU0FBUyxJQUFJLFVBQVUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO1lBQ3hHLE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLDJCQUEyQixPQUFPLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLEdBQUcsT0FBTyxFQUFFLENBQUM7UUFDN0YsQ0FBQztRQUVNLE1BQU07WUFDWCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUMvRCxPQUFPLElBQUksQ0FBQTs7VUFFTCxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTs7OztrQkFJM0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLHNCQUFzQixJQUFJLENBQUMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFO2tCQUNsRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsNEJBQTRCLElBQUksQ0FBQyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7O2dCQUUzRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEseUJBQXlCLElBQUksQ0FBQyxRQUFRLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7O2NBRTdFLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7O2tCQUVuQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFBOztpQ0FFZixNQUFNLENBQUMsRUFBRSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFOztvQ0FFdEMsTUFBTSxDQUFDLEVBQUUsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTzs2QkFDbkQsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO3FCQUN2QyxNQUFNLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsS0FBSyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFO2lCQUNqRixDQUFDOzthQUVMLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOztTQUViLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFO1VBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTs7Ozs7b0JBS2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQTtnQ0FDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsVUFBVSxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLFNBQVMsQ0FBQyxLQUFLO21CQUN0SCxDQUFDOzs7O2tCQUlGLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUE7O3NCQUUxQixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQTtrQ0FDbEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDO3FCQUM5RixDQUFDOztpQkFFTCxDQUFDOzs7O1NBSVQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzt1Q0FFdUIsSUFBSSxDQUFDLFVBQVU7NkNBQ1QsSUFBSSxDQUFDLGdCQUFnQjs7U0FFekQ7O0tBRUosQ0FBQztRQUNKLENBQUM7Ozs7OztZQWpYVSx1REFBWTs7Ozs7U0FBWixZQUFZIn0=

package/dist_ts_web/elements/idp-form-submit.d.ts

@@ -0,0 +1,20 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-button.js';
+import type { TIdpButtonSize, TIdpButtonVariant } from './idp-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-form-submit': IdpFormSubmit;
+    }
+}
+export declare class IdpFormSubmit extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor text: string;
+    accessor variant: TIdpButtonVariant;
+    accessor size: TIdpButtonSize;
+    accessor disabled: boolean;
+    accessor loading: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private handleClick;
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/idp-form-submit.js

@@ -0,0 +1,136 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import './idp-button.js';
+let IdpFormSubmit = (() => {
+    let _classDecorators = [customElement('idp-form-submit')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _text_decorators;
+    let _text_initializers = [];
+    let _text_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    var IdpFormSubmit = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _text_decorators = [property({ type: String })];
+            _variant_decorators = [property({ type: String })];
+            _size_decorators = [property({ type: String })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _loading_decorators = [property({ type: Boolean, reflect: true })];
+            __esDecorate(this, null, _text_decorators, { kind: "accessor", name: "text", static: false, private: false, access: { has: obj => "text" in obj, get: obj => obj.text, set: (obj, value) => { obj.text = value; } }, metadata: _metadata }, _text_initializers, _text_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(this, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpFormSubmit = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `<idp-form-submit>Continue</idp-form-submit>`;
+        static demoGroups = ['idp.global v3 primitives'];
+        #text_accessor_storage = __runInitializers(this, _text_initializers, '');
+        get text() { return this.#text_accessor_storage; }
+        set text(value) { this.#text_accessor_storage = value; }
+        #variant_accessor_storage = (__runInitializers(this, _text_extraInitializers), __runInitializers(this, _variant_initializers, 'accent'));
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
+        #size_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'md'));
+        get size() { return this.#size_accessor_storage; }
+        set size(value) { this.#size_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: block;
+      }
+      idp-button {
+        width: 100%;
+      }
+    `,
+        ];
+        handleClick() {
+            if (this.disabled || this.loading) {
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('idp-form-submit-request', {
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            return html `
+      <idp-button
+        variant=${this.variant}
+        size=${this.size}
+        .disabled=${this.disabled || this.loading}
+        .loading=${this.loading}
+        @click=${this.handleClick}
+      >${this.text || html `<slot></slot>`}</idp-button>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _loading_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpFormSubmit = _classThis;
+})();
+export { IdpFormSubmit };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0tc3VibWl0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1mb3JtLXN1Ym1pdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8saUJBQWlCLENBQUM7SUFVWixhQUFhOzRCQUR6QixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs2QkFBbkIsU0FBUSxXQUFXOzs7O2dDQUkzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzttQ0FHMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFYM0MsaUtBQWdCLElBQUksNkJBQUosSUFBSSxtRkFBTTtZQUcxQiwwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUErQjtZQUd0RCxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUF3QjtZQUc1Qyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBR2pDLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQVM7WUFqQmxDLDZLQW9EQzs7OztRQW5EUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSw2Q0FBNkMsQ0FBQztRQUN0RSxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUd4RCxxRUFBdUIsRUFBRSxFQUFDO1FBQTFCLElBQWdCLElBQUksMENBQU07UUFBMUIsSUFBZ0IsSUFBSSxnREFBTTtRQUcxQiw4SEFBNkMsUUFBUSxHQUFDO1FBQXRELElBQWdCLE9BQU8sNkNBQStCO1FBQXRELElBQWdCLE9BQU8sbURBQStCO1FBR3RELDJIQUF1QyxJQUFJLEdBQUM7UUFBNUMsSUFBZ0IsSUFBSSwwQ0FBd0I7UUFBNUMsSUFBZ0IsSUFBSSxnREFBd0I7UUFHNUMsZ0lBQTJCLEtBQUssR0FBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFHakMsa0lBQTBCLEtBQUssR0FBQztRQUFoQyxJQUFnQixPQUFPLDZDQUFTO1FBQWhDLElBQWdCLE9BQU8sbURBQVM7UUFFekIsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLGdCQUFnQjtZQUNuQixHQUFHLENBQUE7Ozs7Ozs7S0FPRjtTQUNGLENBQUM7UUFFTSxXQUFXO1lBQ2pCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2xDLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyx5QkFBeUIsRUFBRTtnQkFDNUQsT0FBTyxFQUFFLElBQUk7Z0JBQ2IsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUMsQ0FBQztRQUNOLENBQUM7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O2tCQUVHLElBQUksQ0FBQyxPQUFPO2VBQ2YsSUFBSSxDQUFDLElBQUk7b0JBQ0osSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTzttQkFDOUIsSUFBSSxDQUFDLE9BQU87aUJBQ2QsSUFBSSxDQUFDLFdBQVc7U0FDeEIsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUEsZUFBZTtLQUNwQyxDQUFDO1FBQ0osQ0FBQzs7Ozs7O1lBbkRVLHVEQUFhOzs7OztTQUFiLGFBQWEifQ==