@ng-formworks/daisyui 17.2.7 → 18.0.0

package/src/lib/daisui-cssframework.ts

@@ -1,237 +0,0 @@
-import { css_fw } from "@ng-formworks/cssframework";
-
-export const cssFrameworkCfgDaisyUI:css_fw.frameworkcfg={
-    "name": "daisyui",
-    "text":"DaisyUI",
-    "scripts": [],
-    "stylesheets": [
-        //"/assets/cssframework/daisyui-framework.css"
-    ],
-    "widgetstyles": {
-        "__themes__": [
-            {"name":"daisyui_default","text":"default"},
-            {"name":"light","text":"light"}, 
-            {"name":"dark","text":"dark"}, 
-            {"name":"cupcake","text":"cupcake"}, 
-            {"name":"cmyk","text":"cmyk"}, 
-            {"name":"pastel","text":"pastel"},
-            {"name":"daisyui_leaf","text":"leaf"}
-            
-        ],
-        "$ref": {
-            "fieldHtmlClass": "btn btn-sm btn-accent float-right"
-        },
-        "__array_item_nonref__": {
-            "htmlClass": "border shadow-md p-1"
-        },
-        "__form_group__": {
-            "htmlClass": "mb-1"
-        },
-        "__control_label__": {
-            "labelHtmlClass": "control-label"
-        },
-        "__active__": {
-            "activeClass": "active"
-        },
-        "__required_asterisk__": "text-danger",
-        "__screen_reader__": "sr-only",
-        "__remove_item__": "float-right text-2xl opacity-50",
-        "__help_block__": "help-block",
-        "__field_addon_left__": "input-group-addon",
-        "__field_addon_right__": "input-group-addon",
-        "alt-date": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "alt-datetime": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "__array__": {
-            "htmlClass": "border shadow-md p-1"
-        },
-        "array": {},
-        "authfieldset": {},
-        "advancedfieldset": {},
-        "button": {
-            "fieldHtmlClass": "btn btn-sm btn-info"
-        },
-        "checkbox": {
-            "fieldHtmlClass": "checkbox"
-        },
-        "checkboxes": {
-            "fieldHtmlClass": "checkbox"
-        },
-        "checkboxbuttons": {
-            "fieldHtmlClass": "w-px",
-            "labelHtmlClass": "tabs tabs-boxed",
-            "htmlClass": "btn-group",
-            "itemLabelHtmlClass": "btn",
-            "activeClass": "btn-info"
-        },
-        "checkboxes-inline": {
-            "fieldHtmlClass": "checkbox",
-            "htmlClass": "inline-flex",
-            "itemLabelHtmlClass": "checkbox-inline"
-        },
-        "date": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "datetime-local": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "fieldset": {},
-        "integer": {
-            "fieldHtmlClass": "input input-md input-bordered w-full max-w-xs"
-        },
-        "number": {
-            "fieldHtmlClass": "input input-md input-bordered w-full max-w-xs"
-        },
-        "optionfieldset": {},
-        "password": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "radiobuttons": {
-            "fieldHtmlClass": "w-px",
-            "labelHtmlClass": "tabs tabs-boxed",
-            "htmlClass": "btn-group",
-            "itemLabelHtmlClass": "btn",
-            "activeClass": "btn-info"
-        },
-        "radio": {
-            "fieldHtmlClass": "radio"
-        },
-        "radios": {
-            "fieldHtmlClass": "radio"
-        },
-        "radios-inline": {
-            "htmlClass": "inline-flex",
-            "fieldHtmlClass": "radio",
-            "itemLabelHtmlClass": "radio-inline"
-        },
-        "range": {
-            "fieldHtmlClass": "range range-info"
-        },
-        "section": {},
-        "selectfieldset": {},
-        "select": {
-            "fieldHtmlClass": "select select-md select-bordered w-full"
-        },
-        "submit": {
-            "fieldHtmlClass": "btn btn-sm btn-info rounded-full"
-        },
-        "text": {
-            "fieldHtmlClass": "input input-md input-bordered w-full"
-        },
-        "tabs": {
-            "labelHtmlClass": "tabs-md tabs-boxed",
-            "htmlClass": "",
-            "itemLabelHtmlClass": "tab",
-            "activeClass": "tab-active"
-        },
-        "tabarray": {
-            "labelHtmlClass": "tabs tabs-boxed",
-            "htmlClass": "",
-            "itemLabelHtmlClass": "tab",
-            "activeClass": "tab-active"
-        },
-        "textarea": {
-            "fieldHtmlClass": "textarea textarea-bordered w-full"
-        },
-        "default": {
-            "fieldHtmlClass": "form-control"
-        }
-    }
-}
-//need to classify which classnames are controlled by DaisyU and which
-//are controlled by tailwind
-//-ones controlled by tailwind will have prefix tw-{{class name}}
-//-ones controlled by daisyui will have prefix tw-dui-{{class name}}
-export function getCssFrameworkCfgPrefixed(cssFrameworkCfg:css_fw.frameworkcfg,prefixDUI="tw-dui",prefixTW="tw"):css_fw.frameworkcfg{
-    
-    let classNamesIgnored=[
-        
-        'control-label',
-        'help-block','input-group-addon','checkbox-inline'
-        
-    ];
-
-    //TODO use regexs
-    //-regex won't work the actual prefix classname needs to be 
-    //available as string literals as tailwind seems to scans for the
-    //actual names so for ex: 'tw-' + 'bg-primary' wont be picked up,
-    //has to be 'tw-bg-primary'
-
-    //NB this is not used in code, but need during the taiwind scanning 
-    //to output the class names
-    let classNamesTW=[
-        'w-full','mb-1','shadow-md','p-1',
-        'sr-only','text-2xl', 'opacity-50',
-        'float-right',
-        'w-px',
-        'border',
-        'max-w-xs','rounded-full','form-control','inline-flex',
-        'tw-w-full','tw-mb-1','tw-shadow-md','tw-p-1',
-        'tw-sr-only','tw-text-2xl', 'tw-opacity-50',
-        'tw-float-right',
-        'tw-w-px',
-        'tw-max-w-xs','tw-rounded-full','tw-form-control','tw-inline-flex',
-        'tw-border'
-        
-    ];
-
-    let classNamesDUI=[
-        'btn', 'btn-sm', 'btn-accent','btn-info','btn-group',
-        'input', 'input-md' ,'input-bordered',
-        'checkbox','tab','tabs', 'tabs-boxed','tabs-md',"tab-active",
-        'radio','radio-inline',
-        'range', 'range-info',
-        'select', 'select-md', 'select-bordered',
-        'textarea','textarea-bordered'
-        
-    ];
-    let replaceClasses=(classList:string[]|string,prefDUI:string,prefTW:string,ignoredClasses:string[])=>{
-        if(!Array.isArray(classList)){
-            classList=classList.split(" ");
-        }
-        return classList.map(cname=>{
-            if(ignoredClasses.indexOf(cname)>=0){
-                return cname;
-            }
-            if(classNamesDUI.indexOf(cname)>=0){
-                return prefDUI+"-"+cname;
-            }
-            return prefTW+"-"+cname;
-        });
-    }
-    
-    let cssFrameworkCfgPrefixed=JSON.parse(JSON.stringify(cssFrameworkCfg));
-    let widgetNamesIgnore=["__themes__"];
-    let widgetNamesNoSubLevel=[
-        "__required_asterisk__",
-        "__screen_reader__",
-        "__remove_item__",
-        "__help_block__",
-        "__field_addon_left__",
-        "__field_addon_right__",
-    ];
-    Object.keys(cssFrameworkCfgPrefixed.widgetstyles).forEach(widgetName=>{
-        if(widgetNamesIgnore.indexOf(widgetName)>=0){
-            return;
-        }
-        if(widgetNamesNoSubLevel.indexOf(widgetName)>=0){
-           let cnames= cssFrameworkCfgPrefixed.widgetstyles[widgetName];
-           cnames=replaceClasses(cnames,prefixDUI,prefixTW,classNamesIgnored);
-           cssFrameworkCfgPrefixed.widgetstyles[widgetName]=cnames;
-           return;
-        }
-        let widgetClassMap=cssFrameworkCfgPrefixed.widgetstyles[widgetName];
-        Object.keys(widgetClassMap).forEach(classListName=>{
-            let classListAsArr:string[]|string=widgetClassMap[classListName];
-            classListAsArr=replaceClasses(classListAsArr,prefixDUI,prefixTW,classNamesIgnored);
-            widgetClassMap[classListName]=classListAsArr;
-        })
-        
-    })
-    return cssFrameworkCfgPrefixed;
-
-}
-

