Merge branch 'dev'

Author: budiadiono

dist/vue-typed-ui.js

@@ -228,11 +228,11 @@
     }
   },
   "component/currency": {
-    "dir": "src/components/form-inputs/currency",
+    "dir": "src/components/form-inputs/auto-numeric/currency",
     "id": "component/currency",
     "module": "currency",
     "base": {
-      "Numeric": "../numeric"
+      "NumericBase": "../numeric-base"
     },
     "type": "component",
     "readme": false,
@@ -443,10 +443,6 @@
     "type": "component",
     "readme": false,
     "props": {
-      "css": {
-        "type": "string",
-        "description": "Css class(es) applied to dropdown component"
-      },
       "disabled": {
         "type": "boolean",
         "description": "Disabled field",
@@ -476,6 +472,10 @@
         "type": "boolean",
         "description": "A selection dropdown can allow a user to search through a large list of choices."
       },
+      "settings": {
+        "type": "object",
+        "description": "Semantic UI dropdown settings. See: https://semantic-ui.com/modules/dropdown.html#/settings"
+      },
       "value": {
         "type": "any",
         "description": "v-model binding"
@@ -1030,11 +1030,24 @@
     }
   },
   "component/numeric": {
-    "dir": "src/components/form-inputs/numeric",
+    "dir": "src/components/form-inputs/auto-numeric/numeric",
     "id": "component/numeric",
     "module": "numeric",
     "base": {
-      "FieldBase": "../../fields/field-base"
+      "NumericBase": "../numeric-base"
+    },
+    "type": "component",
+    "readme": false,
+    "props": {},
+    "methods": {}
+  },
+  "component/numeric-base": {
+    "dir": "src/components/form-inputs/auto-numeric/numeric-base",
+    "id": "component/numeric-base",
+    "module": "numeric-base",
+    "isBase": "true",
+    "base": {
+      "FieldBase": "../../../fields/field-base"
     },
     "type": "component",
     "readme": false,

doc/api.json

@@ -422,11 +422,6 @@ export interface IDatetime {
 
 export interface IDropdown {
 
-    /**
-     * Css class(es) applied to dropdown component
-     */
-    css: string
-
     /**
      * Disabled field
      */
@@ -462,6 +457,11 @@ export interface IDropdown {
      */
     search: boolean
 
+    /**
+     * Semantic UI dropdown settings. See: https://semantic-ui.com/modules/dropdown.html#/settings
+     */
+    settings: object
+
     /**
      * v-model binding
      */
@@ -920,7 +920,11 @@ export interface IModal {
 
 /// <reference path="./semantic-ui.d.ts" />
 
-export interface INumeric {
+export interface INumeric {}
+
+/// <reference path="./semantic-ui.d.ts" />
+
+export interface INumericBase {
 
     /**
      * Number of decimal places
@@ -1361,6 +1365,11 @@ export class Components {
      */
     numeric(ref: string): INumeric
 
+    /**
+     * Get instance of NumericBase from [ref]
+     */
+    numericBase(ref: string): INumericBase
+
     /**
      * Get instance of Pusher from [ref]
      */

lib/interface.d.ts

@@ -5,6 +5,7 @@ export interface Settings {
   timeFormat?: TimeFormat
   numeric?: NumericSettings
   toastr?: ToastrOptions
+  dropdown?: SemanticUI.Dropdown.Settings
 }
 
 export interface NumericSettings {

lib/settings.d.ts

@@ -7,7 +7,7 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _AccordionItemBase extends Virtual < Vue > () {
+export abstract class _AccordionItemBase extends Virtual < Vue > () {
 
     /**
      * Accordion title

src/components/containers/accordion-item/_base.ts

@@ -7,7 +7,7 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _AccordionBase extends Virtual < Vue > () {
+export abstract class _AccordionBase extends Virtual < Vue > () {
 
     /**
      * Only allow one section open at a time

src/components/containers/accordion/_base.ts

@@ -7,6 +7,6 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _PusherBase extends Virtual < Vue > () {
+export abstract class _PusherBase extends Virtual < Vue > () {
 
 }

src/components/containers/pusher/_base.ts

@@ -7,6 +7,6 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _SegmentBase extends Virtual < Vue > () {
+export abstract class _SegmentBase extends Virtual < Vue > () {
 
 }

src/components/containers/segment/_base.ts

@@ -7,7 +7,7 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _TabItemBase extends Virtual < Vue > () {
+export abstract class _TabItemBase extends Virtual < Vue > () {
 
     /**
      * Tab caption

src/components/containers/tab-item/_base.ts

@@ -7,7 +7,7 @@ import {
     Mixin
 } from "vue-typed"
 import * as Vue from "vue"
-export class _TabBase extends Virtual < Vue > () {
+export abstract class _TabBase extends Virtual < Vue > () {
 
     /**
      * Tab style