gina 0.1.1-alpha.169 → 0.1.1-alpha.170

package/framework/v0.1.1-alpha.170/VERSION

@@ -0,0 +1 @@
+0.1.1-alpha.170

package/framework/{v0.1.1-alpha.169/core/asset/plugin/readme.md → v0.1.1-alpha.170/core/asset/plugin/README.md}

@@ -18,8 +18,10 @@ To be able to compile the GFF (Gina Frontend Framework), you need to install the
 npm install -g requirejs
 ```
 
+`sudo gem install sass` __is deprecated__
+
 ```tty
-sudo gem install sass
+npm install -g sass
 ```
 
 ```tty
@@ -32,7 +34,17 @@ npm install -g csso@2.2.1
 
 ## Compiling & minification
 
-### Building main frontend plugin
+```tty
+gina build
+```
+or just for the `dev` environment
+
+```tty
+gina build --env=dev
+```
+
+
+### What command lines are used by the build script
 
 Uglify2 is the default compiler.
 
@@ -82,15 +94,25 @@ java -jar ./lib/js/compiler.jar --formatting=SINGLE_QUOTES --compilation_level A
 
 ### Building SASS assets into CSS
 
+__Popin sample__
+
+If you want to watch `sass/gina-popin.sass` and apply modifications on changes
 ```tty
-sass --no-cache --update sass/toolbar.sass:css/toolbar.css css/toolbar.css;css/toolbar.map.css
+sass --watch sass/gina-popin.sass sass/popin.sass:css/popin.css
 ```
 
+Or just update
+
+```tty
+sass --update sass/popin.sass:css/popin.css
+```
+
+
 ### Building CSS assets
 
 > **N.B.:** The `<LINK>` `/css/vendor/gina/gina.min.css` will be added through the
 > `gina.onload` `<event>`.
