@ng-formworks/daisyui 15.2.7

package/src/lib/tokens.defs.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+
+
+
+/**
+ * @const DUIOPTIONS
+ * Injection token for the environment interface to be provided by the applications.
+ */
+export const DUIOPTIONS: InjectionToken<any> = new InjectionToken('DUIOPTIONS');
+

package/src/lib/widgets/daisyui-tabs.component.ts

@@ -0,0 +1,92 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { JsonSchemaFormService } from '@ng-formworks/core';
+
+
+
+@Component({
+  // tslint:disable-next-line:component-selector
+  selector: 'tabs-widget',
+  template: `
+    <div
+      [class]="options?.labelHtmlClass || ''">
+      <a *ngFor="let item of layoutNode?.items; let i = index"
+        [class]="(options?.itemLabelHtmlClass || '') + (selectedItem === i ?
+          (' ' + (options?.activeClass || '') + ' ' + (options?.style?.selected || '')) :
+          (' ' + options?.style?.unselected))"
+        >
+        <span *ngIf="showAddTab || item.type !== '$ref'"
+        [class]="(selectedItem === i ? (' ' + options?.activeClass + ' ' + options?.style?.selected) :
+        (' ' + options?.style?.unselected))"
+      [innerHTML]="setTabTitle(item, i)"
+      (click)="select(i)"></span>
+      </a>
+
+    </div>
+
+    <!--
+    <div class="tabs tabs-boxed">
+  <a class="tab">Tab 1</a> 
+  <a class="tab tab-active">Tab 2</a> 
+  <a class="tab">Tab 3</a>
+</div>
+-->
+
+    <div *ngFor="let layoutItem of layoutNode?.items; let i = index"
+      [class]="options?.htmlClass || ''">
+
+      <select-framework-widget *ngIf="selectedItem === i"
+        [class]="(options?.fieldHtmlClass || '') +
+          ' ' + (options?.activeClass || '') +
+          ' ' + (options?.style?.selected || '')"
+        [dataIndex]="layoutNode?.dataType === 'array' ? (dataIndex || []).concat(i) : dataIndex"
+        [layoutIndex]="(layoutIndex || []).concat(i)"
+        [layoutNode]="layoutItem"></select-framework-widget>
+
+    </div>`,
+  styles: [` a { cursor: pointer; } `],
+})
+export class DaisyUITabsComponent implements OnInit {
+  options: any;
+  itemCount: number;
+  selectedItem = 0;
+  showAddTab = true;
+  @Input() layoutNode: any;
+  @Input() layoutIndex: number[];
+  @Input() dataIndex: number[];
+
+  constructor(
+    private jsf: JsonSchemaFormService
+  ) { }
+
+  ngOnInit() {
+    this.options = this.layoutNode.options || {};
+    this.itemCount = this.layoutNode.items.length - 1;
+    this.updateControl();
+  }
+
+  select(index) {
+    if (this.layoutNode.items[index].type === '$ref') {
+      this.itemCount = this.layoutNode.items.length;
+      this.jsf.addItem({
+        layoutNode: this.layoutNode.items[index],
+        layoutIndex: this.layoutIndex.concat(index),
+        dataIndex: this.dataIndex.concat(index)
+      });
+      this.updateControl();
+    }
+    this.selectedItem = index;
+  }
+
+  updateControl() {
+    const lastItem = this.layoutNode.items[this.layoutNode.items.length - 1];
+    if (lastItem.type === '$ref' &&
+      this.itemCount >= (lastItem.options.maxItems || 1000)
+    ) {
+      this.showAddTab = false;
+    }
+  }
+
+  setTabTitle(item: any, index: number): string {
+    return this.jsf.setArrayItemTitle(this, item, index);
+  }
+}

package/src/public-api.ts

@@ -0,0 +1,12 @@
+/*
+ * Public API Surface of @ng-formworks/daisyui
+ */
+
+export * from './lib/daisyui-framework.component';
+export * from './lib/daisyui-framework.module';
+export * from './lib/daisyui-framework.prefixed.component';
+export * from './lib/daisyui-framework.service';
+export * from './lib/daisyui.framework';
+export * from './lib/tokens.defs';
+export { DaisyUITabsComponent } from './lib/widgets/daisyui-tabs.component';
+

package/tailwind-input.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/tailwind.config.js

@@ -0,0 +1,24 @@
+/** @type {import('tailwindcss').Config} */
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./src/**/*.{html,ts}",
+        "./projects/ng-formworks-daisyui/**/*.{html,ts,css}"
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [require("daisyui")],
+    daisyui: {
+        themes: ["light", "dark", "cupcake", "cmyk", "pastel",
+            {
+                daisyui_default: {
+                    ...require("daisyui/src/theming/themes")["light"]
+                },
+                daisyui_leaf: {
+                    ...require("daisyui/src/theming/themes")["light"]
+                }
+            }
+        ]
+    },
+}

package/tailwind.prefixed.config.js

@@ -0,0 +1,26 @@
+/** @type {import('tailwindcss').Config} */
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./src/**/*.{html,ts}",
+        "./projects/ng-formworks-daisyui/**/*.{html,ts,css}"
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [require("daisyui")],
+    daisyui: {
+        themes: ["light", "dark", "cupcake", "cmyk", "pastel",
+            {
+                daisyui_default: {
+                    ...require("daisyui/src/theming/themes")["light"]
+                },
+                daisyui_leaf: {
+                    ...require("daisyui/src/theming/themes")["light"]
+                }
+            }
+        ],
+        prefix: "dui-"
+    },
+    prefix: "tw-"
+}

package/tsconfig.lib.json

@@ -0,0 +1,21 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}