@ng-formworks/cssframework 17.2.7 → 18.0.0

package/fesm2022/ng-formworks-cssframework.mjs

@@ -0,0 +1,432 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ViewEncapsulation, Input, InjectionToken, NgModule, Inject } from '@angular/core';
+import * as i1 from '@ng-formworks/core';
+import { addClasses, inArray, JsonSchemaFormModule, WidgetLibraryModule, JsonSchemaFormService, FrameworkLibraryService, WidgetLibraryService, Framework } from '@ng-formworks/core';
+import _, { cloneDeep, map } from 'lodash';
+import { Subject } from 'rxjs';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class CssframeworkService {
+    constructor() {
+        this.frameworkThemeSubject = new Subject();
+        this.frameworkTheme$ = this.frameworkThemeSubject.asObservable();
+    }
+    //TODO-review: this acts as a public api to change the theme
+    //but doesn't do the actual change, instead it relies on 
+    //the CssFramewkCoromponent having subscribed to listen 
+    //and perform the actual theme change
+    requestThemeChange(themeName) {
+        this.frameworkThemeSubject.next(themeName);
+        this.activeRequestedTheme = themeName;
+    }
+    //TODO-review:there's no way of knowing what the individual component instance
+    //has set its theme to, this is just the theme made through the requestThemeChange
+    //calls and not guaranteed to correspond to the actual theme set by the 
+    //component instance themselves
+    getActiveRequestedTheme() {
+        return this.activeRequestedTheme;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssframeworkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssframeworkService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssframeworkService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CssFrameworkComponent {
+    //TODO-move to ng-formworks/core utility.functions.ts
+    applyCssClasses(type, widgetOptions, styleOptions) {
+        //console.log("applyCssClasses for type:"+type);
+        let cssClasses = this.widgetStyles[type];
+        if (!cssClasses || _.isEmpty(cssClasses)) {
+            cssClasses = this.widgetStyles.default;
+        }
+        Object.keys(cssClasses).forEach(catName => {
+            let classList = cssClasses[catName];
+            if (classList.length) {
+                widgetOptions[catName] = addClasses(widgetOptions[catName], classList);
+            }
+            if (styleOptions) {
+                widgetOptions[catName] = addClasses(widgetOptions[catName], styleOptions);
+            }
+        });
+    }
+    flattenWidgetStyles(wstyles) {
+        var flattened = {};
+        let ignore = ['__themes__'];
+        Object.keys(wstyles).forEach(wkey => {
+            let wstyle = wstyles[wkey];
+            if (ignore.indexOf(wkey) >= 0) {
+                flattened[wkey] = wstyle;
+                return;
+            }
+            if (_.isArray(wstyle)) {
+                flattened[wkey] = wstyle.join(" ");
+            }
+            if (_.isObject(wstyle)) { //is csscategories
+                flattened[wkey] = flattened[wkey] || {};
+                Object.keys(wstyle).forEach(catName => {
+                    let cssCat = wstyle[catName];
+                    if (_.isArray(cssCat)) {
+                        flattened[wkey][catName] = cssCat.join(" ");
+                    }
+                    else {
+                        flattened[wkey][catName] = cssCat;
+                    }
+                });
+            }
+            if (_.isString(wstyle)) {
+                flattened[wkey] = wstyle;
+            }
+        });
+        return flattened;
+    }
+    constructor(changeDetector, jsf, jsfFLService, cssFWService
+    /*@Inject(CSS_FRAMEWORK_CFG ) fwcfg: css_fw.frameworkcfg*/
+    ) {
+        this.changeDetector = changeDetector;
+        this.jsf = jsf;
+        this.jsfFLService = jsfFLService;
+        this.cssFWService = cssFWService;
+        this.frameworkInitialized = false;
+        this.formControl = null;
+        this.debugOutput = '';
+        this.debug = '';
+        this.parentArray = null;
+        this.isOrderable = false;
+        this.defaultStyling = {
+            array: {},
+            default: { fieldHtmlClass: "cssfw-form-control" },
+            __themes__: [{ name: 'notheme', text: 'None' }],
+            __remove_item__: "cssfw-remove-item",
+            __array_item_nonref__: {
+                "htmlClass": "cssfw-array-item-nonref"
+            },
+            __active__: { activeClass: "cssfw-active" },
+            __array__: { htmlClass: "cssfw-array" },
+            __control_label__: { labelHtmlClass: "cssfw-control-label" },
+            __form_group__: { htmlClass: "cssfw-form-group" },
+            __field_addon_left__: "cssfw-addon-left",
+            __field_addon_right__: "cssfw-addon-right",
+            __help_block__: "cssfw-help-block",
+            __required_asterisk__: "cssfw-required-astersisk",
+            __screen_reader__: "cssfw-screen-reader"
+        };
+        let activeFramework = this.jsfFLService.activeFramework;
+        let fwcfg = activeFramework.config || {};
+        this.widgetStyles = Object.assign(this.defaultStyling, fwcfg.widgetstyles);
+        let defaultTheme = this.widgetStyles.__themes__[0];
+        let defaultThemeName = cssFWService.activeRequestedTheme || defaultTheme.name;
+        this.theme = this.options?.theme || defaultThemeName;
+        this.frameworkThemeSubs = cssFWService.frameworkTheme$.subscribe(newTheme => {
+            this.theme = newTheme;
+        });
+    }
+    ngOnDestroy() {
+        this.frameworkThemeSubs.unsubscribe();
+        this.frameworkThemeSubs = null;
+    }
+    get showRemoveButton() {
+        if (!this.options.removable || this.options.readonly ||
+            this.layoutNode.type === '$ref') {
+            return false;
+        }
+        if (this.layoutNode.recursiveReference) {
+            return true;
+        }
+        if (!this.layoutNode.arrayItem || !this.parentArray) {
+            return false;
+        }
+        // If array length <= minItems, don't allow removing any items
+        return this.parentArray.items.length - 1 <= this.parentArray.options.minItems ? false :
+            // For removable list items, allow removing any item
+            this.layoutNode.arrayItemType === 'list' ? true :
+                // For removable tuple items, only allow removing last item in list
+                this.layoutIndex[this.layoutIndex.length - 1] === this.parentArray.items.length - 2;
+    }
+    ngOnInit() {
+        this.initializeFramework();
+        if (this.layoutNode.arrayItem && this.layoutNode.type !== '$ref') {
+            this.parentArray = this.jsf.getParentNode(this);
+            if (this.parentArray) {
+                this.isOrderable = this.layoutNode.arrayItemType === 'list' &&
+                    !this.options.readonly && this.parentArray.options.orderable;
+            }
+        }
+    }
+    ngOnChanges() {
+        if (!this.frameworkInitialized) {
+            this.initializeFramework();
+        }
+    }
+    initializeFramework() {
+        if (this.layoutNode) {
+            this.options = cloneDeep(this.layoutNode.options);
+            this.widgetLayoutNode = {
+                ...this.layoutNode,
+                options: cloneDeep(this.layoutNode.options)
+            };
+            this.widgetOptions = this.widgetLayoutNode.options;
+            this.formControl = this.jsf.getFormControl(this);
+            this.options.isInputWidget = inArray(this.layoutNode.type, [
+                'button', 'checkbox', 'checkboxes-inline', 'checkboxes', 'color',
+                'date', 'datetime-local', 'datetime', 'email', 'file', 'hidden',
+                'image', 'integer', 'month', 'number', 'password', 'radio',
+                'radiobuttons', 'radios-inline', 'radios', 'range', 'reset', 'search',
+                'select', 'submit', 'tel', 'text', 'textarea', 'time', 'url', 'week'
+            ]);
+            this.options.title = this.setTitle();
+            this.options.htmlClass =
+                addClasses(this.options.htmlClass, 'schema-form-' + this.layoutNode.type);
+            if (this.layoutNode.type === 'array') {
+                this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__array__.htmlClass);
+            }
+            else if (this.layoutNode.arrayItem && this.layoutNode.type !== '$ref') {
+                this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__array_item_nonref__.htmlClass);
+            }
+            else {
+                this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__form_group__.htmlClass);
+            }
+            /*
+            this.options.htmlClass =
+            this.layoutNode.type === 'array' ?
+              addClasses(this.options.htmlClass, ['border','shadow-md','p-1']) :
+              this.layoutNode.arrayItem && this.layoutNode.type !== '$ref' ?
+                addClasses(this.options.htmlClass, ['border','shadow-md','p-1']) :
+                addClasses(this.options.htmlClass, 'mb-1');
+      */
+            /*
+            this.options.htmlClass =
+            this.layoutNode.type === 'array' ?
+            addClasses(this.options.htmlClass, this.widgetStyles.array.htmlClass):
+              this.layoutNode.arrayItem && this.layoutNode.type !== '$ref' ?
+              addClasses(this.options.htmlClass, this.widgetStyles.__array_item_nonref__.htmlClass):
+              addClasses(this.options.htmlClass, this.widgetStyles.__form_group__.htmlClass);
+            */
+            this.widgetOptions.htmlClass = '';
+            this.options.labelHtmlClass =
+                addClasses(this.options.labelHtmlClass, this.widgetStyles.__control_label__.labelHtmlClass);
+            this.widgetOptions.activeClass =
+                addClasses(this.widgetOptions.activeClass, this.widgetStyles.__active__.activeClass);
+            this.options.fieldAddonLeft =
+                this.options.fieldAddonLeft || this.options.prepend;
+            this.options.fieldAddonRight =
+                this.options.fieldAddonRight || this.options.append;
+            // Add asterisk to titles if required
+            if (this.options.title && this.layoutNode.type !== 'tab' &&
+                !this.options.notitle && this.options.required &&
+                !this.options.title.includes('*')) {
+                let required_asterisk_class = this.widgetStyles.__required_asterisk__ || 'text-danger';
+                this.options.title += ` <strong class="${required_asterisk_class}">*</strong>`;
+            }
+            if (this.layoutNode.type == 'optionfieldset') {
+                this.options.messageLocation = 'top';
+            }
+            // Set miscelaneous styles and settings for each control type
+            this.applyCssClasses(this.layoutNode.type, this.widgetOptions, this.options.style);
+            if (this.formControl) {
+                this.updateHelpBlock(this.formControl.status);
+                this.formControl.statusChanges.subscribe(status => this.updateHelpBlock(status));
+                if (this.options.debug) {
+                    const vars = [];
+                    this.debugOutput = map(vars, thisVar => JSON.stringify(thisVar, null, 2)).join('\n');
+                }
+            }
+            this.frameworkInitialized = true;
+        }
+    }
+    updateHelpBlock(status) {
+        this.options.helpBlock = status === 'INVALID' &&
+            this.options.enableErrorState && this.formControl.errors &&
+            (this.formControl.dirty || this.options.feedbackOnRender) ?
+            this.jsf.formatErrors(this.formControl.errors, this.options.validationMessages) :
+            this.options.description || this.options.help || null;
+    }
+    setTitle() {
+        switch (this.layoutNode.type) {
+            case 'button':
+            case 'checkbox':
+            case 'section':
+            case 'help':
+            case 'msg':
+            case 'submit':
+            case 'message':
+            case 'tabarray':
+            case 'tabs':
+            case '$ref':
+                return null;
+            case 'advancedfieldset':
+                this.widgetOptions.expandable = true;
+                this.widgetOptions.title = 'Advanced options';
+                return null;
+            case 'authfieldset':
+                this.widgetOptions.expandable = true;
+                this.widgetOptions.title = 'Authentication settings';
+                return null;
+            case 'fieldset':
+                this.widgetOptions.title = this.options.title;
+                return null;
+            default:
+                this.widgetOptions.title = null;
+                return this.jsf.setItemTitle(this);
+        }
+    }
+    removeItem() {
+        this.jsf.removeItem(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.JsonSchemaFormService }, { token: i1.FrameworkLibraryService }, { token: CssframeworkService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CssFrameworkComponent, selector: "css-framework", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex", widgetStyles: "widgetStyles" }, usesOnChanges: true, ngImport: i0, template: "<div [attr.data-bs-theme]=\"theme\" [attr.data-theme]=\"theme\" [class]=\"options?.htmlClass || ''\" [class.has-feedback]=\"options?.feedback && options?.isInputWidget &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-error]=\"options?.enableErrorState && formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-success]=\"options?.enableSuccessState && !formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\">\r\n\r\n    <button *ngIf=\"showRemoveButton\" [class]=\"widgetStyles.__remove_item__\" type=\"button\" (click)=\"removeItem()\">\r\n    <span aria-hidden=\"true\">&times;</span>\r\n    <span [class]=\"widgetStyles.__screen_reader__\">Close</span>\r\n  </button>\r\n    <div *ngIf=\"options?.messageLocation === 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n    <label *ngIf=\"options?.title && layoutNode?.type !== 'tab'\" [attr.for]=\"'control' + layoutNode?._id\" [class]=\"options?.labelHtmlClass || ''\" [class.sr-only]=\"options?.notitle\" [innerHTML]=\"options?.title\"></label>\r\n    <p *ngIf=\"layoutNode?.type === 'submit' && jsf?.formOptions?.fieldsRequired\">\r\n        <strong [class]=\"widgetStyles.__required_asterisk__\">*</strong> = required fields\r\n    </p>\r\n    <div [class.input-group]=\"options?.fieldAddonLeft || options?.fieldAddonRight\">\r\n        <span *ngIf=\"options?.fieldAddonLeft\" [class]=\"widgetStyles.__field_addon_left__\" [innerHTML]=\"options?.fieldAddonLeft\"></span>\r\n\r\n        <select-widget-widget [layoutNode]=\"widgetLayoutNode\" [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\"></select-widget-widget>\r\n\r\n        <span *ngIf=\"options?.fieldAddonRight\" [class]=\"widgetStyles.__field_addon_right__\" [innerHTML]=\"options?.fieldAddonRight\"></span>\r\n    </div>\r\n\r\n    <span *ngIf=\"options?.feedback && options?.isInputWidget &&\r\n          !options?.fieldAddonRight && !layoutNode.arrayItem &&\r\n          (formControl?.dirty || options?.feedbackOnRender)\" [class.glyphicon-ok]=\"options?.enableSuccessState && !formControl?.errors\" [class.glyphicon-remove]=\"options?.enableErrorState && formControl?.errors\" aria-hidden=\"true\" class=\"form-control-feedback glyphicon\"></span>\r\n    <div *ngIf=\"options?.messageLocation !== 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n</div>\r\n\r\n<div *ngIf=\"debug && debugOutput\">debug:\r\n    <pre>{{debugOutput}}</pre>\r\n</div>\r\n\r\n<!--\r\n<div class=\"btn input input-bordered input-primary w-full max-w-xs\r\nbtn-neutral\r\nbtn-primary\r\nbtn-secondary\r\nbtn-accent\r\nbtn-info\r\nbtn-success\r\nbtn-warning\r\nbtn-error\r\nbtn-ghost\r\nbtn-link\r\nbtn-outline\r\nbtn-active\r\nbtn-disabled\r\nglass\r\nno-animation\r\nbtn-lg\r\nbtn-md\r\nbtn-sm\r\nbtn-xs\r\nbtn-wide\r\nbtn-block\r\nbtn-circle\r\nbtn-square\r\nhidden\r\n\">defs al</div>\r\n-->\r\n<!--<input type=\"text\" placeholder=\"Type here\" class=\"input input-bordered input-primary w-full max-w-xs\" />-->", styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.checkbox-inline,.checkbox-inline+.checkbox-inline,.checkbox-inline+.radio-inline,.radio-inline,.radio-inline+.radio-inline,.radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}.checkbox-inline:last-child,.radio-inline:last-child{margin-right:0}.ng-invalid.ng-touched{border:1px solid #f44336}\n"], dependencies: [{ kind: "component", type: i1.SelectWidgetComponent, selector: "select-widget-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'css-framework', encapsulation: ViewEncapsulation.None, template: "<div [attr.data-bs-theme]=\"theme\" [attr.data-theme]=\"theme\" [class]=\"options?.htmlClass || ''\" [class.has-feedback]=\"options?.feedback && options?.isInputWidget &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-error]=\"options?.enableErrorState && formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-success]=\"options?.enableSuccessState && !formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\">\r\n\r\n    <button *ngIf=\"showRemoveButton\" [class]=\"widgetStyles.__remove_item__\" type=\"button\" (click)=\"removeItem()\">\r\n    <span aria-hidden=\"true\">&times;</span>\r\n    <span [class]=\"widgetStyles.__screen_reader__\">Close</span>\r\n  </button>\r\n    <div *ngIf=\"options?.messageLocation === 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n    <label *ngIf=\"options?.title && layoutNode?.type !== 'tab'\" [attr.for]=\"'control' + layoutNode?._id\" [class]=\"options?.labelHtmlClass || ''\" [class.sr-only]=\"options?.notitle\" [innerHTML]=\"options?.title\"></label>\r\n    <p *ngIf=\"layoutNode?.type === 'submit' && jsf?.formOptions?.fieldsRequired\">\r\n        <strong [class]=\"widgetStyles.__required_asterisk__\">*</strong> = required fields\r\n    </p>\r\n    <div [class.input-group]=\"options?.fieldAddonLeft || options?.fieldAddonRight\">\r\n        <span *ngIf=\"options?.fieldAddonLeft\" [class]=\"widgetStyles.__field_addon_left__\" [innerHTML]=\"options?.fieldAddonLeft\"></span>\r\n\r\n        <select-widget-widget [layoutNode]=\"widgetLayoutNode\" [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\"></select-widget-widget>\r\n\r\n        <span *ngIf=\"options?.fieldAddonRight\" [class]=\"widgetStyles.__field_addon_right__\" [innerHTML]=\"options?.fieldAddonRight\"></span>\r\n    </div>\r\n\r\n    <span *ngIf=\"options?.feedback && options?.isInputWidget &&\r\n          !options?.fieldAddonRight && !layoutNode.arrayItem &&\r\n          (formControl?.dirty || options?.feedbackOnRender)\" [class.glyphicon-ok]=\"options?.enableSuccessState && !formControl?.errors\" [class.glyphicon-remove]=\"options?.enableErrorState && formControl?.errors\" aria-hidden=\"true\" class=\"form-control-feedback glyphicon\"></span>\r\n    <div *ngIf=\"options?.messageLocation !== 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n</div>\r\n\r\n<div *ngIf=\"debug && debugOutput\">debug:\r\n    <pre>{{debugOutput}}</pre>\r\n</div>\r\n\r\n<!--\r\n<div class=\"btn input input-bordered input-primary w-full max-w-xs\r\nbtn-neutral\r\nbtn-primary\r\nbtn-secondary\r\nbtn-accent\r\nbtn-info\r\nbtn-success\r\nbtn-warning\r\nbtn-error\r\nbtn-ghost\r\nbtn-link\r\nbtn-outline\r\nbtn-active\r\nbtn-disabled\r\nglass\r\nno-animation\r\nbtn-lg\r\nbtn-md\r\nbtn-sm\r\nbtn-xs\r\nbtn-wide\r\nbtn-block\r\nbtn-circle\r\nbtn-square\r\nhidden\r\n\">defs al</div>\r\n-->\r\n<!--<input type=\"text\" placeholder=\"Type here\" class=\"input input-bordered input-primary w-full max-w-xs\" />-->", styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.checkbox-inline,.checkbox-inline+.checkbox-inline,.checkbox-inline+.radio-inline,.radio-inline,.radio-inline+.radio-inline,.radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}.checkbox-inline:last-child,.radio-inline:last-child{margin-right:0}.ng-invalid.ng-touched{border:1px solid #f44336}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.JsonSchemaFormService }, { type: i1.FrameworkLibraryService }, { type: CssframeworkService }], propDecorators: { layoutNode: [{
+                type: Input
+            }], layoutIndex: [{
+                type: Input
+            }], dataIndex: [{
+                type: Input
+            }], widgetStyles: [{
+                type: Input
+            }] } });
+
+const CSS_FRAMEWORK_CFG = new InjectionToken('CSS_FRAMEWORK_CFG');
+var css_fw;
+(function (css_fw) {
+    class csscategories {
+    }
+    css_fw.csscategories = csscategories;
+})(css_fw || (css_fw = {}));
+
+class CssFrameworkModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkModule, declarations: [CssFrameworkComponent], imports: [JsonSchemaFormModule,
+            CommonModule,
+            WidgetLibraryModule], exports: [CssFrameworkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkModule, providers: [
+            JsonSchemaFormService,
+            FrameworkLibraryService,
+            WidgetLibraryService,
+            CssframeworkService
+            // { provide: Framework, useClass: CssFramework, multi: true },
+        ], imports: [JsonSchemaFormModule,
+            CommonModule,
+            WidgetLibraryModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFrameworkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CssFrameworkComponent
+                    ],
+                    imports: [
+                        JsonSchemaFormModule,
+                        CommonModule,
+                        WidgetLibraryModule,
+                    ],
+                    exports: [
+                        CssFrameworkComponent
+                    ],
+                    providers: [
+                        JsonSchemaFormService,
+                        FrameworkLibraryService,
+                        WidgetLibraryService,
+                        CssframeworkService
+                        // { provide: Framework, useClass: CssFramework, multi: true },
+                    ]
+                }]
+        }] });
+
+class CssFramework extends Framework {
+    constructor(cfg, cssFWService) {
+        super();
+        this.cssFWService = cssFWService;
+        this.name = 'css';
+        this.framework = CssFrameworkComponent;
+        this.name = cfg.name;
+        this.text = cfg.text || this.name;
+        this.stylesheets = cfg.stylesheets;
+        this.scripts = cfg.scripts;
+        this.config = cfg;
+        this.widgets = cfg.widgets;
+    }
+    getActiveTheme() {
+        let activeRequestedThemeName = this.cssFWService.getActiveRequestedTheme();
+        let frameWorkThemes = this.config?.widgetstyles?.__themes__;
+        let theme = frameWorkThemes && frameWorkThemes[0];
+        if (activeRequestedThemeName) { //if not set return first theme in config;
+            theme = { name: activeRequestedThemeName, text: activeRequestedThemeName };
+            if (frameWorkThemes) {
+                let filtered = frameWorkThemes.filter(theme => { return theme.name == activeRequestedThemeName; });
+                theme = (filtered && filtered[0]) || theme;
+            }
+        }
+        return theme;
+    }
+    requestThemeChange(name) {
+        this.cssFWService.requestThemeChange(name);
+    }
+    registerTheme(newTheme, overwrite = true) {
+        let themeList = this.config?.widgetstyles?.__themes__ || [];
+        let matchedThemes = themeList.filter(theme => { return newTheme.name == theme.name; });
+        if (matchedThemes && matchedThemes[0]) {
+            if (overwrite) {
+                matchedThemes[0].text = newTheme.text;
+                return true;
+            }
+            if (!overwrite) {
+                return false;
+            }
+        }
+        if (!matchedThemes || matchedThemes.length == 0) {
+            let cfg = this.config;
+            cfg.widgetstyles = this.config.widgetstyles || {};
+            cfg.widgetstyles.__themes__ = cfg.widgetstyles.__themes__ || [];
+            cfg.widgetstyles.__themes__.push(newTheme);
+            return true;
+        }
+    }
+    ;
+    unregisterTheme(name) {
+        let themeList = this.config?.widgetstyles?.__themes__;
+        let foundInd = -1;
+        if (themeList) {
+            themeList.forEach((theme, ind) => {
+                if (name == theme.name) {
+                    foundInd = ind;
+                }
+            });
+            if (foundInd >= 0) {
+                themeList.splice(foundInd, 1);
+                return true;
+            }
+        }
+        return false;
+    }
+    getConfig() {
+        return this.config;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFramework, deps: [{ token: CSS_FRAMEWORK_CFG }, { token: CssframeworkService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFramework }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CssFramework, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CSS_FRAMEWORK_CFG]
+                }] }, { type: CssframeworkService }] });
+
+/*
+ * Public API Surface of ng-formworks-cssframework
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CSS_FRAMEWORK_CFG, CssFramework, CssFrameworkComponent, CssFrameworkModule, CssframeworkService, css_fw };
+//# sourceMappingURL=ng-formworks-cssframework.mjs.map

package/fesm2022/ng-formworks-cssframework.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-formworks-cssframework.mjs","sources":["../../../../projects/ng-formworks-cssframework/src/lib/css-framework.service.ts","../../../../projects/ng-formworks-cssframework/src/lib/css-framework.component.ts","../../../../projects/ng-formworks-cssframework/src/lib/css-framework.component.html","../../../../projects/ng-formworks-cssframework/src/lib/css-framework.defs.ts","../../../../projects/ng-formworks-cssframework/src/lib/css-framework.module.ts","../../../../projects/ng-formworks-cssframework/src/lib/css.framework.ts","../../../../projects/ng-formworks-cssframework/src/public-api.ts","../../../../projects/ng-formworks-cssframework/src/ng-formworks-cssframework.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CssframeworkService {\r\n\r\n  frameworkTheme$: Observable<string>;\r\n  activeRequestedTheme:string;\r\n  frameworkThemeSubject: Subject<string>;\r\n  constructor() {\r\n    this.frameworkThemeSubject = new Subject<string>();\r\n    this.frameworkTheme$ = this.frameworkThemeSubject.asObservable();\r\n   }\r\n\r\n   //TODO-review: this acts as a public api to change the theme\r\n   //but doesn't do the actual change, instead it relies on \r\n   //the CssFramewkCoromponent having subscribed to listen \r\n   //and perform the actual theme change\r\n   requestThemeChange(themeName:string){\r\n      this.frameworkThemeSubject.next(themeName);\r\n      this.activeRequestedTheme=themeName;\r\n   }\r\n\r\n   //TODO-review:there's no way of knowing what the individual component instance\r\n   //has set its theme to, this is just the theme made through the requestThemeChange\r\n   //calls and not guaranteed to correspond to the actual theme set by the \r\n   //component instance themselves\r\n   getActiveRequestedTheme():string{\r\n      return this.activeRequestedTheme;\r\n   }\r\n}\r\n","import { ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { FrameworkLibraryService, JsonSchemaFormService, addClasses, inArray } from '@ng-formworks/core';\r\nimport _, { cloneDeep, map } from 'lodash';\r\nimport { Subscription } from 'rxjs';\r\nimport { css_fw } from './css-framework.defs';\r\nimport { CssframeworkService } from './css-framework.service';\r\n\r\n@Component({\r\n  selector: 'css-framework',\r\n  templateUrl: './css-framework.component.html',\r\n  styleUrls: ['./css-framework.component.scss'],\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CssFrameworkComponent implements OnInit, OnChanges,OnDestroy {\r\n  frameworkInitialized = false;\r\n  widgetOptions: any; // Options passed to child widget\r\n  widgetLayoutNode: any; // layoutNode passed to child widget\r\n  options: any; // Options used in this framework\r\n  formControl: any = null;\r\n  debugOutput: any = '';\r\n  debug: any = '';\r\n  parentArray: any = null;\r\n  isOrderable = false;\r\n  @Input() layoutNode: any;\r\n  @Input() layoutIndex: number[];\r\n  @Input() dataIndex: number[];\r\n\r\n  @Input() widgetStyles: css_fw.widgetstyles;\r\n\r\n\r\n\r\n\r\n\r\n  //TODO-move to ng-formworks/core utility.functions.ts\r\n  applyCssClasses(type, widgetOptions, styleOptions) {\r\n    //console.log(\"applyCssClasses for type:\"+type);\r\n    let cssClasses = this.widgetStyles[type];\r\n    if (!cssClasses || _.isEmpty(cssClasses) ) {\r\n      cssClasses = this.widgetStyles.default;\r\n    }\r\n    Object.keys(cssClasses).forEach(catName => {\r\n      let classList = cssClasses[catName];\r\n\r\n      if (classList.length) {\r\n        widgetOptions[catName] = addClasses(widgetOptions[catName], classList);\r\n      }\r\n      if (styleOptions) {\r\n        widgetOptions[catName] = addClasses(widgetOptions[catName], styleOptions);\r\n      }\r\n\r\n    })\r\n  }\r\n\r\n  flattenWidgetStyles(wstyles:css_fw.widgetstyles){\r\n    var flattened:any={};\r\n    let ignore=['__themes__'];\r\n    Object.keys(wstyles).forEach(wkey=>{\r\n      let wstyle=wstyles[wkey];\r\n      if(ignore.indexOf(wkey)>=0){\r\n        flattened[wkey]=wstyle;\r\n        return;\r\n      }\r\n      if(_.isArray(wstyle)){\r\n        \r\n        flattened[wkey]=wstyle.join(\" \");\r\n      }\r\n      if(_.isObject(wstyle)){//is csscategories\r\n          flattened[wkey]=flattened[wkey]||{};\r\n        Object.keys(wstyle).forEach(catName=>{\r\n          let cssCat=wstyle[catName];\r\n          \r\n          if(_.isArray(cssCat)){\r\n            flattened[wkey][catName]=cssCat.join(\" \");\r\n          }else{\r\n            flattened[wkey][catName]=cssCat;\r\n          }\r\n        })\r\n      }\r\n      if(_.isString(wstyle)){\r\n        flattened[wkey]=wstyle;\r\n      }\r\n    })\r\n    return flattened\r\n}\r\n\r\ndefaultStyling:css_fw.widgetstyles={\r\n  array:{},\r\n  default:{fieldHtmlClass: \"cssfw-form-control\"},\r\n  __themes__:[{name:'notheme',text:'None'}],\r\n  __remove_item__:\"cssfw-remove-item\",\r\n    __array_item_nonref__:{\r\n      \"htmlClass\":   \"cssfw-array-item-nonref\"\r\n  },\r\n  __active__:{activeClass:\"cssfw-active\"},\r\n  __array__:{htmlClass:\"cssfw-array\"},\r\n  __control_label__:{labelHtmlClass:\"cssfw-control-label\"},\r\n  __form_group__:{htmlClass: \"cssfw-form-group\"},\r\n  __field_addon_left__:\"cssfw-addon-left\",\r\n  __field_addon_right__:\"cssfw-addon-right\",\r\n  __help_block__:\"cssfw-help-block\",\r\n  __required_asterisk__:\"cssfw-required-astersisk\",\r\n  __screen_reader__: \"cssfw-screen-reader\"\r\n\r\n}\r\n\r\n\r\n\r\n\r\ntheme:string\r\nframeworkThemeSubs:Subscription;\r\n  constructor(\r\n    public changeDetector: ChangeDetectorRef,\r\n    public jsf: JsonSchemaFormService,\r\n    public jsfFLService:FrameworkLibraryService,\r\n    public cssFWService:CssframeworkService\r\n    /*@Inject(CSS_FRAMEWORK_CFG ) fwcfg: css_fw.frameworkcfg*/\r\n\r\n  ) {\r\n    \r\n    let activeFramework:any=this.jsfFLService.activeFramework;\r\n    let fwcfg=activeFramework.config||{};\r\n    this.widgetStyles = Object.assign(this.defaultStyling,fwcfg.widgetstyles);\r\n    let defaultTheme=this.widgetStyles.__themes__[0];\r\n    let defaultThemeName=cssFWService.activeRequestedTheme||defaultTheme.name;\r\n    this.theme=this.options?.theme|| defaultThemeName;\r\n    this.frameworkThemeSubs=cssFWService.frameworkTheme$.subscribe(newTheme=>{\r\n        this.theme=newTheme;\r\n    })\r\n \r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.frameworkThemeSubs.unsubscribe();\r\n    this.frameworkThemeSubs=null;\r\n  }\r\n\r\n\r\n  get showRemoveButton(): boolean {\r\n    if (!this.options.removable || this.options.readonly ||\r\n      this.layoutNode.type === '$ref'\r\n    ) {\r\n      return false;\r\n    }\r\n    if (this.layoutNode.recursiveReference) {\r\n      return true;\r\n    }\r\n    if (!this.layoutNode.arrayItem || !this.parentArray) {\r\n      return false;\r\n    }\r\n    // If array length <= minItems, don't allow removing any items\r\n    return this.parentArray.items.length - 1 <= this.parentArray.options.minItems ? false :\r\n      // For removable list items, allow removing any item\r\n      this.layoutNode.arrayItemType === 'list' ? true :\r\n        // For removable tuple items, only allow removing last item in list\r\n        this.layoutIndex[this.layoutIndex.length - 1] === this.parentArray.items.length - 2;\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initializeFramework();\r\n    if (this.layoutNode.arrayItem && this.layoutNode.type !== '$ref') {\r\n      this.parentArray = this.jsf.getParentNode(this);\r\n      if (this.parentArray) {\r\n        this.isOrderable = this.layoutNode.arrayItemType === 'list' &&\r\n          !this.options.readonly && this.parentArray.options.orderable;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnChanges() {\r\n    if (!this.frameworkInitialized) {\r\n      this.initializeFramework();\r\n    }\r\n  }\r\n\r\n  initializeFramework() {\r\n    if (this.layoutNode) {\r\n      this.options = cloneDeep(this.layoutNode.options);\r\n      this.widgetLayoutNode = {\r\n        ...this.layoutNode,\r\n        options: cloneDeep(this.layoutNode.options)\r\n      };\r\n      this.widgetOptions = this.widgetLayoutNode.options;\r\n      this.formControl = this.jsf.getFormControl(this);\r\n\r\n      this.options.isInputWidget = inArray(this.layoutNode.type, [\r\n        'button', 'checkbox', 'checkboxes-inline', 'checkboxes', 'color',\r\n        'date', 'datetime-local', 'datetime', 'email', 'file', 'hidden',\r\n        'image', 'integer', 'month', 'number', 'password', 'radio',\r\n        'radiobuttons', 'radios-inline', 'radios', 'range', 'reset', 'search',\r\n        'select', 'submit', 'tel', 'text', 'textarea', 'time', 'url', 'week'\r\n      ]);\r\n\r\n      this.options.title = this.setTitle();\r\n\r\n      this.options.htmlClass =\r\n        addClasses(this.options.htmlClass, 'schema-form-' + this.layoutNode.type);\r\n\r\n      \r\n      if (this.layoutNode.type === 'array') {\r\n        this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__array__.htmlClass);\r\n      } else if (this.layoutNode.arrayItem && this.layoutNode.type !== '$ref') {\r\n        this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__array_item_nonref__.htmlClass);\r\n      } else {\r\n        this.options.htmlClass = addClasses(this.options.htmlClass, this.widgetStyles.__form_group__.htmlClass);\r\n      }\r\n      \r\n\r\n      /*\r\n      this.options.htmlClass =\r\n      this.layoutNode.type === 'array' ?\r\n        addClasses(this.options.htmlClass, ['border','shadow-md','p-1']) :\r\n        this.layoutNode.arrayItem && this.layoutNode.type !== '$ref' ?\r\n          addClasses(this.options.htmlClass, ['border','shadow-md','p-1']) :\r\n          addClasses(this.options.htmlClass, 'mb-1');\r\n*/\r\n\r\n/*\r\nthis.options.htmlClass =\r\nthis.layoutNode.type === 'array' ?\r\naddClasses(this.options.htmlClass, this.widgetStyles.array.htmlClass):\r\n  this.layoutNode.arrayItem && this.layoutNode.type !== '$ref' ?\r\n  addClasses(this.options.htmlClass, this.widgetStyles.__array_item_nonref__.htmlClass):\r\n  addClasses(this.options.htmlClass, this.widgetStyles.__form_group__.htmlClass);\r\n*/\r\n          \r\n      this.widgetOptions.htmlClass = '';\r\n      this.options.labelHtmlClass =\r\n        addClasses(this.options.labelHtmlClass, this.widgetStyles.__control_label__.labelHtmlClass);\r\n      this.widgetOptions.activeClass =\r\n        addClasses(this.widgetOptions.activeClass, this.widgetStyles.__active__.activeClass);\r\n      this.options.fieldAddonLeft =\r\n        this.options.fieldAddonLeft || this.options.prepend;\r\n      this.options.fieldAddonRight =\r\n        this.options.fieldAddonRight || this.options.append;\r\n\r\n      // Add asterisk to titles if required\r\n      if (this.options.title && this.layoutNode.type !== 'tab' &&\r\n        !this.options.notitle && this.options.required &&\r\n        !this.options.title.includes('*')\r\n      ) {\r\n        let required_asterisk_class=this.widgetStyles.__required_asterisk__||'text-danger'\r\n        this.options.title += ` <strong class=\"${required_asterisk_class}\">*</strong>`;\r\n      }\r\n      if (this.layoutNode.type == 'optionfieldset') {\r\n        this.options.messageLocation = 'top';\r\n      }\r\n      // Set miscelaneous styles and settings for each control type\r\n      this.applyCssClasses(this.layoutNode.type, this.widgetOptions, this.options.style);\r\n      if (this.formControl) {\r\n        this.updateHelpBlock(this.formControl.status);\r\n        this.formControl.statusChanges.subscribe(status => this.updateHelpBlock(status));\r\n\r\n        if (this.options.debug) {\r\n          const vars: any[] = [];\r\n          this.debugOutput = map(vars, thisVar => JSON.stringify(thisVar, null, 2)).join('\\n');\r\n        }\r\n      }\r\n      this.frameworkInitialized = true;\r\n    }\r\n\r\n  }\r\n\r\n  updateHelpBlock(status) {\r\n    this.options.helpBlock = status === 'INVALID' &&\r\n      this.options.enableErrorState && this.formControl.errors &&\r\n      (this.formControl.dirty || this.options.feedbackOnRender) ?\r\n      this.jsf.formatErrors(this.formControl.errors, this.options.validationMessages) :\r\n      this.options.description || this.options.help || null;\r\n  }\r\n\r\n  setTitle(): string {\r\n    switch (this.layoutNode.type) {\r\n      case 'button':\r\n      case 'checkbox':\r\n      case 'section':\r\n      case 'help':\r\n      case 'msg':\r\n      case 'submit':\r\n      case 'message':\r\n      case 'tabarray':\r\n      case 'tabs':\r\n      case '$ref':\r\n        return null;\r\n      case 'advancedfieldset':\r\n        this.widgetOptions.expandable = true;\r\n        this.widgetOptions.title = 'Advanced options';\r\n        return null;\r\n      case 'authfieldset':\r\n        this.widgetOptions.expandable = true;\r\n        this.widgetOptions.title = 'Authentication settings';\r\n        return null;\r\n      case 'fieldset':\r\n        this.widgetOptions.title = this.options.title;\r\n        return null;\r\n      default:\r\n        this.widgetOptions.title = null;\r\n        return this.jsf.setItemTitle(this);\r\n    }\r\n  }\r\n\r\n  removeItem() {\r\n    this.jsf.removeItem(this);\r\n  }\r\n}\r\n","<div [attr.data-bs-theme]=\"theme\" [attr.data-theme]=\"theme\" [class]=\"options?.htmlClass || ''\" [class.has-feedback]=\"options?.feedback && options?.isInputWidget &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-error]=\"options?.enableErrorState && formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\" [class.has-success]=\"options?.enableSuccessState && !formControl?.errors &&\r\n        (formControl?.dirty || options?.feedbackOnRender)\">\r\n\r\n    <button *ngIf=\"showRemoveButton\" [class]=\"widgetStyles.__remove_item__\" type=\"button\" (click)=\"removeItem()\">\r\n    <span aria-hidden=\"true\">&times;</span>\r\n    <span [class]=\"widgetStyles.__screen_reader__\">Close</span>\r\n  </button>\r\n    <div *ngIf=\"options?.messageLocation === 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n    <label *ngIf=\"options?.title && layoutNode?.type !== 'tab'\" [attr.for]=\"'control' + layoutNode?._id\" [class]=\"options?.labelHtmlClass || ''\" [class.sr-only]=\"options?.notitle\" [innerHTML]=\"options?.title\"></label>\r\n    <p *ngIf=\"layoutNode?.type === 'submit' && jsf?.formOptions?.fieldsRequired\">\r\n        <strong [class]=\"widgetStyles.__required_asterisk__\">*</strong> = required fields\r\n    </p>\r\n    <div [class.input-group]=\"options?.fieldAddonLeft || options?.fieldAddonRight\">\r\n        <span *ngIf=\"options?.fieldAddonLeft\" [class]=\"widgetStyles.__field_addon_left__\" [innerHTML]=\"options?.fieldAddonLeft\"></span>\r\n\r\n        <select-widget-widget [layoutNode]=\"widgetLayoutNode\" [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\"></select-widget-widget>\r\n\r\n        <span *ngIf=\"options?.fieldAddonRight\" [class]=\"widgetStyles.__field_addon_right__\" [innerHTML]=\"options?.fieldAddonRight\"></span>\r\n    </div>\r\n\r\n    <span *ngIf=\"options?.feedback && options?.isInputWidget &&\r\n          !options?.fieldAddonRight && !layoutNode.arrayItem &&\r\n          (formControl?.dirty || options?.feedbackOnRender)\" [class.glyphicon-ok]=\"options?.enableSuccessState && !formControl?.errors\" [class.glyphicon-remove]=\"options?.enableErrorState && formControl?.errors\" aria-hidden=\"true\" class=\"form-control-feedback glyphicon\"></span>\r\n    <div *ngIf=\"options?.messageLocation !== 'top'\">\r\n        <p *ngIf=\"options?.helpBlock\" [class]=\"widgetStyles.__help_block__\" [innerHTML]=\"options?.helpBlock\"></p>\r\n    </div>\r\n\r\n</div>\r\n\r\n<div *ngIf=\"debug && debugOutput\">debug:\r\n    <pre>{{debugOutput}}</pre>\r\n</div>\r\n\r\n<!--\r\n<div class=\"btn input input-bordered input-primary w-full max-w-xs\r\nbtn-neutral\r\nbtn-primary\r\nbtn-secondary\r\nbtn-accent\r\nbtn-info\r\nbtn-success\r\nbtn-warning\r\nbtn-error\r\nbtn-ghost\r\nbtn-link\r\nbtn-outline\r\nbtn-active\r\nbtn-disabled\r\nglass\r\nno-animation\r\nbtn-lg\r\nbtn-md\r\nbtn-sm\r\nbtn-xs\r\nbtn-wide\r\nbtn-block\r\nbtn-circle\r\nbtn-square\r\nhidden\r\n\">defs al</div>\r\n-->\r\n<!--<input type=\"text\" placeholder=\"Type here\" class=\"input input-bordered input-primary w-full max-w-xs\" />-->","import { InjectionToken } from \"@angular/core\";\r\n\r\nexport const CSS_FRAMEWORK_CFG = new InjectionToken<css_fw.frameworkcfg>('CSS_FRAMEWORK_CFG');\r\n\r\nexport namespace css_fw{\r\n\r\n    export type themeKV=\r\n    { \r\n        name:string,\r\n        text:string\r\n     }\r\n\r\n    export class csscategories{\r\n        fieldHtmlClass?:string|string[]\r\n        labelHtmlClass?:string|string[]\r\n        htmlClass?:string|string[]\r\n        itemLabelHtmlClass?:string|string[]\r\n        activeClass?:string|string[]\r\n    }\r\n\r\n    export type widgetstyles={\r\n        '$ref'?:csscategories,\r\n        'alt-date'?:csscategories,\r\n        'alt-datetime'?:csscategories,\r\n        __themes__?:themeKV[],\r\n        __array_item_nonref__:csscategories,\r\n        __form_group__:csscategories,\r\n        __control_label__:csscategories,\r\n        __active__:csscategories,\r\n        __required_asterisk__:string,\r\n        __array__:csscategories,\r\n        '__remove_item__':string,\r\n        __help_block__:string,\r\n        __field_addon_left__:string\r\n        __field_addon_right__:string,\r\n        __screen_reader__:string,\r\n        array:csscategories,\r\n        authfieldset?:csscategories,\r\n        advancedfieldset?:csscategories,\r\n        button?:csscategories,\r\n        checkbox?:csscategories,\r\n        checkboxes?:csscategories,\r\n        checkboxbuttons?:csscategories,\r\n        'checkboxes-inline'?:csscategories,\r\n        date?:csscategories,\r\n        'datetime-local'?:csscategories,\r\n        fieldset?:csscategories,\r\n        integer?:csscategories,\r\n        number?:csscategories,\r\n        optionfieldset?:csscategories,\r\n        password?:csscategories,\r\n        radiobuttons?:csscategories,\r\n        radio?:csscategories,\r\n        radios?:csscategories,\r\n        \"radios-inline\"?:csscategories,\r\n        'range'?:csscategories,\r\n        section?:csscategories,\r\n        selectfieldset?:csscategories,\r\n        select?:csscategories,\r\n        submit?:csscategories,\r\n        text?:csscategories,\r\n        tabs?:csscategories,\r\n        tabarray?:csscategories,\r\n        textarea?:csscategories,\r\n        default:csscategories\r\n    }\r\n    export type frameworkcfg={\r\n        name:string,\r\n        text:string;\r\n        stylesheets:string[],\r\n        scripts?:string[],\r\n        widgetstyles:widgetstyles,\r\n        widgets?:any;\r\n    }\r\n\r\n    \r\n\r\n}","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FrameworkLibraryService, JsonSchemaFormModule, JsonSchemaFormService, WidgetLibraryModule, WidgetLibraryService } from '@ng-formworks/core';\r\nimport { CssFrameworkComponent } from './css-framework.component';\r\nimport { CssframeworkService } from './css-framework.service';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CssFrameworkComponent\r\n  ],\r\n  imports: [\r\n    JsonSchemaFormModule,\r\n    CommonModule,\r\n    WidgetLibraryModule,\r\n  ],\r\n  exports: [\r\n    CssFrameworkComponent\r\n  ],\r\n  providers: [\r\n    JsonSchemaFormService,\r\n    FrameworkLibraryService,\r\n    WidgetLibraryService,\r\n    CssframeworkService\r\n   // { provide: Framework, useClass: CssFramework, multi: true },\r\n  ]\r\n})\r\nexport class CssFrameworkModule { }\r\n","import { Inject, Injectable } from '@angular/core';\r\nimport { Framework } from '@ng-formworks/core';\r\nimport { CssFrameworkComponent } from './css-framework.component';\r\nimport { CSS_FRAMEWORK_CFG, css_fw } from './css-framework.defs';\r\nimport { CssframeworkService } from './css-framework.service';\r\n\r\n\r\n\r\n@Injectable()\r\nexport class CssFramework extends Framework {\r\n  name = 'css';\r\n\r\n  framework:any = CssFrameworkComponent;\r\n  config:css_fw.frameworkcfg\r\n  constructor(@Inject(CSS_FRAMEWORK_CFG ) cfg:css_fw.frameworkcfg,public cssFWService:CssframeworkService){\r\n        super();\r\n        \r\n        this.name=cfg.name;\r\n        this.text=cfg.text||this.name;\r\n        this.stylesheets=cfg.stylesheets;\r\n        this.scripts=cfg.scripts;\r\n        this.config=cfg;\r\n        this.widgets=cfg.widgets;\r\n  }\r\n  getActiveTheme():css_fw.themeKV{\r\n    let activeRequestedThemeName=this.cssFWService.getActiveRequestedTheme();\r\n    let frameWorkThemes=this.config?.widgetstyles?.__themes__;\r\n    \r\n    let theme=frameWorkThemes && frameWorkThemes[0]\r\n    if(activeRequestedThemeName){//if not set return first theme in config;\r\n      theme={name:activeRequestedThemeName,text:activeRequestedThemeName};\r\n      if(frameWorkThemes){\r\n        let filtered=frameWorkThemes.filter(theme=>{return theme.name==activeRequestedThemeName});\r\n        theme=(filtered && filtered[0])||theme;\r\n      }\r\n    }\r\n    return  theme;\r\n  }\r\n\r\n  requestThemeChange(name:string){\r\n    this.cssFWService.requestThemeChange(name);\r\n  }\r\n\r\n  registerTheme(newTheme:css_fw.themeKV,overwrite:boolean=true):boolean{\r\n    let themeList=this.config?.widgetstyles?.__themes__||[];\r\n    let matchedThemes=themeList.filter(theme=>{return newTheme.name==theme.name});\r\n    if(matchedThemes && matchedThemes[0]){\r\n      if(overwrite){\r\n        matchedThemes[0].text=newTheme.text;\r\n        return true;\r\n      }\r\n      if(!overwrite){\r\n        return false;\r\n      }\r\n      \r\n    }\r\n    if(!matchedThemes || matchedThemes.length==0){\r\n      let cfg:any=this.config\r\n      cfg.widgetstyles= this.config.widgetstyles||{};\r\n      cfg.widgetstyles.__themes__=cfg.widgetstyles.__themes__||[];\r\n      cfg.widgetstyles.__themes__.push(newTheme);\r\n      return true;\r\n    }\r\n  };\r\n\r\n  unregisterTheme(name:string):boolean{\r\n    let themeList=this.config?.widgetstyles?.__themes__;\r\n    let foundInd=-1;\r\n    if(themeList){\r\n        themeList.forEach((theme,ind)=>{\r\n          if(name==theme.name){\r\n            foundInd=ind;\r\n          }\r\n      });\r\n      if(foundInd>=0){\r\n        themeList.splice(foundInd,1);\r\n        return true;\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n\r\n  getConfig():css_fw.frameworkcfg{\r\n    return this.config;\r\n  }\r\n\r\n  /*\r\n  stylesheets = [\r\n    //TODO-enable for dev only\r\n    cdn.tailwindcss.com/3.3.3'\r\n  ];\r\n\r\n\r\n  scripts = [\r\n\r\n  ];\r\n  */\r\n\r\n}\r\n","/*\r\n * Public API Surface of ng-formworks-cssframework\r\n */\r\n\r\nexport * from './lib/css-framework.component';\r\nexport * from './lib/css-framework.defs';\r\nexport * from './lib/css-framework.module';\r\nexport * from './lib/css-framework.service';\r\nexport * from './lib/css.framework';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.CssframeworkService","i1.CssframeworkService"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-formworks/cssframework" />
+export * from './public-api';

package/lib/css-framework.component.d.ts

@@ -0,0 +1,41 @@
+import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { FrameworkLibraryService, JsonSchemaFormService } from '@ng-formworks/core';
+import { Subscription } from 'rxjs';
+import { css_fw } from './css-framework.defs';
+import { CssframeworkService } from './css-framework.service';
+import * as i0 from "@angular/core";
+export declare class CssFrameworkComponent implements OnInit, OnChanges, OnDestroy {
+    changeDetector: ChangeDetectorRef;
+    jsf: JsonSchemaFormService;
+    jsfFLService: FrameworkLibraryService;
+    cssFWService: CssframeworkService;
+    frameworkInitialized: boolean;
+    widgetOptions: any;
+    widgetLayoutNode: any;
+    options: any;
+    formControl: any;
+    debugOutput: any;
+    debug: any;
+    parentArray: any;
+    isOrderable: boolean;
+    layoutNode: any;
+    layoutIndex: number[];
+    dataIndex: number[];
+    widgetStyles: css_fw.widgetstyles;
+    applyCssClasses(type: any, widgetOptions: any, styleOptions: any): void;
+    flattenWidgetStyles(wstyles: css_fw.widgetstyles): any;
+    defaultStyling: css_fw.widgetstyles;
+    theme: string;
+    frameworkThemeSubs: Subscription;
+    constructor(changeDetector: ChangeDetectorRef, jsf: JsonSchemaFormService, jsfFLService: FrameworkLibraryService, cssFWService: CssframeworkService);
+    ngOnDestroy(): void;
+    get showRemoveButton(): boolean;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    initializeFramework(): void;
+    updateHelpBlock(status: any): void;
+    setTitle(): string;
+    removeItem(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CssFrameworkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CssFrameworkComponent, "css-framework", never, { "layoutNode": { "alias": "layoutNode"; "required": false; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; }; "dataIndex": { "alias": "dataIndex"; "required": false; }; "widgetStyles": { "alias": "widgetStyles"; "required": false; }; }, {}, never, never, false, never>;
+}