@kizmann/nano-ui 1.0.7 → 1.0.9

package/src/form/src/form-frame/form-frame.scss

@@ -1,28 +1,85 @@
+@use "sass:map";
 @import "../../../root/vars";
 
-.n-frame {
+.n-form-frame {
     display: flex;
     flex-direction: row;
     align-items: stretch;
     justify-content: stretch;
 }
 
-.n-frame-item {
-    position: relative;
+.n-form-frame__menus {
+    flex: 0 0 auto;
+}
+
+.n-form-frame__menus .n-scrollbar__wrap {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
 }
 
-.n-frame-item.is-resize {
+.n-form-frame__menu {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    border-radius: $md-radius;
+    text-decoration: none;
+}
+
+.n-form-frame__menu:not(:last-child) {
+    margin-bottom: 1px;
+}
+
+.n-form-frame__menu i {
     flex: 0 0 auto;
+    text-align: center;
 }
 
-.n-frame-item:not(.is-resize) {
+.n-form-frame__menu span {
+    overflow: hidden;
     flex: 1 1 auto;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
-.n-frame-item.is-scrollbar > .n-scrollbar {
-    position: absolute;
-    top: 0;
-    left: 0;
+.n-form-frame__body {
+    flex: 1 1 auto;
     width: 100%;
     height: 100%;
+    min-height: 0;
+}
+
+
+
+@each $suffix, $values in $form {
+
+    $-form-frame-font: map.get($values, 'font');
+    $-form-frame-size: map.get($values, 'size');
+    $-form-frame-radius: map.get($values, 'radius');
+    $-form-frame-ratio: map.get($values, 'ratio');
+
+    .n-form-frame--#{$suffix} .n-form-frame__menus {
+        width: $-form-frame-size * 8;
+    }
+
+    .n-form-frame--#{$suffix} .n-form-frame__menus .n-scrollbar__wrap {
+        padding: $-form-frame-size * 0.5 $-form-frame-size * 0.6;
+    }
+
+    .n-form-frame--#{$suffix} .n-form-frame__menu {
+        height: $-form-frame-size;
+        font-size: $-form-frame-font - 1;
+        border-radius: $-form-frame-radius;
+    }
+
+    .n-form-frame--#{$suffix} .n-form-frame__menu i {
+        width: $-form-frame-size * 0.6;
+        margin: 0 $-form-frame-size * 0.3;
+    }
+
+    .n-form-frame--#{$suffix} .n-form-frame__body .n-scrollbar__wrap {
+        padding: $-form-frame-size * 0.4 $-form-frame-size * 0.6;
+    }
+
 }

package/src/form/src/form-group/form-group.jsx

@@ -137,9 +137,19 @@ export default {
 
     methods: {
 
-        collapseGroup()
+        toggleGroup()
         {
             this.$emit('update:modelValue', this.tempValue = ! this.tempValue);
+        },
+
+        openGroup()
+        {
+            this.$emit('update:modelValue', this.tempValue = true);
+        },
+
+        closeGroup()
+        {
+            this.$emit('update:modelValue', this.tempValue = true);
         }
 
     },
@@ -201,7 +211,7 @@ export default {
     renderLabel()
     {
         return (
-            <div class="n-form-group__legend" onClick={this.collapseGroup}>
+            <div class="n-form-group__legend" onClick={this.toggleGroup}>
                 { this.ctor('renderCollapse')() }
                 { this.ctor('renderText')() }
                 { this.ctor('renderAction')() }

package/src/scrollbar/src/scrollbar/scrollbar.jsx

@@ -757,7 +757,7 @@ export default {
 
             Dom.find(document).off(this.mouseup,
                 null, this._.uid);
-        }
+        },
 
     },
 

package/themes/macos/form/index.scss

@@ -1,3 +1,4 @@
 @import "./src/form/form";
 @import "./src/form-group/form-group";
+@import "./src/form-frame/form-frame";
 @import "./src/form-item/form-item";

package/themes/macos/form/src/form-frame/form-frame.scss

@@ -0,0 +1,30 @@
+@use "sass:map";
+@import "../../../root/vars";
+
+.n-form-frame__menu:hover {
+    background: rgba($color-foreground, 0.05);
+}
+
+.n-form-frame__menu span {
+    color: $color-gray-80;
+}
+
+@each $color, $values in $colors {
+
+    $-color-base: map.get($values, 'base');
+    $-color-light: map.get($values, 'light');
+    $-color-dark: map.get($values, 'dark');
+
+    .n-form-frame__menu--#{$color}.is-visible {
+        background: rgba($-color-base, 0.15);
+    }
+
+    .n-form-frame__menu--#{$color} i {
+        color: $-color-base;
+    }
+
+    .n-form-frame__menu--#{$color}.is-visible span {
+        color: $-color-base;
+    }
+
+}