package/src/lib/daisyui-framework.component.scss

@@ -1,48 +0,0 @@
-:host ::ng-deep {
-    .list-group-item .form-control-feedback {
-        top: 40px;
-    }
-    .checkbox,
-    .radio {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-    .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;
-    }
-}
-
-.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;
-}
-
-@import './tailwind-output.scss';
-@import './daisyui-ng-formworks-themes.scss';

package/src/lib/daisyui-framework.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DaisyUIFrameworkComponent } from './daisyui-framework.component';
-
-describe('DaisyUIFrameworkComponent', () => {
-  let component: DaisyUIFrameworkComponent;
-  let fixture: ComponentFixture<DaisyUIFrameworkComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [DaisyUIFrameworkComponent]
-    });
-    fixture = TestBed.createComponent(DaisyUIFrameworkComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/daisyui-framework.component.ts

@@ -1,70 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnChanges,
-  OnInit,
-  ViewEncapsulation
-} from '@angular/core';
-import { JsonSchemaFormService } from '@ng-formworks/core';
-
-/**
-* DaisyUI framework for Angular JSON Schema Form.
-*
-*/
-@Component({
-// tslint:disable-next-line:component-selector
-selector: 'daisyui-framework',
-template: `
-<div>
-  <css-framework [layoutNode]="layoutNode" 
-  [layoutIndex]="layoutIndex" 
-  [dataIndex]="dataIndex"
-  >
-  </css-framework>
-</div>
-`,
-styleUrls: ['./daisyui-framework.component.scss'],
-encapsulation:ViewEncapsulation.None
-})
-export class DaisyUIFrameworkComponent implements OnInit, OnChanges {
-
-
-frameworkInitialized = false;
-widgetOptions: any; // Options passed to child widget
-widgetLayoutNode: any; // layoutNode passed to child widget
-options: any; // Options used in this framework
-formControl: any = null;
-debugOutput: any = '';
-debug: any = '';
-parentArray: any = null;
-isOrderable = false;
-@Input() layoutNode: any;
-@Input() layoutIndex: number[];
-@Input() dataIndex: number[];
-
-
-
-constructor(
-  public changeDetector: ChangeDetectorRef,
-  public jsf: JsonSchemaFormService
-) {
-  
-}
-
-
-
-ngOnInit() {
-
-}
-
-ngOnChanges() {
-
-}
-
-
-
-
-
-
-}

