@kizmann/nano-ui 1.0.2 → 1.0.4

package/src/index.js

@@ -1,8 +1,8 @@
 import { Arr, Obj, Dom, Locale } from "@kizmann/pico-js";
 
-import CtorMixin from "./mixins/src/ctor";
-import CmerMixin from "./mixins/src/cmer";
-import CsloMixin from "./mixins/src/cslo";
+import CtorMixin from "./mixins/src/ctor.js";
+import CmerMixin from "./mixins/src/cmer.js";
+import CsloMixin from "./mixins/src/cslo.js";
 
 export const Icons = {
     handle: 'fa fa-ellipsis-v',
@@ -31,17 +31,17 @@ export const Settings = {
     notifyPosition: 'bottom-start'
 };
 
-export function Install(App, Icons = {}, Styles = {})
+export function Install(App, Icons = {})
 {
     /**
-     * @const global.pi
+     * @const window.pi
      */
 
-    if ( typeof global.pi === 'undefined' ) {
+    if ( typeof window.pi === 'undefined' ) {
         return console.error('pico-js is not available.');
     }
 
-    Obj.each(global.pi, (value, key) => {
+    Obj.each(window.pi, (value, key) => {
         App.config.globalProperties[key] = value;
     });
 
@@ -52,77 +52,77 @@ export function Install(App, Icons = {}, Styles = {})
     App.config.globalProperties.trans = Locale.trans;
     App.config.globalProperties.choice = Locale.choice;
 
-    global.nano.Icons = Obj.assign(Icons, global.nano.Icons);
-    global.nano.Settings = Obj.assign(Settings, global.nano.Settings);
-
-    require('./alert/index').default(App);
-    require('./notification/index').default(App);
-    require('./empty/index').default(App);
-    require('./config/index').default(App); //!complex 17.1
-    require('./scrollbar/index').default(App);
-    require('./virtualscroller/index').default(App);
-    require('./draggable/index').default(App);
-    require('./loader/index').default(App);
-    require('./resizer/index').default(App);
-    require('./popover/index').default(App);
-    require('./modal/index').default(App);
-    require('./button/index').default(App);
-    require('./input/index').default(App);
-    require('./input-number/index').default(App);
-    require('./textarea/index').default(App);
-    require('./select/index').default(App);
-    require('./checkbox/index').default(App);
-    require('./radio/index').default(App);
-    require('./slider/index').default(App);
-    require('./switch/index').default(App);
-    require('./confirm/index').default(App);
-    require('./cascader/index').default(App);
-    require('./datepicker/index').default(App);
-    require('./timepicker/index').default(App);
-    require('./datetimepicker/index').default(App);
-    require('./durationpicker/index').default(App);
-    require('./transfer/index').default(App);
-    require('./form/index').default(App); // check
-    require('./tabs/index').default(App);
-    require('./tags/index').default(App);
-    require('./collapse/index').default(App);
-    require('./table/index').default(App); // 18.1 options
-    require('./paginator/index').default(App);
-    require('./info/index').default(App); //!complex 16.1
-    require('./preview/index').default(App);
-    require('./map/index').default(App);
-    require('./file/index').default(App);
-    require('./rating/index').default(App);
-    require('./drawer/index').default(App);
-
-    // require('./chart/index'); // Ignore
-    // require('./wysiwyg/index'); // Ignore
+    window.nano.Icons = Obj.assign(Icons, window.nano.Icons);
+    window.nano.Settings = Obj.assign(Settings, window.nano.Settings);
+
+    require('./alert/index.js').default(App);
+    require('./notification/index.js').default(App);
+    require('./empty/index.js').default(App);
+    require('./config/index.js').default(App); //!complex 17.1
+    require('./scrollbar/index.js').default(App);
+    require('./virtualscroller/index.js').default(App);
+    require('./draggable/index.js').default(App);
+    require('./loader/index.js').default(App);
+    require('./resizer/index.js').default(App);
+    require('./popover/index.js').default(App);
+    require('./modal/index.js').default(App);
+    require('./button/index.js').default(App);
+    require('./input/index.js').default(App);
+    require('./input-number/index.js').default(App);
+    require('./textarea/index.js').default(App);
+    require('./select/index.js').default(App);
+    require('./checkbox/index.js').default(App);
+    require('./radio/index.js').default(App);
+    require('./slider/index.js').default(App);
+    require('./switch/index.js').default(App);
+    require('./confirm/index.js').default(App);
+    require('./cascader/index.js').default(App);
+    require('./datepicker/index.js').default(App);
+    require('./timepicker/index.js').default(App);
+    require('./datetimepicker/index.js').default(App);
+    require('./durationpicker/index.js').default(App);
+    require('./transfer/index.js').default(App);
+    require('./form/index.js').default(App); // check
+    require('./tabs/index.js').default(App);
+    require('./tags/index.js').default(App);
+    require('./collapse/index.js').default(App);
+    require('./table/index.js').default(App); // 18.1 options
+    require('./paginator/index.js').default(App);
+    require('./info/index.js').default(App); //!complex 16.1
+    require('./preview/index.js').default(App);
+    require('./map/index.js').default(App);
+    require('./file/index.js').default(App);
+    require('./rating/index.js').default(App);
+    require('./drawer/index.js').default(App);
+
+    // require('./chart/index.js'); // Ignore
+    // require('./wysiwyg/index.js'); // Ignore
 }
 
 export const Nano = {
     Icons: Icons, Settings: Settings, Install: Install
 };
 
-global.keyMods = [];
+window.keyMods = [];
 
 Dom.find(document).on('keydown', (event) => {
-    Arr.add(global.keyMods, event.which);
+    Arr.add(window.keyMods, event.which);
 });
 
 Dom.find(document).on('keyup', (event) => {
-    Arr.remove(global.keyMods, event.which);
+    Arr.remove(window.keyMods, event.which);
 });
 
 Dom.find(document).on('dragstart', (event) => {
-    Arr.add(global.keyMods, event.which);
+    Arr.add(window.keyMods, event.which);
 });
 
 Dom.find(document).on('dragend', (event) => {
-    global.keyMods = [];
+    window.keyMods = [];
 });
 
-if ( typeof global.nano === 'undefined' ) {
-    global.nano = Nano;
+if ( typeof window.nano === 'undefined' ) {
+    window.nano = Nano;
 }
 
 export default Nano;

package/src/index.scss

@@ -32,7 +32,6 @@
 @import "./tags/index";
 @import "./collapse/index";
 @import "./info/index";
-@import "./file-list/index";
 @import "./map/index";
 @import "./preview/index";
 @import "./rating/index";

package/src/info/index.js

@@ -1,10 +1,10 @@
-import Info from './src/info/info';
-import InfoColumn from './src/info-column/info-column';
-import InfoFieldString from './src/info-field/types/info-field-string';
-import InfoFieldBoolean from './src/info-field/types/info-field-boolean';
-import InfoFieldDatetime from './src/info-field/types/info-field-datetime';
-import InfoFieldOption from './src/info-field/types/info-field-option';
-import InfoFieldImage from './src/info-field/types/info-field-image';
+import Info from "./src/info/info.jsx";
+import InfoColumn from "./src/info-column/info-column.jsx";
+import InfoFieldString from "./src/info-field/types/info-field-string.jsx";
+import InfoFieldBoolean from "./src/info-field/types/info-field-boolean.jsx";
+import InfoFieldDatetime from "./src/info-field/types/info-field-datetime.jsx";
+import InfoFieldOption from "./src/info-field/types/info-field-option.jsx";
+import InfoFieldImage from "./src/info-field/types/info-field-image.jsx";
 
 export default function (App) {
     App.component(Info.name, Info);

package/src/info/src/info-field/{info-field.js → info-field.jsx}

@@ -1,5 +1,4 @@
 import { Obj } from "@kizmann/pico-js";
-import CtorMixin from "../../../mixins/src/ctor";
 
 export default {
 

package/src/info/src/info-field/types/{info-field-boolean.js → info-field-boolean.jsx}

@@ -1,5 +1,5 @@
 import { Any } from "@kizmann/pico-js";
-import InfoField from "../info-field";
+import InfoField from "../info-field.jsx";
 
 export default {
 

package/src/info/src/info-field/types/{info-field-datetime.js → info-field-datetime.jsx}

@@ -1,5 +1,5 @@
 import { Any } from "@kizmann/pico-js";
-import InfoField from "../info-field";
+import InfoField from "../info-field.jsx";
 
 export default {
 

package/src/info/src/info-field/types/{info-field-image.js → info-field-image.jsx}

@@ -1,4 +1,4 @@
-import InfoField from "../info-field";
+import InfoField from "../info-field.jsx";
 import { Obj } from "@kizmann/pico-js";
 
 export default {

package/src/info/src/info-field/types/{info-field-option.js → info-field-option.jsx}

@@ -1,5 +1,5 @@
 import { Arr, Obj, Any } from "@kizmann/pico-js";
-import InfoField from "../info-field";
+import InfoField from "../info-field.jsx";
 
 export default {
 

package/src/info/src/info-field/types/{info-field-string.js → info-field-string.jsx}

@@ -1,5 +1,5 @@
 import { Any } from "@kizmann/pico-js";
-import InfoField from "../info-field";
+import InfoField from "../info-field.jsx";
 
 export default {
 

package/src/input/index.js

@@ -1,4 +1,4 @@
-import Input from './src/input/input';
+import Input from "./src/input/input.jsx";
 
 export default function (App) {
     App.component(Input.name, Input);

package/src/input-number/index.js

@@ -1,4 +1,4 @@
-import InputNumber from "./src/input-number/input-number";
+import InputNumber from "./src/input-number/input-number.jsx";
 
 export default function (App) {
     App.component(InputNumber.name, InputNumber);

package/src/loader/index.js

@@ -1,4 +1,4 @@
-import Loader from './src/loader/loader';
+import Loader from "./src/loader/loader.jsx";
 
 export default function (App) {
     App.component(Loader.name, Loader);

package/src/map/index.js

@@ -1,5 +1,5 @@
-import Map from './src/map/map';
-import MapMarker from './src/map-marker/map-marker';
+import Map from "./src/map/map.jsx";
+import MapMarker from "./src/map-marker/map-marker.jsx";
 
 export default function (App) {
     App.component(Map.name, Map);

package/src/mixins/src/cslo.js

@@ -1,5 +1,5 @@
 import { Arr, Obj, Any } from "@kizmann/pico-js";
-import { Comment } from 'vue';
+import { Comment } from "vue";
 
 export default {
 

package/src/modal/index.js

@@ -1,4 +1,4 @@
-import Modal from './src/modal/modal';
+import Modal from "./src/modal/modal.jsx";
 
 export default function (App) {
     App.component(Modal.name, Modal);

package/src/notification/index.js

@@ -1,4 +1,4 @@
-import Notifcation from './src/notification/notification';
+import Notifcation from "./src/notification/notification.js";
 
 export default function (App) {
     App.config.globalProperties[Notifcation.alias] = window[Notifcation.alias] = Notifcation.handle;

package/src/paginator/index.js

@@ -1,4 +1,4 @@
-import Paginator from './src/paginator/paginator';
+import Paginator from "./src/paginator/paginator.jsx";
 
 export default function (App) {
     App.component(Paginator.name, Paginator);

package/src/popover/index.js

@@ -1,6 +1,6 @@
-import Popover from './src/popover/popover';
-import PopoverGroup from './src/popover-group/popover-group';
-import PopoverOption from './src/popover-option/popover-option';
+import Popover from "./src/popover/popover.jsx";
+import PopoverGroup from "./src/popover-group/popover-group.jsx";
+import PopoverOption from "./src/popover-option/popover-option.jsx";
 
 export default function (App) {
     App.component(Popover.name, Popover);

package/src/preview/index.js

@@ -1,7 +1,7 @@
-import Preview from './src/preview/preview';
-import PreviewPlain from './src/preview-plain/preview-plain';
-import PreviewImage from './src/preview-image/preview-image';
-import PreviewVideo from './src/preview-video/preview-video';
+import Preview from "./src/preview/preview.jsx";
+import PreviewPlain from "./src/preview-plain/preview-plain.jsx";
+import PreviewImage from "./src/preview-image/preview-image.jsx";
+import PreviewVideo from "./src/preview-video/preview-video.jsx";
 
 export default function (App) {
     App.component(Preview.name, Preview);

package/src/preview/src/preview/{preview.js → preview.jsx}

@@ -129,11 +129,11 @@ export default {
                 if ( Arr.has(exts, extension) ) fallback = key;
             });
 
-            if ( global.resolveVimeo(file) ) {
+            if ( window.resolveVimeo(file) ) {
                 fallback = 'video';
             }
 
-            if ( global.resolveYoutube(file) ) {
+            if ( window.resolveYoutube(file) ) {
                 fallback = 'video';
             }
 

package/src/preview/src/preview-video/{preview-video.js → preview-video.jsx}

@@ -1,6 +1,6 @@
 import { Obj, Arr, Str, Any, Dom } from "@kizmann/pico-js";
 
-global.resolveYoutube = function(url, fallback = null) {
+window.resolveYoutube = function(url, fallback = null) {
 
     if ( ! Any.isString(url) ) {
         return fallback;
@@ -33,7 +33,7 @@ global.resolveYoutube = function(url, fallback = null) {
     return fallback;
 }
 
-global.resolveVimeo = function(url, fallback = null) {
+window.resolveVimeo = function(url, fallback = null) {
 
     if ( ! Any.isString(url) ) {
         return fallback;
@@ -117,7 +117,7 @@ export default {
 
         resolveYoutube()
         {
-            let youtube = global.resolveYoutube(this.src);
+            let youtube = window.resolveYoutube(this.src);
 
             if ( ! youtube ) {
                 return false;
@@ -132,7 +132,7 @@ export default {
 
         resolveVimeo()
         {
-            let vimeo = global.resolveVimeo(this.src);
+            let vimeo = window.resolveVimeo(this.src);
 
             if ( ! vimeo ) {
                 return false;

package/src/radio/index.js

@@ -1,5 +1,5 @@
-import NRadio from './src/radio/radio';
-import NRadioGroup from './src/radio-group/radio-group';
+import NRadio from "./src/radio/radio.jsx";
+import NRadioGroup from "./src/radio-group/radio-group.jsx";
 
 export default function (App) {
     App.component(NRadio.name, NRadio);

package/src/rating/index.js

@@ -1,4 +1,4 @@
-import Rating from './src/rating/rating';
+import Rating from "./src/rating/rating.jsx";
 
 export default function (App) {
     App.component(Rating.name, Rating);

package/src/resizer/index.js

@@ -1,4 +1,4 @@
-import Resizer from './src/resizer/resizer';
+import Resizer from "./src/resizer/resizer.jsx";
 
 export default function (App) {
     App.component(Resizer.name, Resizer);

package/src/scrollbar/index.js

@@ -1,4 +1,4 @@
-import Scrollbar from './src/scrollbar/scrollbar.next';
+import Scrollbar from "./src/scrollbar/scrollbar.jsx";
 
 export default function (App) {
     App.component(Scrollbar.name, Scrollbar);

package/src/select/index.js

@@ -1,7 +1,5 @@
-import Vue from "vue";
-
-import Select from './src/select/select';
-import SelectOption from './src/select-option/select-option';
+import Select from "./src/select/select.jsx";
+import SelectOption from "./src/select-option/select-option.jsx";
 
 export default function (App) {
     App.component(Select.name, Select);

package/src/slider/index.js

@@ -1,6 +1,4 @@
-import Vue from "vue";
-
-import Slider from './src/slider/slider';
+import Slider from "./src/slider/slider.jsx";
 
 export default function (App) {
     App.component(Slider.name, Slider);

package/src/switch/index.js

@@ -1,6 +1,4 @@
-import Vue from "vue";
-
-import Switch from './src/switch/switch';
+import Switch from "./src/switch/switch.jsx";
 
 export default function (App) {
     App.component(Switch.name, Switch);

package/src/table/index.js

@@ -1,16 +1,16 @@
-import Table from './src/table/table';
-import TableColumn from './src/table-column/table-column';
-import TableCellString from './src/table-cell/types/table-cell-string';
-import TableCellBoolean from './src/table-cell/types/table-cell-boolean';
-import TableCellDatetime from './src/table-cell/types/table-cell-datetime';
-import TableCellOption from './src/table-cell/types/table-cell-option';
-import TableCellImage from './src/table-cell/types/table-cell-image';
-import TableCellMatrix from './src/table-cell/types/table-cell-matrix';
-import TableCellSelect from './src/table-cell/types/table-cell-select';
-import TableFilterString from './src/table-filter/types/table-filter-string';
-import TableFilterBoolean from './src/table-filter/types/table-filter-boolean';
-import TableFilterDatetime from './src/table-filter/types/table-filter-datetime';
-import TableFilterOption from './src/table-filter/types/table-filter-option';
+import Table from "./src/table/table.jsx";
+import TableColumn from "./src/table-column/table-column.jsx";
+import TableCellString from "./src/table-cell/types/table-cell-string.jsx";
+import TableCellBoolean from "./src/table-cell/types/table-cell-boolean.jsx";
+import TableCellDatetime from "./src/table-cell/types/table-cell-datetime.jsx";
+import TableCellOption from "./src/table-cell/types/table-cell-option.jsx";
+import TableCellImage from "./src/table-cell/types/table-cell-image.jsx";
+import TableCellMatrix from "./src/table-cell/types/table-cell-matrix.jsx";
+import TableCellSelect from "./src/table-cell/types/table-cell-select.jsx";
+import TableFilterString from "./src/table-filter/types/table-filter-string.jsx";
+import TableFilterBoolean from "./src/table-filter/types/table-filter-boolean.jsx";
+import TableFilterDatetime from "./src/table-filter/types/table-filter-datetime.jsx";
+import TableFilterOption from "./src/table-filter/types/table-filter-option.jsx";
 
 
 export default function (App) {

package/src/table/src/table/{table.js → table.jsx}

@@ -1,5 +1,4 @@
 import { Any, Arr, Obj, Dom, Event, UUID } from "@kizmann/pico-js";
-import { h, resolveComponent } from "vue";
 
 export default {
 

package/src/table/src/table-cell/types/{table-cell-boolean.js → table-cell-boolean.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-datetime.js → table-cell-datetime.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-image.js → table-cell-image.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Obj, Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-matrix.js → table-cell-matrix.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Num, Any, Obj, Arr, UUID } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-option.js → table-cell-option.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Arr, Obj, Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-select.js → table-cell-select.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Num, Any, Obj, Arr } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-cell/types/{table-cell-string.js → table-cell-string.jsx}

@@ -1,4 +1,4 @@
-import TableCell from "../table-cell";
+import TableCell from "../table-cell.jsx";
 import { Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-filter/types/{table-filter-boolean.js → table-filter-boolean.jsx}

@@ -1,4 +1,4 @@
-import TableFilter from "../table-filter";
+import TableFilter from "../table-filter.jsx";
 import { Any } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-filter/types/{table-filter-datetime.js → table-filter-datetime.jsx}

@@ -1,4 +1,4 @@
-import TableFilter from "../table-filter";
+import TableFilter from "../table-filter.jsx";
 
 export default {
 

package/src/table/src/table-filter/types/{table-filter-option.js → table-filter-option.jsx}

@@ -1,4 +1,4 @@
-import TableFilter from "../table-filter";
+import TableFilter from "../table-filter.jsx";
 import { Arr, Obj, Any, Locale } from "@kizmann/pico-js";
 
 export default {

package/src/table/src/table-filter/types/{table-filter-string.js → table-filter-string.jsx}

@@ -1,4 +1,4 @@
-import TableFilter from "../table-filter";
+import TableFilter from "../table-filter.jsx";
 import { Dom, Any, Locale } from "@kizmann/pico-js";
 
 export default {

package/src/tabs/index.js

@@ -1,5 +1,5 @@
-import Tabs from './src/tabs/tabs';
-import TabsItem from './src/tabs-item/tabs-item';
+import Tabs from "./src/tabs/tabs.jsx";
+import TabsItem from "./src/tabs-item/tabs-item.jsx";
 
 export default function (App) {
     App.component(Tabs.name, Tabs);

package/src/tags/index.js

@@ -1,5 +1,5 @@
-import Tags from './src/tags/tags';
-import TagsItem from './src/tags-item/tags-item';
+import Tags from "./src/tags/tags.jsx";
+import TagsItem from "./src/tags-item/tags-item.jsx";
 
 export default function (App) {
     App.component(Tags.name, Tags);

package/src/textarea/index.js

@@ -1,4 +1,4 @@
-import Textarea from './src/textarea/textarea';
+import Textarea from "./src/textarea/textarea.jsx";
 
 export default function (App) {
     App.component(Textarea.name, Textarea);

package/src/timepicker/index.js

@@ -1,5 +1,5 @@
-import TimepickerPanel from "./src/timepicker-panel/timepicker-panel";
-import Timepicker from "./src/timepicker/timepicker";
+import TimepickerPanel from "./src/timepicker-panel/timepicker-panel.jsx";
+import Timepicker from "./src/timepicker/timepicker.jsx";
 
 export default function (App) {
     App.component(TimepickerPanel.name, TimepickerPanel);

package/src/transfer/index.js

@@ -1,4 +1,4 @@
-import Transfer from "./src/transfer/transfer";
+import Transfer from "./src/transfer/transfer.jsx";
 
 export default function (App) {
     App.component(Transfer.name, Transfer);

package/src/virtualscroller/index.js

@@ -1,4 +1,4 @@
-import Virtualscroller from './src/virtualscroller/virtualscroller.beta';
+import Virtualscroller from "./src/virtualscroller/virtualscroller.jsx";
 
 export default function (App) {
     App.component(Virtualscroller.name, Virtualscroller);

package/src/virtualscroller/src/virtualscroller/{virtualscroller.beta.js → virtualscroller.jsx}

@@ -1,6 +1,6 @@
 import { Arr, Obj, Any, Dom } from "@kizmann/pico-js";
 
-global.DEBUG_NVSCROLL = false;
+window.DEBUG_NVSCROLL = false;
 
 export default {