package/dist/218.nano-ui.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkNano=self.webpackChunkNano||[]).push([[218],{218:(n,t,o)=>{o.r(t),o.d(t,{Notify:()=>d,default:()=>y});var i=o(55);function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},e(n)}function r(n,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,t){return n.__proto__=t,n},r(n,t)}function a(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(n){}return(a=function(){return!!n})()}function c(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function s(n,t){for(var o=0;o<t.length;o++){var i=t[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(n,l(i.key),i)}}function u(n,t,o){return t&&s(n.prototype,t),o&&s(n,o),Object.defineProperty(n,"prototype",{writable:!1}),n}function f(n,t,o){return(t=l(t))in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function l(n){var t=function(n,t){if("object"!=e(n)||!n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var i=o.call(n,t||"default");if("object"!=e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==e(t)?t:t+""}var p=function(){return u((function n(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"primary",e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};c(this,n),f(this,"el",null),f(this,"text",""),f(this,"icon",""),f(this,"type",""),f(this,"options",{duration:4500});var r={iconPrimary:window.nano.Icons.info,iconSecondary:window.nano.Icons.info,iconSuccess:window.nano.Icons.success,iconWarning:window.nano.Icons.warning,iconDanger:window.nano.Icons.danger,iconInfo:window.nano.Icons.info};this.text=t,this.type=o,this.options=i.Obj.assign(this.options,r,e),this.render()}),[{key:"getIcon",value:function(){return i.Obj.get(this.options,"icon"+i.Str.ucfirst(this.type))}},{key:"append",value:function(){var n=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return this.el.appendTo(t),setTimeout((function(){return n.el.addClass("n-active")}),100),this}},{key:"remove",value:function(){return this.el.get(0).remove(),this}},{key:"render",value:function(){var n=this,t=["n-notification","n-notification--"+this.type];this.el=i.Dom.make("div",{classList:t.join(" "),onclick:function(){return n.remove()}});var o=i.Dom.make("div",{classList:"n-notification__icon"});o.appendTo(this.el),i.Dom.make("span",{classList:this.getIcon()}).appendTo(o),i.Dom.make("div",{classList:"n-notification__text"}).html(this.text).appendTo(this.el)}}])}(),d=function(){function n(){c(this,n)}return u(n,null,[{key:"handle",value:function(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];var e=n.create.apply(n,[void 0].concat(o)),r=n.getWrapper();return n.notifications[e].append(r),setTimeout((function(){return n.remove(e)}),n.notifications[e].options.duration),e}},{key:"create",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,i.UUID)(),o=arguments.length,e=new Array(o>1?o-1:0),c=1;c<o;c++)e[c-1]=arguments[c];return n.notifications[t]=function(n,t,o){if(a())return Reflect.construct.apply(null,arguments);var i=[null];i.push.apply(i,t);var e=new(n.bind.apply(n,i));return o&&r(e,o.prototype),e}(p,e),t}},{key:"remove",value:function(t){void 0!==n.notifications[t]&&(n.notifications[t].remove(),delete n.notifications[t])}},{key:"getWrapper",value:function(){window.zIndex||(window.zIndex=9e3);var n={"z-index":window.zIndex+100},t=["n-notification-frame","n-notification-frame--"+this.size,"n-notification-frame--"+this.position];return!0===i.Dom.find(".n-notification-frame").empty()&&i.Dom.make("div",{classList:t.join(" ")}).appendTo(document.body),i.Dom.find(".n-notification-frame").css(n),i.Dom.find(".n-notification-frame")}}])}();f(d,"alias","Notify"),f(d,"size",window.nano.Settings.notifySize),f(d,"position",window.nano.Settings.notifyPosition),f(d,"notifications",{});const y=d}}]);
-//# sourceMappingURL=218.nano-ui.js.map