package/src/lib/daisyui-framework.module.ts

@@ -1,39 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { Framework, FrameworkLibraryService, JsonSchemaFormModule, JsonSchemaFormService, WidgetLibraryModule, WidgetLibraryService } from '@ng-formworks/core';
-
-import { CssFrameworkModule } from '@ng-formworks/cssframework';
-import { DaisyUIFrameworkComponent } from './daisyui-framework.component';
-import { DaisyUIFrameworkComponentPrefixed } from './daisyui-framework.prefixed.component';
-import { DaisyUIFramework } from './daisyui.framework';
-import { DaisyUITabsComponent } from './widgets/daisyui-tabs.component';
-
-
-
-@NgModule({
-  declarations: [
-    DaisyUIFrameworkComponent,
-    DaisyUIFrameworkComponentPrefixed,
-    DaisyUITabsComponent
-  ],
-  imports: [
-    JsonSchemaFormModule,
-    CommonModule,
-    WidgetLibraryModule,
-    CssFrameworkModule
-  ],
-  exports: [
-    DaisyUIFrameworkComponent,
-    DaisyUIFrameworkComponentPrefixed,
-    JsonSchemaFormModule,
-    DaisyUITabsComponent
-  ],
-  providers: [
-    JsonSchemaFormService,
-    FrameworkLibraryService,
-    WidgetLibraryService,
-    
-    { provide: Framework, useClass: DaisyUIFramework, multi: true }
-]
-})
-export class DaisyUIFrameworkModule { }

package/src/lib/daisyui-framework.prefixed.component.scss

@@ -1,48 +0,0 @@
-:host ::ng-deep {
-    .list-group-item .form-control-feedback {
-        top: 40px;
-    }
-    .checkbox,
-    .radio {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-    .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;
-    }
-}
-
-.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;
-}
-
-@import './tailwind-output-prefixed.scss';
-@import './daisyui-ng-formworks-themes-prefixed.scss';

package/src/lib/daisyui-framework.prefixed.component.ts

@@ -1,70 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnChanges,
-  OnInit,
-  ViewEncapsulation
-} from '@angular/core';
-import { JsonSchemaFormService } from '@ng-formworks/core';
-
-/**
-* DaisyUI framework for Angular JSON Schema Form.
-*
-*/
-@Component({
-// tslint:disable-next-line:component-selector
-selector: 'daisyui-framework-prefixed',
-template: `
-<div>
-  <css-framework [layoutNode]="layoutNode" 
-  [layoutIndex]="layoutIndex" 
-  [dataIndex]="dataIndex"
-  >
-  </css-framework>
-</div>
-`,
-styleUrls: ['./daisyui-framework.prefixed.component.scss'],
-encapsulation:ViewEncapsulation.None
-})
-export class DaisyUIFrameworkComponentPrefixed implements OnInit, OnChanges {
-
-
-frameworkInitialized = false;
-widgetOptions: any; // Options passed to child widget
-widgetLayoutNode: any; // layoutNode passed to child widget
-options: any; // Options used in this framework
-formControl: any = null;
-debugOutput: any = '';
-debug: any = '';
-parentArray: any = null;
-isOrderable = false;
-@Input() layoutNode: any;
-@Input() layoutIndex: number[];
-@Input() dataIndex: number[];
-
-
-
-constructor(
-  public changeDetector: ChangeDetectorRef,
-  public jsf: JsonSchemaFormService
-) {
-  
-}
-
-
-
-ngOnInit() {
-
-}
-
-ngOnChanges() {
-
-}
-
-
-
-
-
-
-}