-> For more this topic, checkout `gina/core/asset/plugin/src/loader/main.js`
+> For more this topic, checkout `gina/core/asset/plugin/src/vendor/gina/js/loader/main.js`
 
 ```tty
 cd ${project}/node_modules/gina/core/asset/plugin

package/framework/v0.1.1-alpha.170/core/asset/plugin/dist/vendor/gina/css/gina.min.css

@@ -0,0 +1 @@
+@font-face{font-family:"have_heart_oneregular";src:url(fonts/have_heart_one-webfont.woff2) format("woff2"),url(fonts/have_heart_one-webfont.woff) format("woff");font-weight:400;font-style:normal}.gina-popin-container{background:#fff}.gina-popins-overlay,div.gina-popin-container{visibility:hidden;opacity:0;z-index:1;transition:opacity .3s,visibility 0 .3s}.gina-popins-overlay.gina-popin-is-active,div.gina-popin-container.gina-popin-is-active{opacity:1;visibility:visible;transition-delay:0}dialog.gina-popin-container{padding:0;border:none}.gina-popins-overlay{position:fixed;left:0;top:0;width:100%;height:100%;transition:opacity .3s,visibility .3s;overflow:auto;background:rgba(0,0,0,.75)}.gina-popins-overlay.gina-popin-is-active{backdrop-filter:blur(6px)}dialog::backdrop{background-color:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.gina-toolbar a,.gina-toolbar div,.gina-toolbar form,.gina-toolbar label,.gina-toolbar li,.gina-toolbar small,.gina-toolbar span,.gina-toolbar strong,.gina-toolbar ul{clear:none;float:none;position:static;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;box-sizing:inherit}.gina-toolbar legend,.gina-toolbar p{clear:none;position:static;padding:0;border:0;box-sizing:inherit}.gina-toolbar fieldset,.gina-toolbar legend,.gina-toolbar p{float:none;outline:0;vertical-align:baseline;background:0 0}.gina-toolbar,.gina-toolbar *,.gina-toolbar :after,.gina-toolbar :before{clear:none;float:none;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}.gina-toolbar *,.gina-toolbar :after,.gina-toolbar :before,.gina-toolbar fieldset{position:static;box-sizing:inherit}.gina-toolbar{box-sizing:content-box;display:block;position:fixed!important;width:auto;height:auto;min-width:260px;color:#888;font:12px/18px "Lucida Grande",Lucida,Arial,Helvetica,sans-serif;overflow:hidden;background-color:rgba(0,0,0,.8);z-index:2147483647}.gina-toolbar div,.gina-toolbar fieldset,.gina-toolbar form,.gina-toolbar legend,.gina-toolbar li,.gina-toolbar p,.gina-toolbar ul{display:block}.gina-toolbar a,.gina-toolbar label,.gina-toolbar small,.gina-toolbar span,.gina-toolbar strong{display:inline}.gina-toolbar a:focus{outline:none}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.gina-toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.gina-toolbar p{margin:0 0 6px}.gina-toolbar svg{position:relative;display:block;width:16px;height:16px;fill:#fff}.gina-toolbar fieldset{clear:both;padding:0;margin:0;border:none}.gina-toolbar fieldset+fieldset{padding:12px 0 0;margin:12px 0 0;border-top:1px solid #444}.gina-toolbar legend{margin:6px 0;color:#888;font-size:12px;font-weight:400}.gina-toolbar input[type=text],.gina-toolbar label{color:#fff;font-size:12px;font-weight:400}.gina-toolbar input[type=text]{appearance:none;text-align:center;background:0 0;border:none}.gina-toolbar input[type=text]:active,.gina-toolbar input[type=text]:focus{outline:none;border-color:#fff;background:#444}.gina-toolbar input[type=file]{display:none}.gina-toolbar select{appearance:none;height:24px;width:auto;padding:0 10px;margin:0;color:#fff;font-size:11px;font-weight:400;background:0 0;border:1px solid #666}.gina-toolbar select:active,.gina-toolbar select:focus{outline:none;border-color:#fff;background:#333}.gina-toolbar .gina-toolbar-button:hover,.gina-toolbar .gina-toolbar-input-file:hover,.gina-toolbar select:hover{border-color:#f2af0d}.gina-toolbar .gina-toolbar-inline-list>li{display:inline-block}.gina-toolbar .gina-toolbar-list-item{margin:0 0 12px}.gina-toolbar .gina-toolbar-button,.gina-toolbar .gina-toolbar-input-file{display:inline-block;padding:3px 10px;color:#fff;text-decoration:none;border:1px solid #888;border-radius:24px}.gina-toolbar .gina-toolbar-button:active,.gina-toolbar .gina-toolbar-button:focus,.gina-toolbar .gina-toolbar-input-file:active,.gina-toolbar .gina-toolbar-input-file:focus{outline:none;border-color:#fff}:root{--color-white:#fff;--color-primary:#2a6df4;--color-contrast-higher:#1c1c21;--color-contrast-low:#d3d3d4;--switch-width:64px;--switch-height:32px;--switch-padding:3px;--switch-animation-duration:.2s}.gina-toolbar-switch{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:var(--switch-width);height:var(--switch-height);border-radius:50em;padding:var(--switch-padding) 0}.gina-toolbar-switch__input,.gina-toolbar-switch__label{position:absolute;left:0;top:0}.gina-toolbar-switch__input{margin:0;padding:0;opacity:0;height:0;width:0;pointer-events:none}.gina-toolbar-switch__input:checked+.gina-toolbar-switch__label{background-color:hsl(220deg,90%,56%)}.gina-toolbar-switch__input:checked+.gina-toolbar-switch__label+.gina-toolbar-switch__marker{left:calc(100% - var(--switch-height) + var(--switch-padding))}.gina-toolbar-switch__input:active+.gina-toolbar-switch__label,.gina-toolbar-switch__input:focus+.gina-toolbar-switch__label{box-shadow:0 0 0 2px #1c1c21}.gina-toolbar-switch__input:checked:active+.gina-toolbar-switch__label,.gina-toolbar-switch__input:checked:focus+.gina-toolbar-switch__label{box-shadow:0 0 0 2px #2a6df4}.gina-toolbar-switch__label{width:100%;height:100%;color:transparent;user-select:none;background-color:hsl(240deg,1%,83%);border-radius:inherit;z-index:1;transition:var(--switch-animation-duration);overflow:hidden}.gina-toolbar-switch__marker{position:relative;background-color:#fff;width:calc(var(--switch-height) - var(--switch-padding)*2);height:calc(var(--switch-height) - var(--switch-padding)*2);border-radius:50%;z-index:2;pointer-events:none;box-shadow:var(--shadow-xs);left:var(--switch-padding);transition:left var(--switch-animation-duration);will-change:left}.gina-toolbar-copy{position:absolute;top:-200%;left:-200%}.gina-toolbar-hidden{display:none!important;visibility:hidden}.gina-toolbar-top-left{top:0;left:0;border-bottom-right-radius:10px}.gina-toolbar-top-right{top:0;right:0;border-bottom-left-radius:10px}.gina-toolbar-bottom-left{bottom:0;left:0;border-top-right-radius:10px}.gina-toolbar-bottom-right{bottom:0;right:0;border-top-left-radius:10px}.gina-toolbar-auto{width:auto}.gina-toolbar-30{width:30%}.gina-toolbar-40{width:40%}.gina-toolbar-50{width:50%}.gina-toolbar-60{width:60%}.gina-toolbar-80{width:80%}.gina-toolbar-100{width:100%}.gina-toolbar-100:not(.gina-toolbar-collapsed){border-radius:0}.gina-toolbar .gina-toolbar-header{width:100%;height:32px;margin:0;background:#111}.gina-toolbar .gina-toolbar-header a{display:block;height:18px;padding:7px 10px 5px;margin:0 5px;color:#fff;text-decoration:none;border-bottom:2px solid transparent}.gina-toolbar .gina-toolbar-header a:hover{color:#111;background-color:#f2af0d}.gina-toolbar .gina-toolbar-header .gina-toolbar-tabs{float:left;margin:0;padding:0}.gina-toolbar .gina-toolbar-header .gina-toolbar-active{color:#f2af0d;border-color:#f2af0d}.gina-toolbar .gina-toolbar-header .gina-toolbar-active:hover{color:#f2af0d;background-color:transparent}.gina-toolbar .gina-toolbar-header .gina-toolbar-tab,.gina-toolbar-bottom-left .gina-toolbar-header .gina-toolbar-logo,.gina-toolbar-top-left .gina-toolbar-header .gina-toolbar-logo{float:left}.gina-toolbar .gina-toolbar-header .gina-toolbar-logo a,.gina-toolbar .gina-toolbar-header .gina-toolbar-tab-settings a{height:auto;margin:0;padding:8px 10px 6px}.gina-toolbar .gina-toolbar-header .gina-toolbar-logo a:hover svg,.gina-toolbar .gina-toolbar-header .gina-toolbar-tab-settings a:hover svg{fill:#111}.gina-toolbar .gina-toolbar-header .gina-toolbar-logo .gina-toolbar-active svg,.gina-toolbar .gina-toolbar-header .gina-toolbar-logo .gina-toolbar-active:hover svg,.gina-toolbar .gina-toolbar-header .gina-toolbar-tab-settings .gina-toolbar-active svg,.gina-toolbar .gina-toolbar-header .gina-toolbar-tab-settings .gina-toolbar-active:hover svg,.gina-toolbar-collapsed .gina-toolbar-logo svg{fill:#f2af0d}.gina-toolbar .gina-toolbar-header .gina-toolbar-logo a:hover svg{animation:gina-toolbar-shake .5s both}.gina-toolbar .gina-toolbar-header .gina-toolbar-tab-settings a:hover svg{animation:gina-toolbar-rotate 2s both}@keyframes gina-toolbar-shake{10%,90%{transform:rotate3d(0,0,1,-6deg)}20%,80%{transform:rotate3d(0,0,1,5deg)}30%,50%,70%{transform:rotate3d(0,0,1,-5deg)}40%,60%{transform:rotate3d(0,0,1,6deg)}}@keyframes gina-toolbar-rotate{0%{transform:rotate3d(0,0,1,0deg)}to{transform:rotate3d(0,0,1,180deg)}}.gina-toolbar-bottom-left .gina-toolbar-header .gina-toolbar-tab-settings,.gina-toolbar-bottom-left .gina-toolbar-header .gina-toolbar-tabs,.gina-toolbar-bottom-right .gina-toolbar-header .gina-toolbar-logo,.gina-toolbar-top-left .gina-toolbar-header .gina-toolbar-tab-settings,.gina-toolbar-top-left .gina-toolbar-header .gina-toolbar-tabs,.gina-toolbar-top-right .gina-toolbar-header .gina-toolbar-logo{float:right}.gina-toolbar .gina-toolbar-panel{clear:both;display:none;width:100%}.gina-toolbar .gina-toolbar-panel.gina-toolbar-active{display:block}.gina-toolbar .gina-toolbar-main{overflow:auto;max-height:500px}.gina-toolbar .gina-toolbar-options{padding:12px 15px 0;border-bottom:1px solid #444}.gina-toolbar .gina-toolbar-content{padding:12px 15px}.gina-toolbar .gina-toolbar-content.gina-toolbar-content-end::after{content:"";display:block;padding:3px 0;margin:12px 0 0;text-align:center;color:#fff;background:#444;background:repeating-linear-gradient(-45deg,#f4b125,#f4b125 10px,#111 10px,#111 20px);border-radius:10px}.gina-toolbar-collapsed{width:auto;min-width:0}.gina-toolbar-collapsed .gina-toolbar-panels,.gina-toolbar-collapsed .gina-toolbar-tab{display:none}.gina-toolbar-section-title{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #444;font-size:9px;line-height:2;font-weight:400;text-transform:uppercase}.gina-toolbar-content>.gina-toolbar-section:first-child>.gina-toolbar-section-title{margin:0;padding:0;border-top:none}.gina-toolbar-collection>a:first-child,.gina-toolbar-object>a:first-child{display:block;text-decoration:none}.gina-toolbar-collection>a:first-child span,.gina-toolbar-object>a:first-child span{color:#888}.gina-toolbar-collection>a:first-child:before,.gina-toolbar-object>a:first-child:before{content:"";position:relative;top:1px;display:inline-block;width:0;height:0;margin-right:5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #888;transition:border-left-color .5s}.gina-toolbar-collection>a:first-child:hover::before,.gina-toolbar-object>a:first-child:hover::before{border-left-color:#eff}.gina-toolbar-collection>ul,.gina-toolbar-object>ul{margin-left:20px;display:none}.gina-toolbar-unfolded::before{transform:rotate(90deg)}.gina-toolbar .gina-toolbar-key{color:#fff}.gina-toolbar .gina-toolbar-key-added{color:#c3e88d}.gina-toolbar .gina-toolbar-value{display:inline-block;padding:0 5px;color:#5ba1cf;border-radius:3px}.gina-toolbar .gina-toolbar-value:hover{color:#111;background:#5ba1cf}.gina-toolbar .gina-toolbar-value-type-is-null,.gina-toolbar .gina-toolbar-value-type-is-number{color:#f78c6a}.gina-toolbar .gina-toolbar-value-type-is-boolean{color:#ffaa3e}.gina-toolbar .gina-toolbar-is-overridden>.gina-toolbar-key,.gina-toolbar .gina-toolbar-is-overridden>.gina-toolbar-value{color:#888;text-decoration:line-through}.gina-toolbar .gina-toolbar-is-overridden>.gina-toolbar-value:hover{color:#111;background:#888}.gina-toolbar .gina-toolbar-cols{margin:10px 0;display:flex;flex-wrap:nowrap;justify-content:flex-start}.gina-toolbar .gina-toolbar-cols>*{margin-left:10px}.gina-toolbar .gina-toolbar-cols>:first-child{margin-left:0}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-alert>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-crit>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-debug>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-emerg>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-error>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-info>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-notice>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-warning>a::after{content:"";position:relative;top:1px;display:inline-block;width:8px;height:8px;margin-left:5px;background-position:100% 50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:100%;animation:gina-toolbar-heart-beats 3.5s infinite}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-debug>a::after{background-color:#888}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-info>a::after{background-color:#218af3}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-notice>a::after{background-color:#f4b125}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-warning>a::after{background-color:#f78c6a}.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-alert>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-crit>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-emerg>a::after,.gina-toolbar .gina-toolbar-tab-logs.gina-toolbar-error>a::after{background-color:#f63625}.gina-toolbar .gina-toolbar-logs-report>li{box-sizing:border-box;display:inline-block;padding-left:18px;margin:0 5% 0 0;width:30%;line-height:13px;background-position:0 0;background-repeat:no-repeat;background-size:12px 12px}.gina-toolbar .gina-toolbar-logs-report>li:last-child{margin:0}.gina-toolbar .gina-toolbar-logs-infos{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><rect x="3" y="2" width="5" height="1" fill="#fff"/><rect x="3" y="4" width="5" height="1" fill="#fff"/><rect x="3" y="6" width="5" height="1" fill="#fff"/><path d="M9.052 0.001l0.051 0.002 0.051 0.003 0.051 0.005 0.05 0.006 0.05 0.007 0.05 0.009 0.049 0.009 0.049 0.011 0.048 0.012 0.048 0.013 0.047 0.014 0.047 0.015 0.046 0.017 0.046 0.017 0.045 0.019 0.045 0.019 0.044 0.021 0.043 0.021 0.043 0.023 0.042 0.024 0.042 0.024 0.041 0.026 0.04 0.026 0.039 0.028 0.039 0.028 0.038 0.03 0.038 0.03 0.036 0.031 0.036 0.032 0.035 0.032 0.035 0.034 0.033 0.034 0.033 0.035 0.032 0.036 0.031 0.037 0.03 0.037 0.029 0.038 0.028 0.039 0.027 0.04 0.027 0.04 0.025 0.041 0.025 0.041 0.023 0.042 0.023 0.043 0.021 0.043 0.021 0.044 0.019 0.045 0.019 0.045 0.017 0.045 0.016 0.046 0.015 0.047 0.014 0.047 0.013 0.048 0.012 0.048 0.011 0.048 0.009 0.049 0.008 0.049 0.007 0.05 0.006 0.05 0.004 0.051 0.003 0.05 0.002 0.052 0.001 0.051 0 5 -0.001 0.052 -0.002 0.051 -0.003 0.051 -0.004 0.05 -0.006 0.051 -0.007 0.049 -0.008 0.05 -0.01 0.049 -0.01 0.048 -0.012 0.049 -0.013 0.047 -0.014 0.047 -0.015 0.047 -0.016 0.046 -0.018 0.046 -0.018 0.045 -0.02 0.045 -0.02 0.044 -0.022 0.043 -0.023 0.043 -0.023 0.042 -0.025 0.042 -0.025 0.041 -0.027 0.04 -0.027 0.039 -0.029 0.039 -0.029 0.038 -0.03 0.038 -0.031 0.037 -0.032 0.035 -0.033 0.036 -0.033 0.034 -0.034 0.033 -0.036 0.033 -0.035 0.032 -0.037 0.031 -0.038 0.03 -0.038 0.029 -0.039 0.029 -0.039 0.027 -0.04 0.027 -0.041 0.025 -0.042 0.025 -0.042 0.023 -0.043 0.023 -0.043 0.022 -0.044 0.02 -0.045 0.02 -0.045 0.018 -0.046 0.018 -0.046 0.016 -0.047 0.015 -0.047 0.014 -0.047 0.013 -0.049 0.012 -0.048 0.01 -0.049 0.01 -0.05 0.008 -0.049 0.007 -0.051 0.006 -0.05 0.004 -0.051 0.003 -0.051 0.002 -0.052 0.001 -2.32 0 -2.639 2 -1.041 0 0-2 -1 0 -0.052-0.001 -0.051-0.002 -0.051-0.003 -0.05-0.004 -0.051-0.006 -0.049-0.007 -0.05-0.008 -0.049-0.01 -0.048-0.01 -0.049-0.012 -0.047-0.013 -0.047-0.014 -0.047-0.015 -0.046-0.016 -0.046-0.018 -0.045-0.018 -0.045-0.02 -0.044-0.02 -0.043-0.022 -0.043-0.023 -0.042-0.023 -0.042-0.025 -0.041-0.025 -0.04-0.027 -0.039-0.027 -0.039-0.029 -0.038-0.029 -0.038-0.03 -0.037-0.031 -0.035-0.032 -0.036-0.033 -0.034-0.033 -0.033-0.034 -0.033-0.036 -0.032-0.035 -0.031-0.037 -0.03-0.038 -0.029-0.038 -0.029-0.039 -0.027-0.039 -0.027-0.04 -0.025-0.041 -0.025-0.042 -0.023-0.042 -0.023-0.043 -0.022-0.043 -0.02-0.044 -0.02-0.045 -0.018-0.045 -0.018-0.046 -0.016-0.046 -0.015-0.047 -0.014-0.047 -0.013-0.047 -0.012-0.049 -0.01-0.048 -0.01-0.049 -0.008-0.05 -0.007-0.049 -0.006-0.051 -0.004-0.05 -0.003-0.051 -0.002-0.051 -0.001-0.052 0-5 0.001-0.051 0.002-0.052 0.003-0.05 0.004-0.051 0.006-0.05 0.007-0.05 0.008-0.049 0.009-0.049 0.011-0.048 0.012-0.048 0.013-0.048 0.014-0.047 0.015-0.047 0.016-0.046 0.017-0.045 0.019-0.045 0.019-0.045 0.021-0.044 0.021-0.043 0.023-0.043 0.023-0.042 0.025-0.041 0.025-0.041 0.027-0.04 0.027-0.04 0.028-0.039 0.029-0.038 0.03-0.037 0.031-0.037 0.032-0.036 0.033-0.035 0.033-0.034 0.035-0.034 0.035-0.032 0.036-0.032 0.036-0.031 0.038-0.03 0.038-0.03 0.039-0.028 0.039-0.028 0.04-0.026 0.041-0.026 0.042-0.024 0.042-0.024 0.043-0.023 0.043-0.021 0.044-0.021 0.045-0.019 0.045-0.019 0.046-0.017 0.046-0.017 0.047-0.015 0.047-0.014 0.048-0.013 0.048-0.012 0.049-0.011 0.049-0.009 0.05-0.009 0.05-0.007 0.05-0.006 0.051-0.005 0.051-0.003 0.051-0.002 0.052-0.001 7 0 0.052 0.001ZM2.008 1l-0.031 0.001 -0.026 0.001 -0.026 0.001 -0.026 0.003 -0.025 0.003 -0.026 0.003 -0.025 0.005 -0.024 0.004 -0.025 0.006 -0.024 0.006 -0.024 0.006 -0.023 0.007 -0.024 0.008 -0.023 0.008 -0.023 0.009 -0.022 0.009 -0.022 0.01 -0.022 0.01 -0.022 0.011 -0.022 0.011 -0.021 0.012 -0.021 0.013 -0.02 0.012 -0.02 0.014 -0.02 0.013 -0.02 0.015 -0.019 0.014 -0.019 0.016 -0.018 0.015 -0.018 0.016 -0.018 0.017 -0.017 0.017 -0.017 0.017 -0.016 0.018 -0.016 0.018 -0.016 0.018 -0.015 0.019 -0.015 0.019 -0.014 0.019 -0.014 0.02 -0.013 0.02 -0.012 0.021 -0.013 0.02 -0.011 0.021 -0.012 0.022 -0.01 0.021 -0.011 0.022 -0.009 0.022 -0.009 0.022 -0.009 0.023 -0.008 0.023 -0.007 0.023 -0.007 0.023 -0.007 0.024 -0.005 0.023 -0.006 0.024 -0.004 0.025 -0.004 0.024 -0.004 0.025 -0.003 0.025 -0.002 0.025 -0.002 0.026 -0.001 0.026 0 0.032 0 4.988 0 0.032 0.001 0.026 0.002 0.026 0.002 0.025 0.003 0.025 0.004 0.025 0.004 0.025 0.004 0.024 0.006 0.024 0.005 0.024 0.007 0.024 0.007 0.023 0.007 0.023 0.008 0.023 0.009 0.023 0.009 0.022 0.01 0.023 0.01 0.021 0.011 0.022 0.011 0.021 0.012 0.022 0.012 0.02 0.013 0.021 0.013 0.02 0.014 0.02 0.014 0.019 0.015 0.019 0.015 0.019 0.016 0.019 0.016 0.018 0.016 0.017 0.017 0.018 0.018 0.017 0.017 0.016 0.018 0.016 0.019 0.016 0.019 0.015 0.019 0.015 0.019 0.014 0.02 0.014 0.02 0.013 0.021 0.013 0.02 0.012 0.022 0.012 0.021 0.011 0.022 0.011 0.021 0.01 0.023 0.01 0.022 0.009 0.023 0.009 0.023 0.008 0.023 0.007 0.023 0.007 0.024 0.007 0.024 0.005 0.024 0.006 0.024 0.004 0.025 0.004 0.025 0.004 0.025 0.003 0.025 0.002 0.026 0.002 0.026 0.001 0.032 0 1.994 0 0 1.776 2.344-1.776 2.65 0 0.032 0 0.026-0.001 0.026-0.002 0.025-0.002 0.025-0.003 0.025-0.004 0.025-0.004 0.024-0.004 0.024-0.006 0.024-0.005 0.024-0.007 0.023-0.007 0.023-0.007 0.023-0.008 0.023-0.009 0.022-0.009 0.023-0.01 0.021-0.01 0.022-0.011 0.021-0.011 0.022-0.012 0.02-0.012 0.021-0.013 0.02-0.013 0.02-0.014 0.019-0.014 0.019-0.015 0.019-0.015 0.019-0.016 0.018-0.016 0.017-0.016 0.018-0.017 0.017-0.018 0.016-0.017 0.016-0.018 0.016-0.019 0.015-0.019 0.015-0.019 0.014-0.019 0.014-0.02 0.013-0.02 0.013-0.021 0.012-0.02 0.012-0.022 0.011-0.021 0.011-0.022 0.01-0.021 0.01-0.023 0.009-0.022 0.009-0.023 0.008-0.023 0.007-0.023 0.007-0.023 0.007-0.024 0.005-0.024 0.006-0.024 0.004-0.024 0.004-0.025 0.004-0.025 0.003-0.025 0.002-0.025 0.002-0.026 0.001-0.026 0-0.032 0-4.988 0-0.032 -0.001-0.026 -0.002-0.026 -0.002-0.025 -0.003-0.025 -0.004-0.025 -0.004-0.024 -0.004-0.025 -0.006-0.024 -0.005-0.023 -0.007-0.024 -0.007-0.023 -0.007-0.023 -0.008-0.023 -0.009-0.023 -0.009-0.022 -0.009-0.022 -0.011-0.022 -0.01-0.021 -0.012-0.022 -0.011-0.021 -0.013-0.02 -0.012-0.021 -0.013-0.02 -0.014-0.02 -0.014-0.019 -0.015-0.019 -0.015-0.019 -0.016-0.018 -0.016-0.019 -0.016-0.017 -0.017-0.017 -0.017-0.017 -0.018-0.017 -0.018-0.016 -0.018-0.015 -0.019-0.016 -0.019-0.014 -0.02-0.015 -0.02-0.013 -0.02-0.014 -0.02-0.012 -0.021-0.013 -0.021-0.012 -0.022-0.011 -0.022-0.011 -0.022-0.01 -0.022-0.01 -0.022-0.009 -0.023-0.009 -0.023-0.008 -0.024-0.008 -0.023-0.007 -0.024-0.006 -0.024-0.006 -0.025-0.006 -0.024-0.004 -0.025-0.005 -0.026-0.003 -0.025-0.003 -0.026-0.003 -0.026-0.001 -0.026-0.001 -0.031-0.001 -6.984 0Z" fill="#fff"/></svg>')}.gina-toolbar .gina-toolbar-logs-warnings{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 11 11" version="1.1" xml:space="preserve" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1"><path d="M5.529 0.001l0.028 0.001 0.029 0.003 0.028 0.003 0.027 0.005 0.028 0.005 0.027 0.006 0.027 0.008 0.027 0.008 0.026 0.009 0.026 0.01 0.026 0.011 0.025 0.011 0.025 0.013 0.024 0.013 0.024 0.014 0.023 0.015 0.023 0.016 0.022 0.016 0.022 0.018 0.021 0.018 0.02 0.018 0.02 0.02 0.019 0.02 0.019 0.021 0.018 0.022 0.017 0.022 0.016 0.023 0.016 0.023 0.015 0.024 0.014 0.025 0.013 0.026 4.691 9.381 0.011 0.023 0.01 0.024 0.01 0.025 0.009 0.024 0.008 0.024 0.008 0.025 0.006 0.025 0.006 0.025 0.005 0.025 0.004 0.026 0.003 0.025 0.002 0.025 0.002 0.026 0.001 0.025 0 0.026 -0.001 0.025 -0.001 0.026 -0.003 0.025 -0.003 0.025 -0.004 0.025 -0.005 0.025 -0.005 0.025 -0.006 0.025 -0.007 0.025 -0.008 0.024 -0.009 0.024 -0.01 0.024 -0.01 0.024 -0.011 0.024 -0.012 0.023 -0.012 0.023 -0.014 0.022 -0.014 0.022 -0.015 0.022 -0.015 0.021 -0.016 0.02 -0.017 0.02 -0.017 0.019 -0.018 0.019 -0.018 0.018 -0.019 0.017 -0.019 0.017 -0.02 0.016 -0.021 0.015 -0.02 0.015 -0.022 0.014 -0.021 0.014 -0.022 0.013 -0.023 0.012 -0.022 0.011 -0.024 0.011 -0.023 0.009 -0.024 0.01 -0.024 0.008 -0.024 0.008 -0.025 0.007 -0.025 0.006 -0.025 0.005 -0.026 0.005 -0.025 0.003 -0.026 0.003 -0.026 0.002 -0.026 0.002 -0.026 0 -9.381 0 -0.027 0 -0.026-0.002 -0.026-0.002 -0.026-0.003 -0.025-0.003 -0.025-0.005 -0.026-0.005 -0.025-0.006 -0.024-0.007 -0.025-0.008 -0.024-0.008 -0.024-0.01 -0.023-0.009 -0.023-0.011 -0.023-0.011 -0.023-0.012 -0.022-0.013 -0.021-0.014 -0.021-0.014 -0.021-0.015 -0.02-0.015 -0.02-0.016 -0.02-0.017 -0.019-0.017 -0.018-0.018 -0.018-0.019 -0.017-0.019 -0.016-0.02 -0.016-0.02 -0.016-0.021 -0.015-0.022 -0.014-0.022 -0.013-0.022 -0.013-0.023 -0.012-0.023 -0.011-0.024 -0.01-0.024 -0.01-0.024 -0.008-0.024 -0.008-0.024 -0.007-0.025 -0.007-0.025 -0.005-0.025 -0.005-0.025 -0.004-0.025 -0.003-0.025 -0.002-0.025 -0.002-0.026 -0.001-0.025 0-0.026 0.001-0.025 0.002-0.026 0.002-0.025 0.004-0.025 0.004-0.026 0.005-0.025 0.005-0.025 0.007-0.025 0.007-0.025 0.008-0.024 0.009-0.024 0.01-0.025 0.01-0.024 0.012-0.023 4.69-9.381 0.014-0.026 0.014-0.025 0.015-0.024 0.015-0.023 0.017-0.023 0.017-0.022 0.018-0.022 0.018-0.021 0.019-0.02 0.02-0.02 0.021-0.018 0.021-0.018 0.021-0.018 0.023-0.016 0.022-0.016 0.024-0.015 0.023-0.014 0.025-0.013 0.024-0.013 0.026-0.011 0.025-0.011 0.026-0.01 0.026-0.009 0.027-0.008 0.027-0.008 0.027-0.006 0.028-0.005 0.028-0.005 0.028-0.003 0.028-0.003 0.028-0.001 0.029-0.001 0.029 0.001ZM1.118 10l8.764 0 -4.382-8.764 -4.382 8.764ZM6 8l0 1 -1 0 0-1 1 0ZM6 4l0 3 -1 0 0-3 1 0Z" fill="#fff"/></svg>')}.gina-toolbar .gina-toolbar-logs-errors{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path d="M11 3.04l0 4.95 -3.04 3.01 -4.92 0 -3.04-3.01 0-4.95 3.04-3.04 4.92 0 3.04 3.04ZM3.45 1l-2.45 2.45 0 4.12 2.45 2.43 4.1 0 2.45-2.43 0-4.12 -2.45-2.45 -4.09 0ZM6 7.99l0 1.01 -1 0 0-1.01 1 0ZM6 2l0 4.99 -1 0 0-4.99 1 0Z" fill="#fff"/></svg>')}@keyframes gina-toolbar-heart-beats{0%,to{transform:scale(1)}50%{transform:scale(.5)}}

package/framework/v0.1.1-alpha.170/core/asset/plugin/dist/vendor/gina/css/gina.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"/usr/local/lib/node_modules/gina/framework/v0.1.1-alpha.170/core/asset/plugin/dist/vendor/gina/css/gina.min.css","sourcesContent":[]}

package/framework/{v0.1.1-alpha.169/core/asset/plugin/dist → v0.1.1-alpha.170/core/asset/plugin/dist/vendor/gina/js}/gina.js

@@ -3689,7 +3689,7 @@ function PrototypesHelper(instance) {
          * Changes made here must be reflected in:
          *  - gina/utils/prototypes.js
          *  - gina/framework/version/helpers/prototypes.js
-         *  - gina/framework/version/core/asset/plugin/src/gina/utils/polyfill.js
+         *  - gina/framework/version/core/asset/plugin/src/vendor/gina/js/utils/polyfill.js
          *
          * @param {object} jsonStr
          *
@@ -10850,11 +10850,13 @@ define("utils/dom", function(){});
                                         if ( !$popin ) {
                                             throw new Error('Popin with name `'+ popinName+'` not found !');
                                         }
+                                        console.debug('Validator::Popin now redirecting [1-c]');
                                         $popin.load($popin.name, popinUrl, $popin.options);
                                     } else if ($popin) {
+                                        console.debug('Validator::Popin now redirecting [1-d]');
                                         $popin.load($popin.name, popinUrl, $popin.options);
                                     }
-                                    if ($popin) {
+                                    if ($popin && !$popin.isOpen) {
                                         return setTimeout( function onPopinredirect($popin){
                                             if (!$popin.isOpen) {
                                                 $popin.open();
@@ -18148,20 +18150,16 @@ define('gina/toolbar', ['require', 'jquery', 'vendor/uuid'/**, 'lib/merge'*/, 'l
 });
 define('gina', [ 'require', 'vendor/uuid', 'lib/merge', 'utils/events', 'helpers/prototypes', 'helpers/dateFormat', 'gina/toolbar' ], function (require) {
 
-
+    /**
+     * Imports & definitions
+     * */
     var eventsHandler   = require('utils/events'); // events handler
     var merge           = require('lib/merge');
     var dateFormat      = require('helpers/dateFormat')();
     var prototypes      = require('helpers/prototypes')({ dateFormat: dateFormat });
     var uuid            = require('vendor/uuid');
 
-
-
-    /**
-     * Imports & definitions
-     * */
-
-    var jQuery = (window['jQuery']) ? window['jQuery'] : null;
+    var jQuery          = (window['jQuery']) ? window['jQuery'] : null;
 
     if (!window.process ) {
         (function(window, nextTick, process, prefixes, i, p, fnc) {
@@ -19306,15 +19304,13 @@ define('gina/link', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/mer
 
     return Link
 });
-define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/merge', 'lib/routing', 'utils/events' ], function (require) {
+define('gina/popin', [ 'require', 'vendor/uuid', 'lib/domain', 'lib/merge', 'utils/events' ], function (require) {
 
-    var $               = require('jquery');
-    $.noConflict();
+    // TODO - Integrate dialog-polyfill : https://github.com/GoogleChrome/dialog-polyfill/blob/master/dist/dialog-polyfill.js
     var uuid            = require('vendor/uuid');
     var Domain          = require('lib/domain');
     var domainInstance  = null;
     var merge           = require('lib/merge');
-    var routing         = require('lib/routing');
 
     require('utils/events'); // events
 
@@ -19333,7 +19329,10 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
         var self = { // local use only
             'options' : {
                 'name' : undefined,
-                'class': 'gina-popin-default'
+                'class': 'gina-popin-default',
+                // Support of `<dialog>` tag
+                'useDialogMode': true,
+                'cancelOnOverlayClick': false
             },
             authorizedEvents : ['ready', 'error'],
             events: {}
@@ -19400,12 +19399,12 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             $container.setAttribute('id', instance.id);
             $container.setAttribute('class', 'gina-popins');
 
-            var $overlay = document.createElement('div');
-            $overlay.setAttribute('id', 'gina-popins-overlay');
-            $overlay.setAttribute('class', 'gina-popins-overlay');
-
-
-            $container.appendChild( $overlay );
+            if ( !self.options.useDialogMode ) {
+                var $overlay = document.createElement('div');
+                $overlay.setAttribute('id', 'gina-popins-overlay');
+                $overlay.setAttribute('class', 'gina-popins-overlay');
+                $container.appendChild( $overlay );
+            }
 
             // adding to DOM
             document.body.appendChild($container);
@@ -19423,7 +19422,6 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
         }
 
         var proxyClick = function($childNode, $el, evt) {
-            //if ( )
             addListener(gina, $childNode, 'click', function(e) {
                 cancelEvent(e);
 
@@ -19509,6 +19507,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                     evt = 'popin.click.'+ 'gina-popin-' + instance.id +'-'+ uuid.v4() +'-'+ name;
                     $el['id'] = evt;
                     $el.setAttribute( 'id', evt);
+                    // $el.setAttribute( 'data-dialog', evt);
 
                     if (!gina.events[evt]) {
 
@@ -19520,6 +19519,8 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                             addListener(gina, $popin.target, 'loaded.'+$popin.id, function(e) {
                                 e.preventDefault();
 
+                                // console.debug('Popin loaded: true, fired: '+ fired + ', $popin.isOpen: '+ $popin.isOpen);
+
                                 if (!fired) {
                                     fired = true;
                                     console.debug('active popin should be ', $popin.id);
@@ -19703,7 +19704,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                     }
                 });
 
-            };
+            }; // EO var register = function (type, evt, $element) {
 
             gina.popinIsBinded = true;
 
@@ -19712,9 +19713,11 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                 , len   = null
             ;
             // bind overlay on click
-            if (!$popin.isOpen) {
-
-                var $overlay = instance.target.childNodes[0];
+            if (!$popin.isOpen && self.options.cancelOnOverlayClick) {
+                var $overlay = $popin.target;
+                if ( !self.options.useDialogMode ) {
+                    $overlay = instance.target.childNodes[0];
+                }
                 addListener(gina, $overlay, 'mousedown', function(event) {
 
                     // don't cancel here, it will corrupt child elements behaviors such as checkboxes and radio buttons
@@ -20030,7 +20033,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                 }
             }
 
-        }
+        } // EO function popinBind(e, $popin) {
 
         function updateToolbar(result, resultIsObject) {
             // update toolbar errors
@@ -20085,7 +20088,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             }
             // XHR - case; popin is in the result, but not loaded yet
             if (!$popin) {
-                var popinObject = new DOMParser().parseFromString(result, 'text/html').getElementsByClassName('popin')[0];
+                var popinObject = new DOMParser().parseFromString(result, 'text/html').getElementsByClassName('popin')[0] || new DOMParser().parseFromString(result, 'text/html').getElementsByTagName('div')[0];
                 $popin = {
                     id      : popinObject.id,
                     target  : popinObject
@@ -20193,12 +20196,27 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             var $el         = document.getElementById(id) || null;
 
             if ( $el == null ) {
-
-                var className   = $popin.options.class +' '+ id;
-                $el             = document.createElement('div');
-                $el.setAttribute('id', id);
-                $el.setAttribute('class', className);
-                instance.target.firstChild.appendChild($el);
+                if ( !self.options.useDialogMode ) {
+                    // DIV
+                    var className   = $popin.options.class +' '+ id;
+                    $el             = document.createElement('div');
+                    $el.setAttribute('id', id);
+                    $el.setAttribute('class', className);
+                    instance.target.firstChild.appendChild($el);
+                } else {
+                    // DIALOG
+                    // <dialog class="dialog" id="sample-dialog-1" data-type="modal" method="dialog" aria-labelledby="dialog-title">
+                    // Then to open
+                    // <button class="button" data-dialog="sample-dialog-1" type="button">Open dialog</button>
+                    var className   = $popin.options.class +' '+ id;
+                    $el             = document.createElement('dialog');
+                    $el.setAttribute('id', id);
+                    $el.setAttribute('class', className);
+                    $el.setAttribute('data-type', 'modal');
+                    // $el.setAttribute('method', 'dialog');
+                    $el.setAttribute('aria-labelledby', name);
+                    instance.target.appendChild($el);
+                }
             }
 
             if ( typeof(options) == 'undefined' ) {
@@ -20309,7 +20327,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                     if (xhr.readyState == 4) {
                         // 200, 201, 201' etc ...
                         var result = null
-                        if( /^2/.test(xhr.status) ) {
+                        if ( /^2/.test(xhr.status) ) {
                             try {
                                 result = xhr.responseText;
                                 var contentType   = xhr.getResponseHeader("Content-Type")
@@ -20331,6 +20349,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                                     ||
                                     !isJsonContent && $popin.isOpen && isRedirecting
                                 ) {
+                                    // console.debug('Popin now redirecting [1]');
                                     popinLoadContent(result, isRedirecting);
                                 } else {
 
@@ -20346,8 +20365,8 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                                         ) {
                                             isXhrRedirect = true;
                                         }
+                                        // console.debug('Popin now redirecting [2]');
                                         if ( typeof(result.location) != 'undefined' && isXhrRedirect ) {
-
                                             if (
                                                 typeof(result.popin) != 'undefined'
                                                 && typeof(result.popin.close) != 'undefined'
@@ -20399,6 +20418,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                                         }
 
                                         if ( typeof(result.location) != 'undefined' ) {
+                                            // console.debug('Popin now redirecting [4]');
                                             document.location = result.location;
                                             return;
                                         }
@@ -20459,7 +20479,8 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                                 triggerEvent(gina, $el, 'error.' + id, result)
                             }
 
-                        } else {
+                        } // EO if ( /^2/.test(xhr.status) )
+                        else {
                             //console.log('error event triggered ', event.target, $form);
                             resultIsObject = false;
                             result = {
@@ -20570,11 +20591,16 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             popinUnbind($popin.name, true);
             popinBind({ target: $el, type: 'loaded.' + $popin.id }, $popin);
 
+            // Fixing Safari issue - 2023-02-02
+            // refreshCSS();
+
             if ( !$popin.isRedirecting ) {
                 triggerEvent(gina, instance.target, 'open.'+ $popin.id, $popin);
             } else {
+                // console.debug('Popin now redirecting [1-b]');
                 triggerEvent(gina, instance.target, 'loaded.' + $popin.id, $popin);
             }
+
             // Update toolbar
             if ( gina && typeof(window.ginaToolbar) != 'undefined' && window.ginaToolbar ) {
                 try {
@@ -20597,6 +20623,43 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             xhr.send();
         }
 
+        function getStyle(source) {
+            // then trigger scripts load
+            //var xhr = new XMLHttpRequest();
+            var xhr = setupXhr();
+            xhr.open('GET', source, true);
+            xhr.setRequestHeader("Content-Type", "text/css");
+            xhr.onload = function () {
+                eval(xhr.response);
+            };
+            xhr.send();
+        }
+
+        function refreshCSS() {
+            if (!/safari/i.test(window.navigator.userAgent)) {
+                return;
+            }
+            let links = document.getElementsByTagName('link');
+            for (let i = 0; i < links.length; i++) {
+                if (
+                    links[i].getAttribute('rel') == 'stylesheet'
+                ) {
+
+                    let href = links[i].getAttribute('href')
+                                        .split('?')[0];
+                    // only for gina styles
+                    if ( !/gina\.min\.css|gina\.css/.test(href) ) {
+                        continue;
+                    }
+
+                    let newHref = href + '?version='
+                                + new Date().getMilliseconds();
+
+                    links[i].setAttribute('href', newHref);
+                }
+            }
+        }
+
         /**
          * popinOpen
          *
@@ -20632,10 +20695,11 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             $el = document.getElementById(id);
 
             // load external resources in order of declaration
-            // TODO - Add support for stylesheets
             var globalScriptsList   = $popin.parentScripts
                 , scripts           = $el.getElementsByTagName('script')
-                //, globalStylesList  = $popin.parentStyles
+                , globalStylesList  = $popin.parentStyles
+                // A <link> element can occur either in the <head> or <body> element, depending on whether it
+                , styles            = $el.getElementsByTagName('link')
                 , i                 = 0
                 , len               = scripts.length
             ;
@@ -20654,7 +20718,23 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
 
                 getScript(scripts[i].src);
             }
-            //i = 0; len = styles.length
+
+            // Styles
+            i   = 0;
+            len = styles.length;
+            for (;i < len; ++i) {
+                if ( typeof(styles[i].href) == 'undefined' || styles[i].href == '' ) {
+                    continue;
+                }
+                let filename = styles[i].href
+                                .replace(/(https|http|)\:\/\//, '')
+                                .replace(reDomain, '');
+                // don't load if already in the global context
+                if ( globalStylesList.indexOf(filename) > -1 )
+                    continue;
+
+                getStyle(styles[i].href);
+            }
 
             popinBind({ target: $el, type: 'loaded.' + $popin.id }, $popin);
 
@@ -20662,12 +20742,23 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             if ( !/gina-popin-is-active/.test($el.className) )
                 $el.className += ' gina-popin-is-active';
 
-            // overlay
-            if ( !/gina-popin-is-active/.test(instance.target.firstChild.className) )
-                instance.target.firstChild.className += ' gina-popin-is-active';
-            // overlay
-            if ( /gina-popin-is-active/.test(instance.target.firstChild.className) ) {
-                removeListener(gina, instance.target, 'open.'+ $popin.id)
+            if ( !self.options.useDialogMode ) {
+                // overlay
+                if ( !/gina-popin-is-active/.test(instance.target.firstChild.className) )
+                    instance.target.firstChild.className += ' gina-popin-is-active';
+                // overlay
+                if ( /gina-popin-is-active/.test(instance.target.firstChild.className) ) {
+                    removeListener(gina, instance.target, 'open.'+ $popin.id)
+                }
+            }
+
+
+            if ( !$el.getAttribute('open') ) {
+                if ( typeof($el.showModal) === "function" ) {
+                    $el.showModal();
+                } else {
+                    $el.setAttribute('open', true)
+                }
             }
 
             $popin.isOpen = true;
@@ -20677,47 +20768,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
             instance.activePopinId = $popin.id;
 
             // update toolbar
-            // if (GINA_ENV_IS_DEV)
-            //     updateToolbar();
-            // var XHRData = document.getElementById('gina-without-layout-xhr-data');
-            // if ( gina && typeof(window.ginaToolbar) != 'undefined' && window.ginaToolbar && XHRData ) {
-            //     try {
-
-            //         if ( typeof(XHRData.value) != 'undefined' && XHRData.value ) {
-            //             XHRData = JSON.parse( decodeURIComponent( XHRData.value ) );
-            //             // reset data-xhr
-            //             ginaToolbar.update("data-xhr", null);
-            //             XHRData.isXHRViewData = true;
-            //             ginaToolbar.update("data-xhr", XHRData);
-            //         }
-
-            //     } catch (err) {
-            //         throw err
-            //     }
-            // }
-
-            // var XHRView = document.getElementById('gina-without-layout-xhr-view');
-            // if ( gina && typeof(window.ginaToolbar) != 'undefined' && window.ginaToolbar && XHRView ) {
-            //     try {
-
-            //         if ( typeof(XHRView.value) != 'undefined' && XHRView.value ) {
-            //             XHRView = JSON.parse( decodeURIComponent( XHRView.value ) );
-            //             // reset data-xhr
-            //             ginaToolbar.update("view-xhr", null);
-
-            //             ginaToolbar.update("view-xhr", XHRView);
-            //         }
-
-            //         // popin content
-            //         ginaToolbar.update("el-xhr", id);
-
-            //     } catch (err) {
-            //         throw err
-            //     }
-            // }
-
-            triggerEvent(gina, instance.target, 'open.'+ $popin.id, $popin);
-            if ( gina && typeof(window.ginaToolbar) != 'undefined' && window.ginaToolbar ) {
+            if ( gina && typeof(window.ginaToolbar) != 'undefined' && window.ginaToolbar && GINA_ENV_IS_DEV) {
                 try {
                     ginaToolbar.update("el-xhr", $popin.id);
                 } catch (err) {
@@ -20725,6 +20776,7 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
                 }
             }
 
+            triggerEvent(gina, instance.target, 'open.'+ $popin.id, $popin);
         }
 
         /**
@@ -20818,6 +20870,12 @@ define('gina/popin', [ 'require', 'jquery', 'vendor/uuid', 'lib/domain', 'lib/me
 
                 $el = $popin.target;
 
+                if ( typeof($el.close) === "function" ) {
+                    $el.close();
+                } else {
+                    $el.removeAttribute('open')
+                }
+
                 removeListener(gina, $popin.target, 'ready.' + instance.id);
 
                 if ( $popin.hasForm ) {
@@ -21094,7 +21152,7 @@ if ( typeof(JSON.clone) == 'undefined' ) {
      * Changes made here must be reflected in:
      *  - gina/lib/prototypes.js
      *  - gina/framework/version/helpers/prototypes.js
-     *  - gina/framework/version/core/asset/plugin/src/gina/utils/polyfill.js
+     *  - gina/framework/version/core/asset/plugin/src/vendor/gina/js/utils/polyfill.js
      *
      * @param {object} source
      * @param {object} [target]
@@ -21140,7 +21198,7 @@ if ( typeof(JSON.escape) == 'undefined' ) {
      * Changes made here must be reflected in:
      *  - gina/lib/prototypes.js
      *  - gina/framework/version/helpers/prototypes.js
-     *  - gina/framework/version/core/asset/plugin/src/gina/utils/polyfill.js
+     *  - gina/framework/version/core/asset/plugin/src/vendor/gina/js/utils/polyfill.js
      *
      * @param {object} jsonStr
      *