verben-authentication-ui 1.0.13 → 1.0.15

package/fesm2022/verben-authentication-ui-src-lib-components-sso.mjs

@@ -0,0 +1,462 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { ObjectState } from 'verben-authentication-ui/src/lib/models';
+import * as i2 from 'verben-ng-ui';
+import { DataFilterType, DataViewModule, TableFilterModule, SortTableModule, DataExportModule, VisibleColumnModule, VerbenaButtonModule, CardDataViewModule, VerbenaInputModule, SvgModule, VerbenaTextareaModule, DataTableModule } from 'verben-ng-ui';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+const columns = [
+    {
+        id: 'createdAt',
+        header: 'Created',
+        accessorKey: 'CreatedAt',
+    },
+    {
+        id: 'name',
+        header: 'Name',
+        accessorKey: 'Name',
+    },
+    {
+        id: 'description',
+        header: 'Description',
+        accessorKey: 'Description',
+    },
+    {
+        id: 'link',
+        header: 'Link',
+        accessorKey: 'Link',
+    },
+    {
+        id: 'logo',
+        header: 'Logo',
+        accessorKey: 'Logo',
+    },
+    { id: 'actions', header: 'Actions', accessorKey: 'Name' },
+];
+
+const mockData = new Array(10).fill(1).map((id, i) => ({
+    Name: `Name ${id + i}`,
+    Id: id,
+    id: id.toString(),
+    Description: `Sign in option ${id + i}`,
+    Logo: `./assets/images/test-logo.png`,
+    Link: `Link ${id + i}`,
+    CreatedAt: new Date(),
+    UpdatedAt: new Date(),
+    DataState: ObjectState.New,
+    TenantId: `Tenant ${id + i}`,
+    Code: '',
+    ServiceName: '',
+}));
+
+const baseStyle = {
+    width: '100%',
+    fontFamily: '"Fraunces", serif',
+    fontSize: '125%',
+    whiteSpace: 'nowrap',
+    margin: '0',
+    border: '1px solid #D4A007',
+    borderRadius: '16px',
+    borderCollapse: 'separate',
+    borderSpacing: '0',
+    tableLayout: 'fixed',
+    overflow: 'hidden',
+    rows: {
+        even: {
+            backgroundColor: '#FDFDFD',
+        },
+        odd: {
+            backgroundColor: '#F1F4FB',
+        },
+        height: '68px',
+    },
+    cells: {
+        padding: '0.5rem 1rem',
+    },
+    header: {
+        stickyTop: true,
+        zIndex: 2,
+        backgroundColor: '#EFF2FB',
+        fontWeight: 'bold',
+        textAlign: 'left',
+        padding: '12px 16px',
+        height: '40px',
+    },
+    footer: {
+        stickyBottom: true,
+        zIndex: 2,
+        padding: '3px',
+    },
+    //   body: {
+    //     background: '#fff',
+    //     padding: '4px 5px',
+    //     textAlign: 'center',
+    //   },
+    // firstColumn: {
+    //   stickyLeft: true,
+    //   zIndex: 1,
+    // },
+    lastColumn: {
+        stickyRight: true,
+        zIndex: 1,
+    },
+};
+
+class SsoFormComponent {
+    fb;
+    isUploading = false;
+    uploadedFileName = null;
+    fileUploadError = null;
+    currentData = null;
+    switchView = new EventEmitter();
+    form;
+    constructor(fb) {
+        this.fb = fb;
+        this.form = this.fb.group({
+            Description: [''],
+            Name: [''],
+            Link: [''],
+            Logo: [''],
+        });
+    }
+    ngOnInit() { }
+    onSave() {
+        if (this.form.valid) {
+            // Emit save event with form value
+            console.log('Form saved:', this.form.value);
+        }
+    }
+    onDelete() {
+        // Emit delete event
+        console.log('Delete requested');
+    }
+    onFileSelected(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            const file = input.files[0];
+            this.fileUploadError = null;
+            if (!file) {
+                this.isUploading = true;
+            }
+            if (file.size > 5000000) {
+                this.fileUploadError = 'File size exceeds 5MB limit.';
+                this.uploadedFileName = null;
+                this.isUploading = false; // Reset isUploading state
+            }
+            else {
+                this.uploadedFileName = file.name;
+            }
+        }
+        else {
+            this.isUploading = false;
+        }
+    }
+    removeFile() {
+        this.uploadedFileName = null;
+        this.fileUploadError = null;
+        const fileInput = document.getElementById('attachment');
+        if (fileInput) {
+            fileInput.value = '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SsoFormComponent, selector: "lib-sso-form", inputs: { currentData: "currentData" }, outputs: { switchView: "switchView" }, ngImport: i0, template: "<form\n  [formGroup]=\"form\"\n  class=\"flex flex-col px-3 pb-3 rounded-xl h-full w-full relative\"\n>\n  <verbena-input\n    name=\"Name\"\n    label=\"Name:\"\n    formControlName=\"Name\"\n    [(ngModel)]=\"currentData?.data.Name\"\n  />\n  <verbena-input\n    label=\"Description:\"\n    name=\"Description\"\n    formControlName=\"Description\"\n    [(ngModel)]=\"currentData?.data.Description\"\n  />\n  <verbena-input\n  label=\"Link:\"\n  name=\"Link\"\n  formControlName=\"Link\"\n  [(ngModel)]=\"currentData?.data.Link\"\n/>\n<span class=\"block my-2 \">Logo</span>\n<label [style.background-color]=\"'#f9f9f9'\" class=\"border cursor-pointer border-secondary-200 rounded-md w-full px-4 py-2 flex justify-between\">\n  <span *ngIf=\"!uploadedFileName\">{{isUploading?\"uploading...\":\"Upload a photo\"}}</span>\n  <span *ngIf=\"fileUploadError\" class=\"error\">{{ fileUploadError }}</span>\n  <div *ngIf=\"uploadedFileName\" class=\"flex items-center text-sm gap-2 border border-primary rounded-lg px-3 \">\n    <span>{{ uploadedFileName }}</span>\n    <button\n      [style.color]=\"'black'\"\n      type=\"button\"\n      (click)=\"removeFile()\"\n    >\n      &#x2715;\n    </button>\n  </div>\n  <input\n  id=\"logo\"\n[type]=\"'file'\"\n  label=\"Logo:\"\n  name=\"Logo\"\n  accept=\"image/png\"\n  formControlName=\"Logo\"\n  (change)=\"onFileSelected($event)\"\n  formControlName=\"Logo\"\n/>\n<span class=\"flex gap-2\">\n<span class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/cam.png\" class=\"icon-width\"/>\n</span>\n<span  class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/file.png\" class=\"icon-width2\"/>\n</span>\n</span>\n</label>\n\n  <!-- buttons -->\n  <div\n    class=\"flex justify-between bottom-8 left-0 right-0 px-3 pb-2 absolute\"\n    style=\"\n      display: flex;\n      justify-content: space-between;\n      position: absolute;\n      padding: 8px 12px;\n      right: 0;\n      left: 0;\n      bottom: 32;\n    \"\n  >\n    <!-- <verbena-button\n      text=\"Delete\"\n      class=\"bg-secondary-200 text-[black]\"\n      (click)=\"onDelete()\"\n    />\n    <verbena-button\n      text=\"Save\"\n      class=\"bg-primary text-[black]\"\n      (click)=\"onSave()\"\n    />\n\n    <verbena-button\n      text=\"Secondary Button\"\n      styleType=\"secondary\"\n    ></verbena-button> -->\n    <verbena-button\n      width=\"114px\"\n      height=\"39px\"\n      text=\"Delete\"\n      [bgColor]=\"'#999999'\"\n      [textColor]=\"'#404040'\"\n      borderRadius=\"10px\"\n    ></verbena-button>\n    <verbena-button\n      (click)=\"switchView.emit()\"\n      text=\"Switch To Table\"\n      styleType=\"ylw-outline\"\n    ></verbena-button>\n    <verbena-button\n      text=\"Save\"\n      bgColor=\"#28a745\"\n      textColor=\"#404040\"\n      borderRadius=\"10px\"\n      pd=\"10px 20px\"\n      [bgColor]=\"'#FFE681'\"\n      width=\"114px\"\n      height=\"39px\"\n    ></verbena-button>\n  </div>\n</form>\n", styles: ["#logo{display:none}.icon-width{width:20px}.icon-width2{width:15px}.icon-container{width:30px;height:30px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i2.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-sso-form', template: "<form\n  [formGroup]=\"form\"\n  class=\"flex flex-col px-3 pb-3 rounded-xl h-full w-full relative\"\n>\n  <verbena-input\n    name=\"Name\"\n    label=\"Name:\"\n    formControlName=\"Name\"\n    [(ngModel)]=\"currentData?.data.Name\"\n  />\n  <verbena-input\n    label=\"Description:\"\n    name=\"Description\"\n    formControlName=\"Description\"\n    [(ngModel)]=\"currentData?.data.Description\"\n  />\n  <verbena-input\n  label=\"Link:\"\n  name=\"Link\"\n  formControlName=\"Link\"\n  [(ngModel)]=\"currentData?.data.Link\"\n/>\n<span class=\"block my-2 \">Logo</span>\n<label [style.background-color]=\"'#f9f9f9'\" class=\"border cursor-pointer border-secondary-200 rounded-md w-full px-4 py-2 flex justify-between\">\n  <span *ngIf=\"!uploadedFileName\">{{isUploading?\"uploading...\":\"Upload a photo\"}}</span>\n  <span *ngIf=\"fileUploadError\" class=\"error\">{{ fileUploadError }}</span>\n  <div *ngIf=\"uploadedFileName\" class=\"flex items-center text-sm gap-2 border border-primary rounded-lg px-3 \">\n    <span>{{ uploadedFileName }}</span>\n    <button\n      [style.color]=\"'black'\"\n      type=\"button\"\n      (click)=\"removeFile()\"\n    >\n      &#x2715;\n    </button>\n  </div>\n  <input\n  id=\"logo\"\n[type]=\"'file'\"\n  label=\"Logo:\"\n  name=\"Logo\"\n  accept=\"image/png\"\n  formControlName=\"Logo\"\n  (change)=\"onFileSelected($event)\"\n  formControlName=\"Logo\"\n/>\n<span class=\"flex gap-2\">\n<span class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/cam.png\" class=\"icon-width\"/>\n</span>\n<span  class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/file.png\" class=\"icon-width2\"/>\n</span>\n</span>\n</label>\n\n  <!-- buttons -->\n  <div\n    class=\"flex justify-between bottom-8 left-0 right-0 px-3 pb-2 absolute\"\n    style=\"\n      display: flex;\n      justify-content: space-between;\n      position: absolute;\n      padding: 8px 12px;\n      right: 0;\n      left: 0;\n      bottom: 32;\n    \"\n  >\n    <!-- <verbena-button\n      text=\"Delete\"\n      class=\"bg-secondary-200 text-[black]\"\n      (click)=\"onDelete()\"\n    />\n    <verbena-button\n      text=\"Save\"\n      class=\"bg-primary text-[black]\"\n      (click)=\"onSave()\"\n    />\n\n    <verbena-button\n      text=\"Secondary Button\"\n      styleType=\"secondary\"\n    ></verbena-button> -->\n    <verbena-button\n      width=\"114px\"\n      height=\"39px\"\n      text=\"Delete\"\n      [bgColor]=\"'#999999'\"\n      [textColor]=\"'#404040'\"\n      borderRadius=\"10px\"\n    ></verbena-button>\n    <verbena-button\n      (click)=\"switchView.emit()\"\n      text=\"Switch To Table\"\n      styleType=\"ylw-outline\"\n    ></verbena-button>\n    <verbena-button\n      text=\"Save\"\n      bgColor=\"#28a745\"\n      textColor=\"#404040\"\n      borderRadius=\"10px\"\n      pd=\"10px 20px\"\n      [bgColor]=\"'#FFE681'\"\n      width=\"114px\"\n      height=\"39px\"\n    ></verbena-button>\n  </div>\n</form>\n", styles: ["#logo{display:none}.icon-width{width:20px}.icon-width2{width:15px}.icon-container{width:30px;height:30px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { currentData: [{
+                type: Input
+            }], switchView: [{
+                type: Output
+            }] } });
+
+class SsoComponent {
+    cardDataView;
+    dataView;
+    columns = columns;
+    data = mockData;
+    filteredColumns = columns;
+    styles = baseStyle;
+    currentData = null;
+    isGridView = true;
+    selected = null;
+    cardData = mockData.map(({ Name, Description, Link, Logo }) => ({
+        selected: false,
+        title: Name,
+        data: { Name, Description, Link, Logo },
+        body: [{ title: 'Description', value: Description ?? '' }],
+        children: [],
+    }));
+    openDetailView(name) {
+        const cardItem = this.getCardDataByMailAddress(name);
+        if (cardItem && this.cardDataView) {
+            this.dataView.toggleView();
+            this.cardData.forEach((item) => {
+                item.selected = false;
+                if (item.children) {
+                    item.children.forEach((child) => (child.selected = false));
+                }
+            });
+            cardItem.selected = true;
+            this.currentData = this.cardDataView.onItemClick(cardItem);
+        }
+    }
+    getCardDataByMailAddress(name) {
+        return this.cardData.find(({ data }) => data.Name === name);
+    }
+    onViewChange(isGridView) {
+        isGridView = isGridView;
+        if (this.currentData) {
+            this.cardDataView?.clearData();
+            this.currentData = null;
+        }
+        if (this.selected) {
+            this.cardDataView.onItemClick(this.selected);
+        }
+    }
+    openFormView(index) {
+        const item = this.cardData[index];
+        console.log('ITEM = ', item);
+    }
+    handleExport(exportedData) {
+        console.log('Exported data:', exportedData);
+        this.downloadCSV(exportedData);
+    }
+    /**
+     *
+     * @param data Simple csv export for testing
+     */
+    downloadCSV(data) {
+        const headers = Object.keys(data[0]);
+        const csvContent = [
+            headers.join(','),
+            ...data.map((row) => headers.map((header) => row[header]).join(',')),
+        ].join('\n');
+        const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+        const link = document.createElement('a');
+        if (link.download !== undefined) {
+            const url = URL.createObjectURL(blob);
+            link.setAttribute('href', url);
+            link.setAttribute('download', 'export.csv');
+            link.style.visibility = 'hidden';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+    }
+    onSelectionChange(selectedRows) {
+        console.log('Selection changed:', selectedRows);
+        // Handle the selection change
+    }
+    /**
+     * Copied over from card view doc until I understand usage
+     */
+    selectedColumnCount = 0;
+    selectedFilterTableCount = 0;
+    isOPen = true;
+    selectedSortCount = 0;
+    showColumn = false;
+    showSort = false;
+    showExport = false;
+    selectedAll = false;
+    showFilter = false;
+    visibleColumns = columns.map((col) => ({
+        checked: false,
+        name: typeof col.header === 'string' ? col.header : col.id,
+        type: DataFilterType.Bool,
+    }));
+    filterArray = [
+        {
+            name: 'Name',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Description',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Logo',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Link',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'CreatedAt',
+            type: DataFilterType.Date,
+            checked: false,
+        },
+    ];
+    sortOptions = [
+        {
+            name: 'Name',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Description',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Link',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'Logo',
+            type: DataFilterType.String,
+            checked: false,
+        },
+        {
+            name: 'CreatedAt',
+            type: DataFilterType.Date,
+            checked: false,
+        },
+    ];
+    clearData() {
+        this.currentData = {};
+    }
+    loadMore() {
+        this.cardData = this.cardData.concat(this.cardData);
+    }
+    onColumnChange(event) {
+        this.showColumn = event;
+    }
+    onSortChange(event) {
+        this.showSort = false;
+        console.log(event);
+    }
+    onColumnsUpdated(updatedColumns) {
+        this.showColumn = false;
+        this.selectedColumnCount = updatedColumns.length;
+        if (updatedColumns) {
+            // Filter columns to include only visible ones
+            this.filteredColumns = this.columns.filter((col) => this.visibleColumns.find((filter) => filter.name === col.header && filter.checked));
+            // Reorder columns based on the order in visibleColumns
+            const visibleColumnOrder = this.visibleColumns
+                .filter((filter) => filter.checked)
+                .map((filter) => filter.name);
+            this.columns.sort((a, b) => {
+                const indexA = visibleColumnOrder.indexOf(a.header);
+                const indexB = visibleColumnOrder.indexOf(b.header);
+                return indexA - indexB;
+            });
+        }
+    }
+    onFilterApplied(appliedFilter) {
+        this.showFilter = false;
+        if (Array.isArray(appliedFilter)) {
+            this.selectedFilterTableCount = appliedFilter.length;
+        }
+        else {
+            console.log('appliedFilter is not an array');
+        }
+    }
+    onSortUpdated(updatedSorts) {
+        this.onSortChange(false);
+        this.selectedSortCount = updatedSorts.length;
+        console.log(updatedSorts);
+    }
+    onStateChange(event) {
+        switch (event.key) {
+            case 'column':
+                this.showColumn = event.value;
+                break;
+            case 'sort':
+                this.showSort = event.value;
+                break;
+            case 'export':
+                this.showExport = event.value;
+                break;
+            case 'filter':
+                this.showFilter = event.value;
+                break;
+            default:
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SsoComponent, selector: "lib-sso", viewQueries: [{ propertyName: "cardDataView", first: true, predicate: ["vdcv"], descendants: true }, { propertyName: "dataView", first: true, predicate: ["vdv"], descendants: true }], ngImport: i0, template: "<div class=\"space-y-8\">\n  <verben-data-view\n    #vdv\n    [viewState]=\"{\n        isSearch: true,\n        isColumn: true,\n        isFilter: true,\n        isSort: true,\n        isExport: true,\n        isSelect: true,\n        isToggle:true\n      }\"\n    [buttonClass]=\"'my-custom-button-class'\"\n    [iconClass]=\"'my-icon-class'\"\n    [activeIconClass]=\"'my-active-icon-class'\"\n    [selectedSortCount]=\"selectedSortCount\"\n    [selectedColumnCount]=\"selectedColumnCount\"\n    [selectedFilterTableCount]=\"selectedFilterTableCount\"\n    [showColumnChild]=\"showColumn\"\n    [showSortChild]=\"showSort\"\n    [showFilterChild]=\"showFilter\"\n    [isTableView]=\"false\"\n    [selectedFilterTableCount]=\"0\"\n    [cardIcon]=\"'list-view'\"\n    [tableIcon]=\"'table-view'\"\n    (viewChange)=\"onViewChange($event)\"\n    (stateChange)=\"onStateChange($event)\"\n  >\n    <div table-content>\n      <lib-data-table\n        [data]=\"data\"\n        [columns]=\"filteredColumns\"\n        [styleConfig]=\"styles\"\n        (selectionChange)=\"onSelectionChange($event)\"\n      >\n        <ng-container libColumn=\"createdAt\">\n          <ng-template #cell let-value>\n            {{ value | date }}\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"logo\">\n          <ng-template #cell let-value>\n            <img class=\"logo-width\" [src]=\"value\"/>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"actions\">\n          <ng-template #cell let-value let-deleteRow let-rowIndex>\n            <div class=\"flex space-x-8\" style=\"display: flex; gap: 24px\">\n              <verben-svg\n                (click)=\"openDetailView(value)\"\n                icon=\"edit\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#3479E9\"\n                fill=\"white\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n              <verben-svg\n                icon=\"delete\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#E20000\"\n                (click)=\"deleteRow()\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n            </div>\n          </ng-template>\n          <ng-template #header>\n            <strong>Actions</strong>\n          </ng-template>\n        </ng-container>\n      </lib-data-table>\n    </div>\n    <div card-content>\n      <verben-card-data-view\n        borderRadius=\"12px\"\n        (loadMoreClick)=\"loadMore()\"\n        #vdcv\n        dataId=\"Link\"\n        border=\"5px\"\n        [cardDataList]=\"cardData\"\n        rbgColor=\"#f5f6f9\"\n      >\n        <verben-left-card-data-view class=\"\">\n          <verben-left-card-data\n            #vlcd\n            [parent]=\"vdcv\"\n            dataId=\"Link\"\n            class=\"bg-secondary-100 rounded-xl border-primary border-[1px]\"\n            [cardDataList]=\"cardData\"\n          >\n            <ng-template #card let-item>\n              <div (click)=\"currentData = vdcv.onItemClick(item)\" class=\"flex\">\n                <verben-svg\n                  [width]=\"15\"\n                  [height]=\"15\"\n                  (click)=\"vlcd.showChildren(item)\"\n                  [ngClass]=\"vlcd.showToggle(item) ? 'visible' : 'invisible'\"\n                  class=\"items-center flex pr-1 cursor-pointer\"\n                  [icon]=\"item.isChildrenExpanded ? 'minus' : 'plus'\"\n                />\n                <div\n                  (click)=\"currentData = vdcv.onItemClick(item)\"\n                  class=\"flex cursor-pointer w-full bg-secondary rounded-xl\"\n                >\n                  <div\n                    class=\"w-3 rounded-xl rounded-tr-none rounded-br-none\"\n                    [ngClass]=\"\n                      item.selected ? 'bg-primary' : 'bg-secondary-200'\n                    \"\n                  ></div>\n                  <div class=\"flex flex-col py-2 px-4 w-full\">\n                    <div class=\"flex\">\n                      <span class=\"font-bold text-sm\">{{ item.data.Name }}</span>\n                    </div>\n                    @for (ciItem of item.body; track ciItem.value) {\n                    <div class=\"flex items-center justify-between gap-2\">\n                      <div>\n                        <span class=\"text-muted font-light text-xs\"\n                          >{{ ciItem.title }}:</span\n                        >\n                        <span class=\"text-black text-xs font-semibold\">{{ item.data.Description }}</span>\n                      </div>\n                      <img class=\"logo-width\" [alt]=\"ciItem.title\" [src]=\"item.data.Logo\"/>\n                    </div>\n                    }\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </verben-left-card-data>\n        </verben-left-card-data-view>\n\n        <verben-right-card-data-view>\n          <ng-template #parent>\n            <lib-sso-form\n              [currentData]=\"currentData\"\n              (switchView)=\"vdv.toggleView()\"\n            ></lib-sso-form>\n          </ng-template>\n        </verben-right-card-data-view>\n\n        <verben-card-data-view-footer class=\"float-right\">\n          <div class=\"flex gap-2 mt-1\">\n            <span class=\"paginator-text\"\n              >{{ cardData.length }} records loaded</span\n            >\n            <button (click)=\"loadMore()\" class=\"load-more\">Load more</button>\n          </div>\n        </verben-card-data-view-footer>\n      </verben-card-data-view>\n    </div>\n    <div column-content>\n      <verben-visible-column\n        (columnsUpdated)=\"onColumnsUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        [columns]=\"visibleColumns\"\n        [displayedColumns]=\"5\"\n      ></verben-visible-column>\n    </div>\n    <div filter-content>\n      <verben-table-filter\n      (filtersApplied)=\"onFilterApplied($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"420px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [filterOptions]=\"filterArray\"\n        [maxFilterLength]=\"3\"\n      ></verben-table-filter>\n    </div>\n    <div sort-content>\n      <verben-sort-table\n        (selectedOptions)=\"onSortUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [enableDragAndDrop]=\"true\"\n        [sortOptions]=\"sortOptions\"\n      ></verben-sort-table>\n    </div>\n    <div export-content>\n      <lib-data-export [data]=\"data\" (exportDataEvent)=\"handleExport($event)\">\n      </lib-data-export>\n    </div>\n  </verben-data-view>\n</div>\n", styles: [".flex{display:flex}.w-full{width:100%}.bg-secondary-200{background-color:#e8eaf1}.flex-col{flex-direction:column}.items-center{align-items:center}.bg-primary{background-color:#d4a007}.border-primary{border:1px solid #d4a007}.rounded-lg{border-radius:20px}.w-3{width:6px}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.bg-secondary-100{background-color:#8080800e}.bg-secondary{background-color:#e8eaf1}.p-2{padding:6px}.logo-width{width:70px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.DataViewComponent, selector: "verben-data-view", inputs: ["buttonClass", "iconClass", "activeIconClass", "columnCustomClass", "filterCustomClass", "sortCustomClass", "extendCustomClass", "exportCustomClass", "selectCustomClass", "importCustomClass", "zIndex", "createCustomClass", "tableIcon", "cardIcon", "cardClass", "tableClass", "searchKey", "searchValue", "viewState", "searchTemplate", "importTemplate", "columnTemplate", "extendTemplate", "filterTemplate", "sortTemplate", "children", "exportTemplate", "createTemplate", "selectedColumnCount", "selectedSortCount", "selectedFilterTableCount", "inputWidth", "milliseconds", "showColumnChild", "showSortChild", "showFilterChild", "showImportChild", "showExportChild", "showExtendChild", "create", "showSelected", "isTableView"], outputs: ["viewChange", "stateChange", "onSearchChange"] }, { kind: "component", type: i2.TableFilterComponent, selector: "verben-table-filter", inputs: ["filterOptions", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "maxFilterLength", "tooltip"], outputs: ["filtersApplied", "resetSortData"] }, { kind: "component", type: i2.SortTableComponent, selector: "verben-sort-table", inputs: ["enableDragAndDrop", "sortOptions", "resetText", "displayedOptions", "propertyText", "showMoreText", "sortButtonText", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "containerHeight"], outputs: ["selectedOptions", "resetSortData"] }, { kind: "component", type: i2.DataExportComponent, selector: "lib-data-export", inputs: ["columns", "data", "dataFetchUrl", "dataQueryParameters"], outputs: ["exportDataEvent"] }, { kind: "component", type: i2.VisibleColumnComponent, selector: "verben-visible-column", inputs: ["columns", "items", "enableDragAndDrop", "displayedColumns", "showMore", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "closeColumn"], outputs: ["columnsUpdated", "resetFilter"] }, { kind: "component", type: i2.CardDataViewComponent, selector: "verben-card-data-view", inputs: ["pd", "mg", "lHeight", "rHeight", "rWidth", "lWidth", "textColor", "lbgColor", "rbgColor", "border", "display", "borderRadius", "activeCss", "inActiveCss", "displayAsRow", "cardDataList", "dataId", "totalRecords", "footer", "noOfVisibleChildren", "showEditIcon", "onItemClick", "onCardChildClick"], outputs: ["editClicked", "loadMoreClick"] }, { kind: "component", type: i2.LeftCardDataComponent, selector: "verben-left-card-data", inputs: ["pd", "mg", "height", "weight", "activeCss", "inActiveCss", "cardDataList", "iconCollapse", "iconExpanded", "parent", "dataId"] }, { kind: "component", type: i2.LeftCardDataViewComponent, selector: "verben-left-card-data-view", inputs: ["cardDataList"] }, { kind: "component", type: i2.RightCardDataViewComponent, selector: "verben-right-card-data-view", inputs: ["parentData", "chilData", "meth"] }, { kind: "component", type: i2.CardDataViewFooterComponent, selector: "verben-card-data-view-footer" }, { kind: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i2.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "useVirtualScroll", "virtualScrollItemSize", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowRevert", "rowDelete", "selectionChange"] }, { kind: "directive", type: i2.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: SsoFormComponent, selector: "lib-sso-form", inputs: ["currentData"], outputs: ["switchView"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-sso', template: "<div class=\"space-y-8\">\n  <verben-data-view\n    #vdv\n    [viewState]=\"{\n        isSearch: true,\n        isColumn: true,\n        isFilter: true,\n        isSort: true,\n        isExport: true,\n        isSelect: true,\n        isToggle:true\n      }\"\n    [buttonClass]=\"'my-custom-button-class'\"\n    [iconClass]=\"'my-icon-class'\"\n    [activeIconClass]=\"'my-active-icon-class'\"\n    [selectedSortCount]=\"selectedSortCount\"\n    [selectedColumnCount]=\"selectedColumnCount\"\n    [selectedFilterTableCount]=\"selectedFilterTableCount\"\n    [showColumnChild]=\"showColumn\"\n    [showSortChild]=\"showSort\"\n    [showFilterChild]=\"showFilter\"\n    [isTableView]=\"false\"\n    [selectedFilterTableCount]=\"0\"\n    [cardIcon]=\"'list-view'\"\n    [tableIcon]=\"'table-view'\"\n    (viewChange)=\"onViewChange($event)\"\n    (stateChange)=\"onStateChange($event)\"\n  >\n    <div table-content>\n      <lib-data-table\n        [data]=\"data\"\n        [columns]=\"filteredColumns\"\n        [styleConfig]=\"styles\"\n        (selectionChange)=\"onSelectionChange($event)\"\n      >\n        <ng-container libColumn=\"createdAt\">\n          <ng-template #cell let-value>\n            {{ value | date }}\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"logo\">\n          <ng-template #cell let-value>\n            <img class=\"logo-width\" [src]=\"value\"/>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"actions\">\n          <ng-template #cell let-value let-deleteRow let-rowIndex>\n            <div class=\"flex space-x-8\" style=\"display: flex; gap: 24px\">\n              <verben-svg\n                (click)=\"openDetailView(value)\"\n                icon=\"edit\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#3479E9\"\n                fill=\"white\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n              <verben-svg\n                icon=\"delete\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#E20000\"\n                (click)=\"deleteRow()\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n            </div>\n          </ng-template>\n          <ng-template #header>\n            <strong>Actions</strong>\n          </ng-template>\n        </ng-container>\n      </lib-data-table>\n    </div>\n    <div card-content>\n      <verben-card-data-view\n        borderRadius=\"12px\"\n        (loadMoreClick)=\"loadMore()\"\n        #vdcv\n        dataId=\"Link\"\n        border=\"5px\"\n        [cardDataList]=\"cardData\"\n        rbgColor=\"#f5f6f9\"\n      >\n        <verben-left-card-data-view class=\"\">\n          <verben-left-card-data\n            #vlcd\n            [parent]=\"vdcv\"\n            dataId=\"Link\"\n            class=\"bg-secondary-100 rounded-xl border-primary border-[1px]\"\n            [cardDataList]=\"cardData\"\n          >\n            <ng-template #card let-item>\n              <div (click)=\"currentData = vdcv.onItemClick(item)\" class=\"flex\">\n                <verben-svg\n                  [width]=\"15\"\n                  [height]=\"15\"\n                  (click)=\"vlcd.showChildren(item)\"\n                  [ngClass]=\"vlcd.showToggle(item) ? 'visible' : 'invisible'\"\n                  class=\"items-center flex pr-1 cursor-pointer\"\n                  [icon]=\"item.isChildrenExpanded ? 'minus' : 'plus'\"\n                />\n                <div\n                  (click)=\"currentData = vdcv.onItemClick(item)\"\n                  class=\"flex cursor-pointer w-full bg-secondary rounded-xl\"\n                >\n                  <div\n                    class=\"w-3 rounded-xl rounded-tr-none rounded-br-none\"\n                    [ngClass]=\"\n                      item.selected ? 'bg-primary' : 'bg-secondary-200'\n                    \"\n                  ></div>\n                  <div class=\"flex flex-col py-2 px-4 w-full\">\n                    <div class=\"flex\">\n                      <span class=\"font-bold text-sm\">{{ item.data.Name }}</span>\n                    </div>\n                    @for (ciItem of item.body; track ciItem.value) {\n                    <div class=\"flex items-center justify-between gap-2\">\n                      <div>\n                        <span class=\"text-muted font-light text-xs\"\n                          >{{ ciItem.title }}:</span\n                        >\n                        <span class=\"text-black text-xs font-semibold\">{{ item.data.Description }}</span>\n                      </div>\n                      <img class=\"logo-width\" [alt]=\"ciItem.title\" [src]=\"item.data.Logo\"/>\n                    </div>\n                    }\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </verben-left-card-data>\n        </verben-left-card-data-view>\n\n        <verben-right-card-data-view>\n          <ng-template #parent>\n            <lib-sso-form\n              [currentData]=\"currentData\"\n              (switchView)=\"vdv.toggleView()\"\n            ></lib-sso-form>\n          </ng-template>\n        </verben-right-card-data-view>\n\n        <verben-card-data-view-footer class=\"float-right\">\n          <div class=\"flex gap-2 mt-1\">\n            <span class=\"paginator-text\"\n              >{{ cardData.length }} records loaded</span\n            >\n            <button (click)=\"loadMore()\" class=\"load-more\">Load more</button>\n          </div>\n        </verben-card-data-view-footer>\n      </verben-card-data-view>\n    </div>\n    <div column-content>\n      <verben-visible-column\n        (columnsUpdated)=\"onColumnsUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        [columns]=\"visibleColumns\"\n        [displayedColumns]=\"5\"\n      ></verben-visible-column>\n    </div>\n    <div filter-content>\n      <verben-table-filter\n      (filtersApplied)=\"onFilterApplied($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"420px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [filterOptions]=\"filterArray\"\n        [maxFilterLength]=\"3\"\n      ></verben-table-filter>\n    </div>\n    <div sort-content>\n      <verben-sort-table\n        (selectedOptions)=\"onSortUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [enableDragAndDrop]=\"true\"\n        [sortOptions]=\"sortOptions\"\n      ></verben-sort-table>\n    </div>\n    <div export-content>\n      <lib-data-export [data]=\"data\" (exportDataEvent)=\"handleExport($event)\">\n      </lib-data-export>\n    </div>\n  </verben-data-view>\n</div>\n", styles: [".flex{display:flex}.w-full{width:100%}.bg-secondary-200{background-color:#e8eaf1}.flex-col{flex-direction:column}.items-center{align-items:center}.bg-primary{background-color:#d4a007}.border-primary{border:1px solid #d4a007}.rounded-lg{border-radius:20px}.w-3{width:6px}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.bg-secondary-100{background-color:#8080800e}.bg-secondary{background-color:#e8eaf1}.p-2{padding:6px}.logo-width{width:70px}\n"] }]
+        }], propDecorators: { cardDataView: [{
+                type: ViewChild,
+                args: ['vdcv']
+            }], dataView: [{
+                type: ViewChild,
+                args: ['vdv']
+            }] } });
+
+class SsoModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SsoModule, declarations: [SsoComponent, SsoFormComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataViewModule,
+            TableFilterModule,
+            SortTableModule,
+            DataExportModule,
+            VisibleColumnModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            VerbenaInputModule,
+            SvgModule,
+            VerbenaTextareaModule,
+            DataTableModule], exports: [SsoComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataViewModule,
+            TableFilterModule,
+            SortTableModule,
+            DataExportModule,
+            VisibleColumnModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            VerbenaInputModule,
+            SvgModule,
+            VerbenaTextareaModule,
+            DataTableModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SsoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SsoComponent, SsoFormComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DataViewModule,
+                        TableFilterModule,
+                        SortTableModule,
+                        DataExportModule,
+                        VisibleColumnModule,
+                        VerbenaButtonModule,
+                        CardDataViewModule,
+                        VerbenaInputModule,
+                        SvgModule,
+                        VerbenaTextareaModule,
+                        DataTableModule,
+                    ],
+                    exports: [SsoComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SsoComponent, SsoModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-sso.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-sso.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-sso.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/sso/sso.columns.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/helper.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/base-table-style.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/sso-form/sso-form.component.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/sso-form/sso-form.component.html","../../../projects/verben-authentication-ui/src/lib/components/sso/sso.component.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/sso.component.html","../../../projects/verben-authentication-ui/src/lib/components/sso/sso.module.ts","../../../projects/verben-authentication-ui/src/lib/components/sso/verben-authentication-ui-src-lib-components-sso.ts"],"sourcesContent":["import { ColumnDefinition } from 'verben-ng-ui';\nimport { SingleSignOn } from 'verben-authentication-ui/src/lib/models';\n\nexport const columns: ColumnDefinition<SingleSignOn>[] = [\n  {\n    id: 'createdAt',\n    header: 'Created',\n    accessorKey: 'CreatedAt',\n  },\n  {\n    id: 'name',\n    header: 'Name',\n    accessorKey: 'Name',\n  },\n  {\n    id: 'description',\n    header: 'Description',\n    accessorKey: 'Description',\n  },\n  {\n    id: 'link',\n    header: 'Link',\n    accessorKey: 'Link',\n  },\n  {\n    id: 'logo',\n    header: 'Logo',\n    accessorKey: 'Logo',\n  },\n  { id: 'actions', header: 'Actions', accessorKey: 'Name' },\n];\n","import { ObjectState } from 'verben-authentication-ui/src/lib/models';\nimport { SingleSignOn } from 'verben-authentication-ui/src/lib/models';\n\nexport const mockData: SingleSignOn[] = new Array(10).fill(1).map((id, i) => ({\n  Name: `Name ${id + i}`,\n  Id: id,\n  id: id.toString(),\n  Description: `Sign in option ${id + i}`,\n  Logo: `./assets/images/test-logo.png`,\n  Link: `Link ${id + i}`,\n  CreatedAt: new Date(),\n  UpdatedAt: new Date(),\n  DataState: ObjectState.New,\n  TenantId: `Tenant ${id + i}`,\n  Code: '',\n  ServiceName: '',\n}));\n","export const baseStyle: any = {\n  width: '100%',\n  fontFamily: '\"Fraunces\", serif',\n  fontSize: '125%',\n  whiteSpace: 'nowrap',\n  margin: '0',\n  border: '1px solid #D4A007',\n  borderRadius: '16px',\n  borderCollapse: 'separate',\n  borderSpacing: '0',\n  tableLayout: 'fixed',\n  overflow: 'hidden',\n  rows: {\n    even: {\n      backgroundColor: '#FDFDFD',\n    },\n    odd: {\n      backgroundColor: '#F1F4FB',\n    },\n    height: '68px',\n  },\n  cells: {\n    padding: '0.5rem 1rem',\n  },\n  header: {\n    stickyTop: true,\n    zIndex: 2,\n    backgroundColor: '#EFF2FB',\n    fontWeight: 'bold',\n    textAlign: 'left',\n    padding: '12px 16px',\n    height: '40px',\n  },\n  footer: {\n    stickyBottom: true,\n    zIndex: 2,\n    padding: '3px',\n  },\n  //   body: {\n  //     background: '#fff',\n  //     padding: '4px 5px',\n  //     textAlign: 'center',\n  //   },\n  // firstColumn: {\n  //   stickyLeft: true,\n  //   zIndex: 1,\n  // },\n  lastColumn: {\n    stickyRight: true,\n    zIndex: 1,\n  },\n};\n","import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { CardData } from 'verben-ng-ui';\n\n\n@Component({\n  selector: 'lib-sso-form',\n  templateUrl: './sso-form.component.html',\n  styleUrl: './sso-form.component.css',\n})\nexport class SsoFormComponent {\n  isUploading: boolean = false;\n  uploadedFileName: string | null = null;\n  fileUploadError: string | null = null;\n  @Input() currentData:CardData|null=null\n  @Output() switchView = new EventEmitter<undefined>();\n\n  form: FormGroup;\n\n  constructor(private fb: FormBuilder) {\n    this.form = this.fb.group({\n      Description: [''],\n      Name: [''],\n      Link: [''],\n      Logo: [''],\n    });\n  }\n\n  ngOnInit(): void {}\n\n  onSave(): void {\n    if (this.form.valid) {\n      // Emit save event with form value\n      console.log('Form saved:', this.form.value);\n    }\n  }\n  onDelete(): void {\n    // Emit delete event\n    console.log('Delete requested');\n  }\n  onFileSelected(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (input.files && input.files.length > 0) {\n      const file = input.files[0];\n      this.fileUploadError = null;\n      if (!file) {\n        this.isUploading = true;\n      }\n      if (file.size > 5000000) {\n        this.fileUploadError = 'File size exceeds 5MB limit.';\n        this.uploadedFileName = null;\n        this.isUploading = false; // Reset isUploading state\n      } else {\n        this.uploadedFileName = file.name;\n      }\n    } else {\n      this.isUploading = false;\n    }\n  }\n\n  removeFile() {\n    this.uploadedFileName = null;\n    this.fileUploadError = null;\n    const fileInput = document.getElementById('attachment') as HTMLInputElement;\n    if (fileInput) {\n      fileInput.value = '';\n    }\n  }\n\n}\n","<form\n  [formGroup]=\"form\"\n  class=\"flex flex-col px-3 pb-3 rounded-xl h-full w-full relative\"\n>\n  <verbena-input\n    name=\"Name\"\n    label=\"Name:\"\n    formControlName=\"Name\"\n    [(ngModel)]=\"currentData?.data.Name\"\n  />\n  <verbena-input\n    label=\"Description:\"\n    name=\"Description\"\n    formControlName=\"Description\"\n    [(ngModel)]=\"currentData?.data.Description\"\n  />\n  <verbena-input\n  label=\"Link:\"\n  name=\"Link\"\n  formControlName=\"Link\"\n  [(ngModel)]=\"currentData?.data.Link\"\n/>\n<span class=\"block my-2 \">Logo</span>\n<label [style.background-color]=\"'#f9f9f9'\" class=\"border cursor-pointer border-secondary-200 rounded-md w-full px-4 py-2 flex justify-between\">\n  <span *ngIf=\"!uploadedFileName\">{{isUploading?\"uploading...\":\"Upload a photo\"}}</span>\n  <span *ngIf=\"fileUploadError\" class=\"error\">{{ fileUploadError }}</span>\n  <div *ngIf=\"uploadedFileName\" class=\"flex items-center text-sm gap-2 border border-primary rounded-lg px-3 \">\n    <span>{{ uploadedFileName }}</span>\n    <button\n      [style.color]=\"'black'\"\n      type=\"button\"\n      (click)=\"removeFile()\"\n    >\n      &#x2715;\n    </button>\n  </div>\n  <input\n  id=\"logo\"\n[type]=\"'file'\"\n  label=\"Logo:\"\n  name=\"Logo\"\n  accept=\"image/png\"\n  formControlName=\"Logo\"\n  (change)=\"onFileSelected($event)\"\n  formControlName=\"Logo\"\n/>\n<span class=\"flex gap-2\">\n<span class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/cam.png\" class=\"icon-width\"/>\n</span>\n<span  class=\"bg-primary flex icon-container rounded-md justify-center items-center\">\n  <img src=\"./assets/icons/file.png\" class=\"icon-width2\"/>\n</span>\n</span>\n</label>\n\n  <!-- buttons -->\n  <div\n    class=\"flex justify-between bottom-8 left-0 right-0 px-3 pb-2 absolute\"\n    style=\"\n      display: flex;\n      justify-content: space-between;\n      position: absolute;\n      padding: 8px 12px;\n      right: 0;\n      left: 0;\n      bottom: 32;\n    \"\n  >\n    <!-- <verbena-button\n      text=\"Delete\"\n      class=\"bg-secondary-200 text-[black]\"\n      (click)=\"onDelete()\"\n    />\n    <verbena-button\n      text=\"Save\"\n      class=\"bg-primary text-[black]\"\n      (click)=\"onSave()\"\n    />\n\n    <verbena-button\n      text=\"Secondary Button\"\n      styleType=\"secondary\"\n    ></verbena-button> -->\n    <verbena-button\n      width=\"114px\"\n      height=\"39px\"\n      text=\"Delete\"\n      [bgColor]=\"'#999999'\"\n      [textColor]=\"'#404040'\"\n      borderRadius=\"10px\"\n    ></verbena-button>\n    <verbena-button\n      (click)=\"switchView.emit()\"\n      text=\"Switch To Table\"\n      styleType=\"ylw-outline\"\n    ></verbena-button>\n    <verbena-button\n      text=\"Save\"\n      bgColor=\"#28a745\"\n      textColor=\"#404040\"\n      borderRadius=\"10px\"\n      pd=\"10px 20px\"\n      [bgColor]=\"'#FFE681'\"\n      width=\"114px\"\n      height=\"39px\"\n    ></verbena-button>\n  </div>\n</form>\n","import { Component, ViewChild } from '@angular/core';\nimport { columns } from './sso.columns';\nimport { mockData } from './helper';\nimport { baseStyle } from './base-table-style';\nimport {\n  CardData,\n  CardDataViewComponent,\n  ColumnDefinition,\n  DataFilterType,\n  DataViewComponent,\n  IDataFilter,\n} from 'verben-ng-ui';\nimport { SingleSignOn } from 'verben-authentication-ui/src/lib/models';\n\n@Component({\n  selector: 'lib-sso',\n  templateUrl: './sso.component.html',\n  styleUrl: './sso.component.css',\n})\nexport class SsoComponent {\n  @ViewChild('vdcv') cardDataView!: CardDataViewComponent;\n  @ViewChild('vdv') dataView!: DataViewComponent;\n\n  columns = columns;\n  data = mockData;\n  filteredColumns: ColumnDefinition<SingleSignOn>[] = columns;\n  styles = baseStyle;\n  currentData: CardData | null = null;\n  isGridView = true;\n  selected: CardData | null = null;\n\n  cardData: CardData[] = mockData.map(({ Name, Description, Link, Logo }) => ({\n    selected: false,\n    title: Name,\n    data: { Name, Description, Link, Logo } as Partial<SingleSignOn>,\n    body: [{ title: 'Description', value: Description ?? '' }],\n    children: [],\n  }));\n\n  openDetailView(name: string) {\n    const cardItem = this.getCardDataByMailAddress(name);\n    if (cardItem && this.cardDataView) {\n      this.dataView.toggleView();\n      this.cardData.forEach((item) => {\n        item.selected = false;\n        if (item.children) {\n          item.children.forEach((child) => (child.selected = false));\n        }\n      });\n\n      cardItem.selected = true;\n      this.currentData = this.cardDataView.onItemClick(cardItem);\n    }\n  }\n\n  getCardDataByMailAddress(name: string): CardData | undefined {\n    return this.cardData.find(({ data }) => data.Name === name);\n  }\n\n  onViewChange(isGridView: boolean): void {\n    isGridView = isGridView;\n\n    if (this.currentData) {\n      this.cardDataView?.clearData();\n      this.currentData = null;\n    }\n\n    if (this.selected) {\n      this.cardDataView.onItemClick(this.selected);\n    }\n  }\n\n  openFormView(index: number) {\n    const item = this.cardData[index];\n    console.log('ITEM = ', item);\n  }\n\n  handleExport(exportedData: Partial<any>[]) {\n    console.log('Exported data:', exportedData);\n    this.downloadCSV(exportedData);\n  }\n\n  /**\n   *\n   * @param data Simple csv export for testing\n   */\n  private downloadCSV(data: Partial<any>[]) {\n    const headers = Object.keys(data[0]);\n    const csvContent = [\n      headers.join(','),\n      ...data.map((row) => headers.map((header) => row[header]).join(',')),\n    ].join('\\n');\n\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', 'export.csv');\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    }\n  }\n\n  onSelectionChange(selectedRows: SingleSignOn[]) {\n    console.log('Selection changed:', selectedRows);\n    // Handle the selection change\n  }\n\n  /**\n   * Copied over from card view doc until I understand usage\n   */\n  selectedColumnCount: number = 0;\n  selectedFilterTableCount: number = 0;\n  isOPen: boolean = true;\n  selectedSortCount: number = 0;\n  showColumn: boolean = false;\n  showSort: boolean = false;\n  showExport: boolean = false;\n  selectedAll: boolean = false;\n  showFilter: boolean = false;\n  visibleColumns: IDataFilter[] = columns.map((col) => ({\n    checked: false,\n    name: typeof col.header === 'string' ? col.header : col.id,\n    type: DataFilterType.Bool,\n  }));\n  filterArray: IDataFilter[] = [\n    {\n      name: 'Name',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Description',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Logo',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Link',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'CreatedAt',\n      type: DataFilterType.Date,\n      checked: false,\n    },\n  ];\n  sortOptions: IDataFilter[] = [\n    {\n      name: 'Name',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Description',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Link',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'Logo',\n      type: DataFilterType.String,\n      checked: false,\n    },\n    {\n      name: 'CreatedAt',\n      type: DataFilterType.Date,\n      checked: false,\n    },\n  ];\n  clearData() {\n    this.currentData = {} as CardData;\n  }\n  loadMore() {\n    this.cardData = this.cardData.concat(this.cardData);\n  }\n  onColumnChange(event: boolean) {\n    this.showColumn = event;\n  }\n  onSortChange(event: boolean) {\n    this.showSort = false;\n    console.log(event);\n  }\n\n  onColumnsUpdated(updatedColumns: IDataFilter[]) {\n    this.showColumn = false;\n    this.selectedColumnCount = updatedColumns.length;\n\n    if (updatedColumns) {\n      // Filter columns to include only visible ones\n      this.filteredColumns = this.columns.filter((col) =>\n        this.visibleColumns.find(\n          (filter) => filter.name === col.header && filter.checked\n        )\n      );\n\n      // Reorder columns based on the order in visibleColumns\n      const visibleColumnOrder = this.visibleColumns\n        .filter((filter) => filter.checked)\n        .map((filter) => filter.name);\n\n      this.columns.sort((a, b) => {\n        const indexA = visibleColumnOrder.indexOf(a.header as string);\n        const indexB = visibleColumnOrder.indexOf(b.header as string);\n        return indexA - indexB;\n      });\n    }\n  }\n\n  onFilterApplied(appliedFilter: IDataFilter[]) {\n    this.showFilter = false;\n    if (Array.isArray(appliedFilter)) {\n      this.selectedFilterTableCount = appliedFilter.length;\n    } else {\n      console.log('appliedFilter is not an array');\n    }\n  }\n\n  onSortUpdated(updatedSorts: IDataFilter[]) {\n    this.onSortChange(false);\n    this.selectedSortCount = updatedSorts.length;\n    console.log(updatedSorts);\n  }\n\n  onStateChange(event: { key: string; value: boolean }): void {\n    switch (event.key) {\n      case 'column':\n        this.showColumn = event.value;\n        break;\n      case 'sort':\n        this.showSort = event.value;\n        break;\n      case 'export':\n        this.showExport = event.value;\n        break;\n      case 'filter':\n        this.showFilter = event.value;\n        break;\n      default:\n        break;\n    }\n  }\n}\n","<div class=\"space-y-8\">\n  <verben-data-view\n    #vdv\n    [viewState]=\"{\n        isSearch: true,\n        isColumn: true,\n        isFilter: true,\n        isSort: true,\n        isExport: true,\n        isSelect: true,\n        isToggle:true\n      }\"\n    [buttonClass]=\"'my-custom-button-class'\"\n    [iconClass]=\"'my-icon-class'\"\n    [activeIconClass]=\"'my-active-icon-class'\"\n    [selectedSortCount]=\"selectedSortCount\"\n    [selectedColumnCount]=\"selectedColumnCount\"\n    [selectedFilterTableCount]=\"selectedFilterTableCount\"\n    [showColumnChild]=\"showColumn\"\n    [showSortChild]=\"showSort\"\n    [showFilterChild]=\"showFilter\"\n    [isTableView]=\"false\"\n    [selectedFilterTableCount]=\"0\"\n    [cardIcon]=\"'list-view'\"\n    [tableIcon]=\"'table-view'\"\n    (viewChange)=\"onViewChange($event)\"\n    (stateChange)=\"onStateChange($event)\"\n  >\n    <div table-content>\n      <lib-data-table\n        [data]=\"data\"\n        [columns]=\"filteredColumns\"\n        [styleConfig]=\"styles\"\n        (selectionChange)=\"onSelectionChange($event)\"\n      >\n        <ng-container libColumn=\"createdAt\">\n          <ng-template #cell let-value>\n            {{ value | date }}\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"logo\">\n          <ng-template #cell let-value>\n            <img class=\"logo-width\" [src]=\"value\"/>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"actions\">\n          <ng-template #cell let-value let-deleteRow let-rowIndex>\n            <div class=\"flex space-x-8\" style=\"display: flex; gap: 24px\">\n              <verben-svg\n                (click)=\"openDetailView(value)\"\n                icon=\"edit\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#3479E9\"\n                fill=\"white\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n              <verben-svg\n                icon=\"delete\"\n                [width]=\"15\"\n                [height]=\"15\"\n                stroke=\"#E20000\"\n                (click)=\"deleteRow()\"\n                class=\"cursor-pointer\"\n              ></verben-svg>\n            </div>\n          </ng-template>\n          <ng-template #header>\n            <strong>Actions</strong>\n          </ng-template>\n        </ng-container>\n      </lib-data-table>\n    </div>\n    <div card-content>\n      <verben-card-data-view\n        borderRadius=\"12px\"\n        (loadMoreClick)=\"loadMore()\"\n        #vdcv\n        dataId=\"Link\"\n        border=\"5px\"\n        [cardDataList]=\"cardData\"\n        rbgColor=\"#f5f6f9\"\n      >\n        <verben-left-card-data-view class=\"\">\n          <verben-left-card-data\n            #vlcd\n            [parent]=\"vdcv\"\n            dataId=\"Link\"\n            class=\"bg-secondary-100 rounded-xl border-primary border-[1px]\"\n            [cardDataList]=\"cardData\"\n          >\n            <ng-template #card let-item>\n              <div (click)=\"currentData = vdcv.onItemClick(item)\" class=\"flex\">\n                <verben-svg\n                  [width]=\"15\"\n                  [height]=\"15\"\n                  (click)=\"vlcd.showChildren(item)\"\n                  [ngClass]=\"vlcd.showToggle(item) ? 'visible' : 'invisible'\"\n                  class=\"items-center flex pr-1 cursor-pointer\"\n                  [icon]=\"item.isChildrenExpanded ? 'minus' : 'plus'\"\n                />\n                <div\n                  (click)=\"currentData = vdcv.onItemClick(item)\"\n                  class=\"flex cursor-pointer w-full bg-secondary rounded-xl\"\n                >\n                  <div\n                    class=\"w-3 rounded-xl rounded-tr-none rounded-br-none\"\n                    [ngClass]=\"\n                      item.selected ? 'bg-primary' : 'bg-secondary-200'\n                    \"\n                  ></div>\n                  <div class=\"flex flex-col py-2 px-4 w-full\">\n                    <div class=\"flex\">\n                      <span class=\"font-bold text-sm\">{{ item.data.Name }}</span>\n                    </div>\n                    @for (ciItem of item.body; track ciItem.value) {\n                    <div class=\"flex items-center justify-between gap-2\">\n                      <div>\n                        <span class=\"text-muted font-light text-xs\"\n                          >{{ ciItem.title }}:</span\n                        >\n                        <span class=\"text-black text-xs font-semibold\">{{ item.data.Description }}</span>\n                      </div>\n                      <img class=\"logo-width\" [alt]=\"ciItem.title\" [src]=\"item.data.Logo\"/>\n                    </div>\n                    }\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </verben-left-card-data>\n        </verben-left-card-data-view>\n\n        <verben-right-card-data-view>\n          <ng-template #parent>\n            <lib-sso-form\n              [currentData]=\"currentData\"\n              (switchView)=\"vdv.toggleView()\"\n            ></lib-sso-form>\n          </ng-template>\n        </verben-right-card-data-view>\n\n        <verben-card-data-view-footer class=\"float-right\">\n          <div class=\"flex gap-2 mt-1\">\n            <span class=\"paginator-text\"\n              >{{ cardData.length }} records loaded</span\n            >\n            <button (click)=\"loadMore()\" class=\"load-more\">Load more</button>\n          </div>\n        </verben-card-data-view-footer>\n      </verben-card-data-view>\n    </div>\n    <div column-content>\n      <verben-visible-column\n        (columnsUpdated)=\"onColumnsUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        [columns]=\"visibleColumns\"\n        [displayedColumns]=\"5\"\n      ></verben-visible-column>\n    </div>\n    <div filter-content>\n      <verben-table-filter\n      (filtersApplied)=\"onFilterApplied($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"420px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [filterOptions]=\"filterArray\"\n        [maxFilterLength]=\"3\"\n      ></verben-table-filter>\n    </div>\n    <div sort-content>\n      <verben-sort-table\n        (selectedOptions)=\"onSortUpdated($event)\"\n        [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\"\n        boxShadow=\"2px 2px 2px 0px silver\"\n        bgColor=\"white\"\n        width=\"400px\"\n        textColor=\"black\"\n        pd=\"1rem\"\n        primaryColor=\"#FFE681\"\n        secondaryColor=\"#3479E9\"\n        tertiaryColor=\"#404040\"\n        [enableDragAndDrop]=\"true\"\n        [sortOptions]=\"sortOptions\"\n      ></verben-sort-table>\n    </div>\n    <div export-content>\n      <lib-data-export [data]=\"data\" (exportDataEvent)=\"handleExport($event)\">\n      </lib-data-export>\n    </div>\n  </verben-data-view>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport {\n  DataViewModule,\n  TableFilterModule,\n  SortTableModule,\n  DataExportModule,\n  VisibleColumnModule,\n  VerbenaButtonModule,\n  CardDataViewModule,\n  SvgModule,\n  VerbenaInputModule,\n  DataTableModule,\n  VerbenaTextareaModule,\n} from 'verben-ng-ui';\nimport { SsoComponent } from './sso.component';\nimport { SsoFormComponent } from './sso-form/sso-form.component';\n@NgModule({\n  declarations: [SsoComponent,SsoFormComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    DataViewModule,\n    TableFilterModule,\n    SortTableModule,\n    DataExportModule,\n    VisibleColumnModule,\n    VerbenaButtonModule,\n    CardDataViewModule,\n    VerbenaInputModule,\n    SvgModule,\n    VerbenaTextareaModule,\n    DataTableModule,\n  ],\n  exports: [SsoComponent],\n})\nexport class SsoModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i1","i3.SsoFormComponent"],"mappings":"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"}