matestack-ui-bootstrap 3.1.1 → 3.1.2
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: de594c45ae1893c59fa7bd32facd82ed54b446771c432ad1265153ce6603d28e
|
|
4
|
+
data.tar.gz: 30094bc99f948a96d5bef2853c9f0e4092d5230821bcabae9ae7a50999f7e396
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6a36a3c8e36ca4448d9d3f07f5e5b85500518eb4980e3c2aa1ee9b3b4bd7deef73ae2f667215a967dd5c251695b554e210a444a8848ede80dade5e8f8ebb0b19
|
|
7
|
+
data.tar.gz: 3c2ca65d26f4ce1b8ec52eb7a6bfc1f8c4a0d32047433a4e3708b245def8f8143e78410e0d812569ca1557a1ae9c1a333c8d7e57eefa6736ad554ae90c5fc6af
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as o from"bootstrap";import n from"matestack-ui-vuejs";const e={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({alertInstance:void 0}),methods:{close:function(){this.alertInstance.close()},dispose:function(){this.alertInstance.dispose()}},mounted:function(){var n=this.getElement();this.alertInstance=new o.Alert(n)},created:function(){const o=this;null!=o.props.close_on&&o.props.close_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.close)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.dispose)))},beforeUnmount:function(){const o=this;null!=o.props.close_on&&o.props.close_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.close)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.dispose)))}},t={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({carouselInstance:void 0}),methods:{cycle:function(){this.carouselInstance.cycle()},pause:function(){this.carouselInstance.pause()},prev:function(){this.carouselInstance.prev()},next:function(){this.carouselInstance.next()}},mounted:function(){const n=this;var e=n.getElement();n.carouselInstance=new o.Carousel(e,{interval:n.props.interval||5e3})},created:function(){const o=this;null!=o.props.cycle_on&&o.props.cycle_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.cycle)));null!=o.props.pause_on&&o.props.pause_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.pause)));null!=o.props.prev_on&&o.props.prev_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.prev)));null!=o.props.next_on&&o.props.next_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.next)))},beforeUnmount:function(){const o=this;null!=o.props.cycle_on&&o.props.cycle_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.cycle)));null!=o.props.pause_on&&o.props.pause_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.pause)));null!=o.props.prev_on&&o.props.prev_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.prev)));null!=o.props.next_on&&o.props.next_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.next)))}},s={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({collapseInstance:void 0}),methods:{toggle:function(){this.collapseInstance.toggle()},show:function(){this.collapseInstance.show()},hide:function(){this.collapseInstance.hide()},dispose:function(){this.collapseInstance.hide(),this.collapseInstance.dispose()}},mounted:function(){const n=this.getElement();this.collapseInstance=new o.Collapse(n,{toggle:!1})},created:function(){const o=this;null!=o.props.toggle_on&&o.props.toggle_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.toggle)));null!=o.props.show_on&&o.props.show_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.show)));null!=o.props.hide_on&&o.props.hide_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.hide)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.dispose)))},beforeUnmount:function(){const o=this;null!=o.props.toggle_on&&o.props.toggle_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.show)));null!=o.props.show_on&&o.props.show_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.show)));null!=o.props.hide_on&&o.props.hide_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.hide)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.dispose)))}},i={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({dropdownInstance:void 0}),mounted(){}},p={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({modalInstance:void 0}),methods:{toggle:function(){this.modalInstance.toggle()},show:function(){this.modalInstance.show()},hide:function(){this.modalInstance.hide()},handleUpdate:function(){this.modalInstance.handleUpdate()},dispose:function(){this.modalInstance.dispose()}},mounted:function(){const n=this.getElement();this.modalInstance=new o.Modal(n)},created:function(){const o=this;var e=n.eventHub;null!=o.props.toggle_on&&o.props.toggle_on.split(",").forEach((n=>e.$on(n.trim(),o.toggle)));null!=o.props.show_on&&o.props.show_on.split(",").forEach((n=>e.$on(n.trim(),o.show)));null!=o.props.hide_on&&o.props.hide_on.split(",").forEach((n=>e.$on(n.trim(),o.hide)));null!=o.props.handle_update_on&&o.props.handle_update_on.split(",").forEach((n=>e.$on(n.trim(),o.handle_update)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((n=>e.$on(n.trim(),o.dispose)))},beforeUnmount:function(){const o=this;var e=n.eventHub;null!=o.props.toggle_on&&o.props.toggle_on.split(",").forEach((n=>e.$off(n.trim(),o.toggle)));null!=o.props.show_on&&o.props.show_on.split(",").forEach((n=>e.$off(n.trim(),o.show)));null!=o.props.hide_on&&o.props.hide_on.split(",").forEach((n=>e.$off(n.trim(),o.hide)));null!=o.props.handle_update_on&&o.props.handle_update_on.split(",").forEach((n=>e.$off(n.trim(),o.handle_update)));null!=o.props.dispose_on&&o.props.dispose_on.split(",").forEach((n=>e.$off(n.trim(),o.dispose)))}},a={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({popoverInstance:void 0}),methods:{},mounted:function(){const n=this.getElement();this.popoverInstance=new o.Popover(n,{})},created:function(){},beforeUnmount:function(){}},l={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({toastsInstance:void 0,eventData:{},showing:!1}),methods:{show:function(o){const n=this;this.props.autohide&&setTimeout((function(){n.showing=!1}),5e3),this.props.delay?setTimeout((function(){n.showing=!0}),parseInt(n.props.delay)):n.showing=!0,this.eventData=o},hide:function(o){const n=this;this.showing=!1,setTimeout((function(){n.eventData=!1}),500)},dispose:function(){const n=this;n.toastsInstance.dispose(),n.toastsInstance=new o.Toast(n.getElement())}},mounted:function(){var n=this.getElement();this.toastsInstance=new o.Toast(n)},created:function(){const o=this;null!=this.props.show_on&&this.props.show_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.show)));null!=this.props.hide_on&&this.props.hide_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.hide)));null!=this.props.dispose_on&&this.props.dispose_on.split(",").forEach((e=>n.eventHub.$on(e.trim(),o.dispose)))},beforeUnmount:function(){const o=this;(n.eventHub.$off(this.props.show_on,o.show),n.eventHub.$off(this.props.hide_on,o.hide),n.eventHub.$off(this.props.dispose_on,o.hide),null!=this.props.show_on)&&this.props.show_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.show)));null!=this.props.hide_on&&this.props.hide_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.hide)));null!=this.props.dispose_on&&this.props.dispose_on.split(",").forEach((e=>n.eventHub.$off(e.trim(),o.dispose)))}},r={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({}),methods:{},mounted:function(){var n=this.getElement();this.tooltipInstance=new o.Tooltip(n)}},c={mixins:[n.componentMixin],template:n.componentHelpers.inlineTemplate,data:()=>({sidebarOpen:!1}),methods:{sidebarToggle:function(){document.getElementById("sidebar").classList.contains("closed")?this.openSideBar():this.closeSideBar()},openSideBar:function(){var o=document.getElementById("sidebar"),n=document.getElementById("content");this.sidebarOpen=!0,o.classList.remove("closed"),o.classList.add("open"),n.classList.add("sidebar-open")},closeSideBar:function(){var o=document.getElementById("sidebar"),n=document.getElementById("content");this.sidebarOpen=!1,o.classList.add("closed"),o.classList.remove("open"),n.classList.remove("sidebar-open")},resizeCallback:function(){window.innerWidth<=992?this.closeSideBar():this.openSideBar()}},mounted:function(){window.innerWidth<=992&&(this.sidebarOpen=!0),window.addEventListener("resize",this.resizeCallback);var o=this;n.eventHub.$on("page_loaded",(function(){window.innerWidth<=992&&o.closeSideBar()})),n.eventHub.$on("page_loading_triggered",(function(){window.innerWidth<=992&&o.closeSideBar()}))}},d={registerComponents:function(o){return o.component("matestack-ui-bootstrap-alert",e),o.component("matestack-ui-bootstrap-carousel",t),o.component("matestack-ui-bootstrap-collapse",s),o.component("matestack-ui-bootstrap-dropdown",i),o.component("matestack-ui-bootstrap-modal",p),o.component("matestack-ui-bootstrap-popover",a),o.component("matestack-ui-bootstrap-toast",l),o.component("matestack-ui-bootstrap-tooltip",r),o.component("matestack-ui-bootstrap-sidebar",c),o}};window.MatestackUiBootstrap=d;export{d as default};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
.matestack-page-container .matestack-page-wrapper {
|
|
2
|
+
opacity: 1;
|
|
3
|
+
transition: opacity 0.2s ease-in-out;
|
|
4
|
+
}
|
|
5
|
+
.matestack-page-container .matestack-page-wrapper.loading {
|
|
6
|
+
opacity: 0;
|
|
7
|
+
}
|
|
8
|
+
.matestack-page-container .loading-state-element-wrapper {
|
|
9
|
+
opacity: 0;
|
|
10
|
+
transition: opacity 0.3s ease-in-out;
|
|
11
|
+
}
|
|
12
|
+
.matestack-page-container .loading-state-element-wrapper.loading {
|
|
13
|
+
opacity: 1;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.matestack-async-component-container {
|
|
17
|
+
opacity: 1;
|
|
18
|
+
transition: opacity 0.2s ease-in-out;
|
|
19
|
+
}
|
|
20
|
+
.matestack-async-component-container.loading {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.matestack-isolated-component-container {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
transition: opacity 0.2s ease-in-out;
|
|
27
|
+
}
|
|
28
|
+
.matestack-isolated-component-container.loading {
|
|
29
|
+
opacity: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.matestack-app-wrapper {
|
|
33
|
+
overflow-x: hidden;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.content-wrapper {
|
|
37
|
+
position: relative;
|
|
38
|
+
z-index: 1;
|
|
39
|
+
min-height: 101vh;
|
|
40
|
+
transition: 0.5s;
|
|
41
|
+
}
|
|
42
|
+
@media (max-width: 992px) {
|
|
43
|
+
.content-wrapper.sidebar-open {
|
|
44
|
+
margin-left: -300px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.sidebar-wrapper {
|
|
49
|
+
position: relative;
|
|
50
|
+
z-index: 10;
|
|
51
|
+
transition: 0.5s;
|
|
52
|
+
flex-grow: 0; /* do not grow - initial value: 0 */
|
|
53
|
+
flex-shrink: 0; /* do not shrink - initial value: 1 */
|
|
54
|
+
flex-basis: 300px; /* width/height - initial value: auto */
|
|
55
|
+
}
|
|
56
|
+
.sidebar-wrapper .sidebar-toggler {
|
|
57
|
+
transition: 0.5s;
|
|
58
|
+
position: relative;
|
|
59
|
+
left: 290px;
|
|
60
|
+
}
|
|
61
|
+
.sidebar-wrapper.closed {
|
|
62
|
+
margin-left: -300px;
|
|
63
|
+
}
|
|
64
|
+
.sidebar-wrapper.open {
|
|
65
|
+
margin-left: 0px;
|
|
66
|
+
}
|
|
67
|
+
@media (max-width: 992px) {
|
|
68
|
+
.sidebar-wrapper {
|
|
69
|
+
margin-left: -300px;
|
|
70
|
+
}
|
|
71
|
+
.sidebar-wrapper.open {
|
|
72
|
+
margin-left: 0px;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
.sidebar-wrapper .sidebar {
|
|
76
|
+
min-height: 100vh;
|
|
77
|
+
height: 100%;
|
|
78
|
+
}
|
|
79
|
+
.sidebar-wrapper .sidebar .sidebar-top {
|
|
80
|
+
margin-top: -35px;
|
|
81
|
+
}
|
|
82
|
+
.sidebar-wrapper .sidebar .sidebar-top a {
|
|
83
|
+
text-decoration: none;
|
|
84
|
+
}
|
|
85
|
+
.sidebar-wrapper .sidebar .list-group-item.active {
|
|
86
|
+
margin-top: 0px !important;
|
|
87
|
+
}
|
|
88
|
+
.sidebar-wrapper .sidebar .list-group-item.active-child {
|
|
89
|
+
color: var(--bs-white);
|
|
90
|
+
background-color: var(--bs-primary);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.smart-collection .pagination .page-item {
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
}
|
|
96
|
+
.smart-collection .pagination .page-item.disabled {
|
|
97
|
+
cursor: initial;
|
|
98
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: matestack-ui-bootstrap
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.1.
|
|
4
|
+
version: 3.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jonas Jabari
|
|
@@ -48,6 +48,8 @@ files:
|
|
|
48
48
|
- LICENSE
|
|
49
49
|
- README.md
|
|
50
50
|
- Rakefile
|
|
51
|
+
- dist/matestack-ui-bootstrap.esm.js
|
|
52
|
+
- dist/stylesheets/matestack-ui-bootstrap.css
|
|
51
53
|
- lib/matestack/ui/bootstrap.rb
|
|
52
54
|
- lib/matestack/ui/bootstrap/base_component.rb
|
|
53
55
|
- lib/matestack/ui/bootstrap/base_vue_js_component.rb
|