@dssp/dkpi 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-client/components/sv-pagenation-control.js

@@ -0,0 +1,142 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/outlined-button.js';
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let SvPagenationControl = class SvPagenationControl extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentPage = 1;
+        this.totalItems = 0;
+        this.pageLimit = 20;
+    }
+    get totalPages() {
+        const totalPages = Math.ceil((this.totalItems || 0) / (this.pageLimit || 1));
+        return Math.max(1, totalPages);
+    }
+    get pageBlock() {
+        const blockSize = 10;
+        const blockIndex = Math.floor((this.currentPage - 1) / blockSize);
+        const start = blockIndex * blockSize + 1;
+        const end = Math.min(start + blockSize - 1, this.totalPages);
+        return { start, end };
+    }
+    render() {
+        return html `
+      <div pagination>
+        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onFirst}>
+          <md-icon>first_page</md-icon>
+        </md-outlined-button>
+        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onPrev}>
+          <md-icon>chevron_left</md-icon>
+        </md-outlined-button>
+
+        <div numbers>${this._numberButtons()}</div>
+
+        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onNext}>
+          <md-icon>chevron_right</md-icon>
+        </md-outlined-button>
+        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onLast}>
+          <md-icon>last_page</md-icon>
+        </md-outlined-button>
+      </div>
+    `;
+    }
+    _emitPageChange(nextPage) {
+        const bounded = Math.min(Math.max(1, nextPage), this.totalPages);
+        if (bounded !== this.currentPage) {
+            this.dispatchEvent(new CustomEvent('page-change', {
+                detail: { page: bounded },
+                bubbles: true,
+                composed: true
+            }));
+        }
+    }
+    _numberButtons() {
+        const { start, end } = this.pageBlock;
+        const buttons = [];
+        for (let page = start; page <= end; page++) {
+            const selected = page === this.currentPage;
+            buttons.push(html `<md-outlined-button data-page ?selected=${selected} @click=${() => this._emitPageChange(page)}
+          >${page}</md-outlined-button
+        >`);
+        }
+        return buttons;
+    }
+    _onFirst() {
+        this._emitPageChange(1);
+    }
+    _onPrev() {
+        this._emitPageChange(this.currentPage - 1);
+    }
+    _onNext() {
+        this._emitPageChange(this.currentPage + 1);
+    }
+    _onLast() {
+        this._emitPageChange(this.totalPages);
+    }
+};
+SvPagenationControl.styles = [
+    css `
+      div[pagination] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--spacing-medium, 8px);
+        margin: var(--spacing-large, 12px);
+
+        div[numbers] {
+          display: inline-flex;
+          gap: var(--spacing-tiny, 2px);
+        }
+
+        md-icon {
+          --md-icon-size: 18px;
+        }
+
+        md-outlined-button {
+          --md-outlined-button-container-height: 30px;
+          --md-outlined-button-label-text-size: 13px;
+          padding: 0 10px;
+        }
+
+        md-outlined-button[selected] {
+          --md-outlined-button-label-text-color: #ffffff;
+          --md-sys-color-outline: #0595e5;
+          background-color: #0595e5;
+        }
+
+        md-outlined-button[icon] {
+          min-width: 30px;
+          width: 30px;
+          padding: 0;
+        }
+
+        md-outlined-button[icon] md-icon {
+          margin-top: 5px;
+        }
+
+        md-outlined-button[data-page] {
+          min-width: 34px;
+          padding: 0 8px;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "currentPage", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "totalItems", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "pageLimit", void 0);
+SvPagenationControl = __decorate([
+    customElement('sv-pagenation-control')
+], SvPagenationControl);
+export { SvPagenationControl };
+//# sourceMappingURL=sv-pagenation-control.js.map

package/dist-client/components/sv-pagenation-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-pagenation-control.js","sourceRoot":"","sources":["../../client/components/sv-pagenation-control.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/outlined-button.js'\nimport '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('sv-pagenation-control')\nexport class SvPagenationControl extends LitElement {\n  static styles = [\n    css`\n      div[pagination] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--spacing-medium, 8px);\n        margin: var(--spacing-large, 12px);\n\n        div[numbers] {\n          display: inline-flex;\n          gap: var(--spacing-tiny, 2px);\n        }\n\n        md-icon {\n          --md-icon-size: 18px;\n        }\n\n        md-outlined-button {\n          --md-outlined-button-container-height: 30px;\n          --md-outlined-button-label-text-size: 13px;\n          padding: 0 10px;\n        }\n\n        md-outlined-button[selected] {\n          --md-outlined-button-label-text-color: #ffffff;\n          --md-sys-color-outline: #0595e5;\n          background-color: #0595e5;\n        }\n\n        md-outlined-button[icon] {\n          min-width: 30px;\n          width: 30px;\n          padding: 0;\n        }\n\n        md-outlined-button[icon] md-icon {\n          margin-top: 5px;\n        }\n\n        md-outlined-button[data-page] {\n          min-width: 34px;\n          padding: 0 8px;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Number }) currentPage: number = 1\n  @property({ type: Number }) totalItems: number = 0\n  @property({ type: Number }) pageLimit: number = 20\n\n  private get totalPages(): number {\n    const totalPages = Math.ceil((this.totalItems || 0) / (this.pageLimit || 1))\n    return Math.max(1, totalPages)\n  }\n\n  private get pageBlock(): { start: number; end: number } {\n    const blockSize = 10\n    const blockIndex = Math.floor((this.currentPage - 1) / blockSize)\n    const start = blockIndex * blockSize + 1\n    const end = Math.min(start + blockSize - 1, this.totalPages)\n    return { start, end }\n  }\n\n  render() {\n    return html`\n      <div pagination>\n        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onFirst}>\n          <md-icon>first_page</md-icon>\n        </md-outlined-button>\n        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onPrev}>\n          <md-icon>chevron_left</md-icon>\n        </md-outlined-button>\n\n        <div numbers>${this._numberButtons()}</div>\n\n        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onNext}>\n          <md-icon>chevron_right</md-icon>\n        </md-outlined-button>\n        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onLast}>\n          <md-icon>last_page</md-icon>\n        </md-outlined-button>\n      </div>\n    `\n  }\n\n  private _emitPageChange(nextPage: number) {\n    const bounded = Math.min(Math.max(1, nextPage), this.totalPages)\n    if (bounded !== this.currentPage) {\n      this.dispatchEvent(\n        new CustomEvent('page-change', {\n          detail: { page: bounded },\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  private _numberButtons() {\n    const { start, end } = this.pageBlock\n    const buttons = [] as any[]\n    for (let page = start; page <= end; page++) {\n      const selected = page === this.currentPage\n      buttons.push(\n        html`<md-outlined-button data-page ?selected=${selected} @click=${() => this._emitPageChange(page)}\n          >${page}</md-outlined-button\n        >`\n      )\n    }\n    return buttons\n  }\n\n  private _onFirst() {\n    this._emitPageChange(1)\n  }\n\n  private _onPrev() {\n    this._emitPageChange(this.currentPage - 1)\n  }\n\n  private _onNext() {\n    this._emitPageChange(this.currentPage + 1)\n  }\n\n  private _onLast() {\n    this._emitPageChange(this.totalPages)\n  }\n}\n"]}

package/dist-client/entries/auth/checkin.d.ts

@@ -0,0 +1,38 @@
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@operato/lottie-player';
+import { LitElement } from 'lit';
+declare const AuthCheckIn_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class AuthCheckIn extends AuthCheckIn_base {
+    static styles: import("lit").CSSResult[];
+    data: any;
+    domains: any[];
+    domainTypes?: string[];
+    user: any;
+    searchValue: string;
+    collapsedSections: Record<string, boolean>;
+    private _applicationMeta?;
+    private redirectTo?;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderCategory;
+    /**
+     * groups 를 CATEGORY_ORDER 에 따라 정렬한 [category, items][] 로 반환.
+     * 정의된 순서대로 먼저 나열, 정의 안 된 카테고리는 마지막에 insertion 순으로 붙는다.
+     */
+    private _orderedEntries;
+    /**
+     * 도메인들을 extType 별로 그룹핑하고 검색어로 필터링한다.
+     * 매치 0건인 카테고리는 결과에서 자동 제외 — 빈 섹션은 화면에 노출되지 않는다.
+     */
+    private _groupAndFilter;
+    private _select;
+    private _toggleSection;
+    private _categoryLabel;
+    updated(changed: Map<string, unknown>): void;
+    get applicationMeta(): {
+        icon?: string;
+        title?: string;
+        description?: string;
+    };
+}
+export {};