package/dist/218.nano-ui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"218.nano-ui.js","mappings":"w6CAAuD,IAEjDA,EAAY,WAgCb,OAAAC,GAlBD,SAAAD,EAAYE,GACZ,IADkBC,EAAIC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,UAAWG,EAAOH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAACI,EAAA,KAAAR,GAAAS,EAAA,UAZ3C,MAAIA,EAAA,YAEF,IAAEA,EAAA,YAEF,IAAEA,EAAA,YAEF,IAAEA,EAAA,eAEC,CACNC,SAAU,OAKV,IAAIC,EAAe,CACfC,YAAaC,OAAOC,KAAKC,MAAMC,KAC/BC,cAAeJ,OAAOC,KAAKC,MAAMC,KACjCE,YAAaL,OAAOC,KAAKC,MAAMI,QAC/BC,YAAaP,OAAOC,KAAKC,MAAMM,QAC/BC,WAAYT,OAAOC,KAAKC,MAAMQ,OAC9BC,SAAUX,OAAOC,KAAKC,MAAMC,MAGhCS,KAAKvB,KAAOA,EACZuB,KAAKtB,KAAOA,EAEZsB,KAAKlB,QAAUmB,EAAAA,IAAIC,OAAOF,KAAKlB,QAC3BI,EAAcJ,GAElBkB,KAAKG,QACT,GAAC,EAAAC,IAAA,UAAAC,MAED,WAEI,OAAOJ,EAAAA,IAAIK,IAAIN,KAAKlB,QAChB,OAASyB,EAAAA,IAAIC,QAAQR,KAAKtB,MAClC,GAAC,CAAA0B,IAAA,SAAAC,MAED,WACA,IAAAI,EAAA,KADOC,EAAE/B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGgC,SAASC,KAMjB,OAJAZ,KAAKU,GAAGG,SAASH,GAEjBI,YAAW,kBAAML,EAAKC,GAAGK,SAAS,WAAW,GAAE,KAExCf,IACX,GAAC,CAAAI,IAAA,SAAAC,MAED,WAII,OAFAL,KAAKU,GAAGJ,IAAI,GAAGU,SAERhB,IACX,GAAC,CAAAI,IAAA,SAAAC,MAED,WACA,IAAAY,EAAA,KACQC,EAAY,CACZ,iBACA,mBAAqBlB,KAAKtB,MAG9BsB,KAAKU,GAAKS,EAAAA,IAAIC,KAAK,MAAO,CACtBF,UAAWA,EAAUG,KAAK,KAAMC,QAAS,WAAF,OAAQL,EAAKD,QAAQ,IAIhE,IAAIO,EAAOJ,EAAAA,IAAIC,KAAK,MAAO,CACvBF,UAAW,yBAGfK,EAAKV,SAASb,KAAKU,IAEJS,EAAAA,IAAIC,KAAK,OAAQ,CAC5BF,UAAWlB,KAAKwB,YAGXX,SAASU,GAEPJ,EAAAA,IAAIC,KAAK,MAAO,CACvBF,UAAW,yBAGVO,KAAKzB,KAAKvB,MAAMoC,SAASb,KAAKU,GACvC,IAAC,CArFa,GAyFLgB,EAAM,oBAAAA,IAAA3C,EAAA,KAAA2C,EAAA,QAAAlD,EAAAkD,EAAA,OAAAtB,IAAA,SAAAC,MAUf,WACA,QAAAsB,EAAAhD,UAAAC,OADiBgD,EAAI,IAAAC,MAAAF,GAAAG,EAAA,EAAAA,EAAAH,EAAAG,IAAJF,EAAIE,GAAAnD,UAAAmD,GAEjB,IAAIC,EAAML,EAAOM,OAAMC,MAAbP,EAAM,MAAQ7C,GAASqD,OAAKN,IAElCO,EAAUT,EAAOU,aASrB,OANAV,EAAOW,cAAcN,GAAKO,OAAOH,GAGjCrB,YAAW,kBAAMY,EAAOV,OAAOe,EAAI,GAC/BL,EAAOW,cAAcN,GAAKjD,QAAQG,UAE/B8C,CACX,GAAC,CAAA3B,IAAA,SAAAC,MAED,WAA0B,IAC1B,IADc0B,EAAGpD,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,IAAG4D,EAAAA,EAAAA,QAAMC,EAAA7D,UAAAC,OAAKgD,EAAI,IAAAC,MAAAW,EAAA,EAAAA,EAAA,KAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJb,EAAIa,EAAA,GAAA9D,UAAA8D,GAI/B,OAFAf,EAAOW,cAAcN,G,+JAAIW,CAAOnE,EAAgBqD,GAEzCG,CACX,GAAC,CAAA3B,IAAA,SAAAC,MAED,SAAc0B,QAEyBlD,IAA9B6C,EAAOW,cAAcN,KAK1BL,EAAOW,cAAcN,GAAKf,gBAGnBU,EAAOW,cAAcN,GAChC,GAAC,CAAA3B,IAAA,aAAAC,MAED,WAEWjB,OAAOuD,SACVvD,OAAOuD,OAAS,KAGpB,IAAIC,EAAQ,CACR,UAAWxD,OAAOuD,OAAS,KAG3BzB,EAAY,CACZ,uBACA,yBAA2BlB,KAAK6C,KAChC,yBAA2B7C,KAAK8C,UASpC,OANmD,IAA9C3B,EAAAA,IAAI4B,KAAK,yBAAyBC,SACnC7B,EAAAA,IAAIC,KAAK,MAAO,CAAEF,UAAWA,EAAUG,KAAK,OAAQR,SAASF,SAASC,MAG1EO,EAAAA,IAAI4B,KAAK,yBAAyBE,IAAIL,GAE/BzB,EAAAA,IAAI4B,KAAK,wBACpB,IAAC,CArEc,GAuElB/D,EAvEY0C,EAAM,QAEA,UAAQ1C,EAFd0C,EAAM,OAIDtC,OAAOC,KAAK6D,SAASC,YAAUnE,EAJpC0C,EAAM,WAMGtC,OAAOC,KAAK6D,SAASE,gBAAcpE,EAN5C0C,EAAM,gBAQQ,CAAC,GAiE5B,S","sources":["webpack://Nano/./src/notification/src/notification/notification.js"],"sourcesContent":["import { UUID, Str, Obj, Dom } from \"@kizmann/pico-js\";\n\nclass Notification {\n\n    el = null;\n\n    text = '';\n\n    icon = '';\n\n    type = '';\n\n    options = {\n        duration: 4500,\n    };\n\n    constructor(text, type = 'primary', options = {})\n    {\n        let defaultIcons = {\n            iconPrimary: window.nano.Icons.info,\n            iconSecondary: window.nano.Icons.info,\n            iconSuccess: window.nano.Icons.success,\n            iconWarning: window.nano.Icons.warning,\n            iconDanger: window.nano.Icons.danger,\n            iconInfo: window.nano.Icons.info\n        };\n\n        this.text = text;\n        this.type = type;\n\n        this.options = Obj.assign(this.options,\n            defaultIcons, options);\n\n        this.render();\n    }\n\n    getIcon()\n    {\n        return Obj.get(this.options,\n            'icon' + Str.ucfirst(this.type));\n    }\n\n    append(el = document.body)\n    {\n        this.el.appendTo(el);\n\n        setTimeout(() => this.el.addClass('n-active'), 100);\n\n        return this;\n    }\n\n    remove()\n    {\n        this.el.get(0).remove();\n\n        return this;\n    }\n\n    render()\n    {\n        let classList = [\n            'n-notification',\n            'n-notification--' + this.type\n        ];\n\n        this.el = Dom.make('div', {\n            classList: classList.join(' '), onclick: () => this.remove()\n        });\n        \n\n        let icon = Dom.make('div', {\n            classList: 'n-notification__icon'\n        });\n\n        icon.appendTo(this.el);\n\n        let iconSpan = Dom.make('span', {\n            classList: this.getIcon()\n        });\n\n        iconSpan.appendTo(icon);\n\n        let text = Dom.make('div', {\n            classList: 'n-notification__text'\n        });\n\n        text.html(this.text).appendTo(this.el);\n    }\n\n}\n\nexport class Notify {\n\n    static alias = 'Notify';\n\n    static size = window.nano.Settings.notifySize;\n\n    static position = window.nano.Settings.notifyPosition;\n\n    static notifications = {};\n\n    static handle(...args)\n    {\n        let uid = Notify.create(undefined, ...args);\n\n        let wrapper = Notify.getWrapper();\n\n        // Append element to dom\n        Notify.notifications[uid].append(wrapper);\n\n        // Queue remove\n        setTimeout(() => Notify.remove(uid),\n            Notify.notifications[uid].options.duration);\n\n        return uid;\n    }\n\n    static create(uid = UUID(), ...args)\n    {\n        Notify.notifications[uid] = new Notification(...args);\n\n        return uid;\n    }\n\n    static remove(uid)\n    {\n        if ( Notify.notifications[uid] === undefined ) {\n            return;\n        }\n\n        // Remove dom element\n        Notify.notifications[uid].remove();\n\n        // Remove from list\n        delete Notify.notifications[uid];\n    }\n\n    static getWrapper()\n    {\n        if ( ! window.zIndex ) {\n            window.zIndex = 9000;\n        }\n\n        let style = {\n            'z-index': window.zIndex + 100\n        };\n\n        let classList = [\n            'n-notification-frame',\n            'n-notification-frame--' + this.size,\n            'n-notification-frame--' + this.position\n        ];\n\n        if ( Dom.find('.n-notification-frame').empty() === true ) {\n            Dom.make('div', { classList: classList.join(' ') }).appendTo(document.body);\n        }\n\n        Dom.find('.n-notification-frame').css(style);\n\n        return Dom.find('.n-notification-frame');\n    }\n\n}\n\nexport default Notify;\n"],"names":["Notification","_createClass","text","type","arguments","length","undefined","options","_classCallCheck","_defineProperty","duration","defaultIcons","iconPrimary","window","nano","Icons","info","iconSecondary","iconSuccess","success","iconWarning","warning","iconDanger","danger","iconInfo","this","Obj","assign","render","key","value","get","Str","ucfirst","_this","el","document","body","appendTo","setTimeout","addClass","remove","_this2","classList","Dom","make","join","onclick","icon","getIcon","html","Notify","_len","args","Array","_key","uid","create","apply","concat","wrapper","getWrapper","notifications","append","UUID","_len2","_key2","_construct","zIndex","style","size","position","find","empty","css","Settings","notifySize","notifyPosition"],"sourceRoot":""}