package/src/lib/daisyui-framework.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { DaisyuiFrameworkService } from './daisyui-framework.service';
-
-describe('DaisyuiFrameworkService', () => {
-  let service: DaisyuiFrameworkService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(DaisyuiFrameworkService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/daisyui-framework.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class DaisyuiFrameworkService {
-
-  constructor() { }
-}

package/src/lib/daisyui-ng-formworks-themes-prefixed.scss

@@ -1,61 +0,0 @@
-[data-theme="daisyui_leaf"] .dui-btn {
-    border-radius: 60% 60% 60% 60%;
-    /* - not working for radio groups margin: 2px;*/
-    border: 2px solid lightgrey;
-}
-
-[data-theme="daisyui_leaf"] .tw-dui-btn-sm {
-    height: 2.5rem
-}
-
-[data-theme="daisyui_leaf"] .leaf {
-    /*width: 8em;
-    height: 3em;
-    */
-    border-radius: 1% 100% 1% 100%;
-    rotate: 165deg;
-    margin: 2px;
-    border: 2px solid lightgrey;
-}
-
-[data-theme="daisyui_leaf"] .leaf>span {
-    display: inline-block;
-    rotate: 195deg;
-}
-
-[data-theme="daisyui_leaf"] .tw-dui-input {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 9999px
-}
-
-[data-theme="daisyui_leaf"] .tw-dui-select {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 9999px
-}
-
-[data-theme="daisyui_default"] .tw-dui-btn {
-    border-radius: 9999px
-}
-
-[data-theme="daisyui_leaf"] {
-    --rounded-btn: 2rem
-}
-
-[data-theme="daisyui_leaf"] .tw-dui-border {
-    border-radius: 1rem;
-}
-
-
-/*this rule should apply to the element that has both data-theme="daisyui_leaf"
- and class="border", whereas the previous one applies strictly to 
- descendants data-theme="daisyui_leaf" elements having class="border"
-*/
-
-.border[data-theme="daisyui_leaf"] {
-    border-radius: 1rem;
-}
-
-[data-theme="daisyui_leaf"] input[type=number] {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 5000px;
-}

package/src/lib/daisyui-ng-formworks-themes.scss

@@ -1,61 +0,0 @@
-[data-theme="daisyui_leaf"] .btn {
-    border-radius: 60% 60% 60% 60%;
-    /* - not working for radio groups margin: 2px;*/
-    border: 2px solid lightgrey;
-}
-
-[data-theme="daisyui_leaf"] .btn-sm {
-    height: 2.5rem
-}
-
-[data-theme="daisyui_leaf"] .leaf {
-    /*width: 8em;
-    height: 3em;
-    */
-    border-radius: 1% 100% 1% 100%;
-    rotate: 165deg;
-    margin: 2px;
-    border: 2px solid lightgrey;
-}
-
-[data-theme="daisyui_leaf"] .leaf>span {
-    display: inline-block;
-    rotate: 195deg;
-}
-
-[data-theme="daisyui_leaf"] .input {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 9999px
-}
-
-[data-theme="daisyui_leaf"] .select {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 9999px
-}
-
-[data-theme="daisyui_default"] .btn {
-    border-radius: 9999px
-}
-
-[data-theme="daisyui_leaf"] {
-    --rounded-btn: 2rem
-}
-
-[data-theme="daisyui_leaf"] .border {
-    border-radius: 1rem;
-}
-
-
-/*this rule should apply to the element that has both data-theme="daisyui_leaf"
- and class="border", whereas the previous one applies strictly to 
- descendants data-theme="daisyui_leaf" elements having class="border"
-*/
-
-.border[data-theme="daisyui_leaf"] {
-    border-radius: 1rem;
-}
-
-[data-theme="daisyui_leaf"] input[type=number] {
-    border-top-left-radius: 9999px;
-    border-bottom-right-radius: 5000px;
-}