package/dist/933.nano-ui.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkNano=self.webpackChunkNano||[]).push([[933],{933:(n,t,e)=>{e.r(t),e.d(t,{Alert:()=>y,default:()=>d});var o=e(55);function r(n){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},r(n)}function i(n,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,t){return n.__proto__=t,n},i(n,t)}function a(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(n){}return(a=function(){return!!n})()}function c(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function l(n,t){for(var e=0;e<t.length;e++){var o=t[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,f(o.key),o)}}function u(n,t,e){return t&&l(n.prototype,t),e&&l(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}function s(n,t,e){return(t=f(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function f(n){var t=function(n,t){if("object"!=r(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==r(t)?t:t+""}var p=function(){return u((function n(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"primary",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};c(this,n),s(this,"el",null),s(this,"text",""),s(this,"icon",""),s(this,"type",""),s(this,"options",{});var i={iconPrimary:window.nano.Icons.info,iconSecondary:window.nano.Icons.info,iconSuccess:window.nano.Icons.success,iconWarning:window.nano.Icons.warning,iconDanger:window.nano.Icons.danger,iconInfo:window.nano.Icons.info};this.text=t,this.type=e,this.options=o.Obj.assign(this.options,i,r),this.render()}),[{key:"getIcon",value:function(){return o.Obj.get(this.options,"icon"+o.Str.ucfirst(this.type))}},{key:"append",value:function(){var n=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;this.el.appendTo(t),o.Dom.find(document.body).on("keydown",(function(t){27===t.which&&n.remove()}),"n-alert"),setTimeout((function(){return n.el.addClass("n-active")}),100)}},{key:"remove",value:function(){o.Dom.find(document.body).off("keydown",null,"n-alert"),this.el.get(0).remove()}},{key:"render",value:function(){var n=this,t=["n-alert-frame","n-alert-frame--"+this.type,"n-alert-frame--"+y.size];this.el=o.Dom.make("div",{classList:t.join(" ")});var e=o.Dom.make("div",{classList:"n-alert-backdrop",onclick:function(){return n.remove()}});e.onClick=function(){n.remove()},e.appendTo(this.el);var r=o.Dom.make("div",{classList:"n-alert"});r.appendTo(this.el);var i=o.Dom.make("div",{classList:"n-alert__icon"});i.appendTo(r),o.Dom.make("span",{classList:this.getIcon()}).appendTo(i),o.Dom.make("div",{classList:"n-alert__text"}).html(this.text).appendTo(r)}}])}(),y=function(){function n(){c(this,n)}return u(n,null,[{key:"handle",value:function(){o.Any.isEmpty(n.alert)||n.alert.remove();for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return n.alert=function(n,t,e){if(a())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,t);var r=new(n.bind.apply(n,o));return e&&i(r,e.prototype),r}(p,e),n.alert.append(),n}}])}();s(y,"alias","Alert"),s(y,"size",window.nano.Settings.notifySize),s(y,"alert",null);const d=y}}]);
-//# sourceMappingURL=933.nano-ui.js.map

package/dist/933.nano-ui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"933.nano-ui.js","mappings":"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","sources":["webpack://Nano/./src/alert/src/alert/alert.js"],"sourcesContent":["import { Any, Str, Obj, Dom } from \"@kizmann/pico-js\";\n\nclass AlertFrame {\n\n    el = null;\n\n    text = '';\n\n    icon = '';\n\n    type = '';\n\n    options = {};\n\n    constructor(text, type = 'primary', options = {})\n    {\n        let defaultIcons = {\n            iconPrimary: window.nano.Icons.info,\n            iconSecondary: window.nano.Icons.info,\n            iconSuccess: window.nano.Icons.success,\n            iconWarning: window.nano.Icons.warning,\n            iconDanger: window.nano.Icons.danger,\n            iconInfo: window.nano.Icons.info\n        };\n\n        this.text = text;\n        this.type = type;\n\n        this.options = Obj.assign(this.options,\n            defaultIcons, options);\n\n        this.render();\n    }\n\n    getIcon()\n    {\n        return Obj.get(this.options,\n            'icon' + Str.ucfirst(this.type));\n    }\n\n    append(el = document.body)\n    {\n        this.el.appendTo(el);\n\n        Dom.find(document.body).on('keydown', (event) => {\n            if ( event.which === 27 ) {\n                this.remove();\n            }\n        }, 'n-alert');\n\n        setTimeout(() => this.el.addClass('n-active'), 100);\n    }\n\n    remove()\n    {\n        Dom.find(document.body).off('keydown', null, 'n-alert');\n\n        this.el.get(0).remove();\n    }\n\n    render()\n    {\n        let classList = [\n            'n-alert-frame',\n            'n-alert-frame--' + this.type,\n            'n-alert-frame--' + Alert.size\n        ];\n\n        this.el = Dom.make('div', {\n            classList: classList.join(' ')\n        });\n\n        let backdrop = Dom.make('div', {\n            classList: 'n-alert-backdrop', onclick: () => this.remove()\n        });\n\n        backdrop.onClick = () => {\n            this.remove();\n        };\n\n        backdrop.appendTo(this.el);\n\n        let frame = Dom.make('div', {\n            classList: 'n-alert'\n        });\n\n        frame.appendTo(this.el);\n\n        let icon = Dom.make('div', {\n            classList: 'n-alert__icon'\n        });\n\n        icon.appendTo(frame);\n\n        let iconSpan = Dom.make('span', {\n            classList: this.getIcon()\n        });\n\n        iconSpan.appendTo(icon);\n\n        let text = Dom.make('div', {\n            classList: 'n-alert__text'\n        });\n\n        text.html(this.text).appendTo(frame);\n    }\n\n}\n\nexport class Alert {\n\n    static alias = 'Alert';\n\n    static size = window.nano.Settings.notifySize;\n\n    static alert = null;\n\n    static handle(...args)\n    {\n        if ( ! Any.isEmpty(Alert.alert) ) {\n            Alert.alert.remove();\n        }\n\n        Alert.alert = new AlertFrame(...args);\n\n        Alert.alert.append();\n\n        return Alert;\n    }\n\n}\n\nexport default Alert;\n"],"names":["AlertFrame","_createClass","text","type","arguments","length","undefined","options","_classCallCheck","_defineProperty","defaultIcons","iconPrimary","window","nano","Icons","info","iconSecondary","iconSuccess","success","iconWarning","warning","iconDanger","danger","iconInfo","this","Obj","assign","render","key","value","get","Str","ucfirst","_this","el","document","body","appendTo","Dom","find","on","event","which","remove","setTimeout","addClass","off","_this2","classList","Alert","size","make","join","backdrop","onclick","onClick","frame","icon","getIcon","html","Any","isEmpty","alert","_len","args","Array","_key","_construct","append","Settings","notifySize"],"sourceRoot":""}

package/src/form/src/form-frame-item/form-frame-item.jsx

@@ -1,114 +0,0 @@
-import { Arr, Obj, Any, Dom, UUID, Locale } from "@kizmann/pico-js";
-
-export default {
-
-    name: 'NFrameItem',
-
-    inject: {
-
-        NFrame: {
-            default: undefined
-        },
-
-    },
-
-    props: {
-
-        width: {
-            default()
-            {
-                return 0;
-            },
-            type: [Number]
-        },
-
-        resize: {
-            default() {
-                return null;
-            },
-            type: [Boolean]
-        },
-
-        scrollbar: {
-            default() {
-                return null;
-            },
-            type: [Boolean]
-        }
-
-    },
-
-    computed: {
-
-        itemResize() {
-            return Any.isNull(this.resize) ? this.NFrame.resize : this.resize;
-        },
-
-        itemScrollbar() {
-            return Any.isNull(this.scrollbar) ? this.NFrame.scrollbar : this.scrollbar;
-        }
-
-    },
-
-    renderContent()
-    {
-        if ( ! this.itemScrollbar ) {
-            return this.$slots.default && this.$slots.default();
-        }
-
-        return (
-            <NScrollbar>{this.$slots.default && this.$slots.default()}</NScrollbar>
-        );
-    },
-
-    renderDiv(classList)
-    {
-        let style = {
-            //
-        };
-
-        if ( this.width ) {
-            style.width = this.width + 'px';
-        }
-
-        return (
-            <div class={classList} style={style}>
-                {this.ctor('renderContent')()}
-            </div>
-        );
-    },
-
-    renderResizer(classList, style)
-    {
-        let props = {
-            width: this.width
-        };
-
-        return (
-            <NResizer class={classList} {...props}>
-                {this.ctor('renderContent')()}
-            </NResizer>
-        );
-    },
-
-    render()
-    {
-        let classList = [
-            'n-frame-item'
-        ];
-
-        if ( this.itemResize ) {
-            classList.push('is-resize');
-        }
-
-        if ( this.itemScrollbar ) {
-            classList.push('is-scrollbar');
-        }
-
-        if ( this.itemResize ) {
-            return this.ctor('renderResizer')(classList);
-        }
-
-        return this.ctor('renderDiv')(classList);
-    }
-}

package/src/form/src/form-menu/form-menu.jsx

@@ -1,89 +0,0 @@
-import { Arr, Obj, Any, Dom, UUID, Locale } from "@kizmann/pico-js";
-
-export default {
-
-    name: 'NFormMenu',
-
-    inject: {
-
-        NForm: {
-            default: undefined
-        },
-
-    },
-
-    props: {
-
-        size: {
-            default()
-            {
-                return '';
-            },
-            type: [String]
-        },
-
-    },
-
-    mounted()
-    {
-
-        Dom.find(document).on('scroll', Any.debounce(() => {
-
-            let loop = true;
-
-            Arr.each(this.NForm.groups, (item) => {
-                loop = loop && ! this.bindInviewEvent(item);
-            })
-        }));
-    },
-
-    methods: {
-
-        bindInviewEvent(item)
-        {
-            let [menu, group] = [
-                `[data-menu-key="${item.key}"]`,
-                `[data-group-key="${item.key}"]`
-            ];
-
-            let inview = Dom.find(group).inviewY(0.1);
-
-            Dom.find('[data-menu-key]')
-                .removeClass('is-visible');
-
-            if ( inview ) {
-                Dom.find(menu).addClass('is-visible');
-            }
-
-            return inview;
-        }
-
-    },
-
-    renderMenu(item)
-    {
-        return (
-           <div data-menu-key={item.key}>
-               <a href={'#' + item.key}>{item.label}</a>
-           </div>
-        );
-    },
-
-    renderMenus()
-    {
-        return Arr.each(this.NForm.groups, (item) => {
-            return this.ctor('renderMenu')(item);
-        })
-    },
-
-    render()
-    {
-        let classList = [
-            'n-form-menu'
-        ];
-
-        return <div class={classList}>
-            {this.ctor('renderMenus')()}
-        </div>;
-    }
-}

package/src/form/src/form-menu/form-menu.scss

@@ -1,9 +0,0 @@
-@import "../../../root/vars";
-
-.n-form-menu [data-menu-key] a {
-    color: red;
-}
-
-.n-form-menu [data-menu-key].is-visible a {
-    color: green;
-}