diff --git a/dist/keen-ui.css b/dist/keen-ui.css
index 65973f34..ee190bb4 100644
--- a/dist/keen-ui.css
+++ b/dist/keen-ui.css
@@ -1,5 +1,5 @@
/*!
- * Keen UI v1.1.2 (https://github.com/JosephusPaye/keen-ui)
+ * Keen UI v1.2.0 (https://github.com/JosephusPaye/keen-ui)
* (c) 2019 Josephus Paye II
* Released under the MIT License.
*/
@@ -763,41 +763,36 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
background-color: rgba(244, 67, 54, 0.26);
}
-.tippy-touch {
+.tippy-iOS {
cursor: pointer !important;
-}
-.tippy-notransition {
- -webkit-transition: none !important;
- transition: none !important;
+ -webkit-tap-highlight-color: transparent;
}
.tippy-popper {
- max-width: 100%;
max-height: 100%;
- z-index: 60;
+ max-width: 100%;
outline: 0;
+ pointer-events: none;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
- pointer-events: none;
+ z-index: 60;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop {
border-radius: 40% 40% 0 0;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop {
- -webkit-transform-origin: 0% 90%;
- transform-origin: 0% 90%;
+ -webkit-transform-origin: 0% 25%;
+ transform-origin: 0% 25%;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-50%, 25%);
- transform: scale(6) translate(-50%, 25%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -55%);
+ transform: scale(1) translate(-50%, -55%);
}
.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1) translate(-50%, 25%);
- transform: scale(1) translate(-50%, 25%);
+ -webkit-transform: scale(0.2) translate(-50%, -45%);
+ transform: scale(0.2) translate(-50%, -45%);
opacity: 0;
}
.tippy-popper[x-placement^='top'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@@ -807,7 +802,6 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
transform: translateY(-10px);
}
.tippy-popper[x-placement^='top'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@@ -816,25 +810,36 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
-webkit-transform: translateY(0);
transform: translateY(0);
}
+.tippy-popper[x-placement^='top'] [data-animation='scale'] {
+ -webkit-transform-origin: bottom;
+ transform-origin: bottom;
+}
+.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateY(-10px) scale(1);
+ transform: translateY(-10px) scale(1);
+}
+.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateY(-10px) scale(0.5);
+ transform: translateY(-10px) scale(0.5);
+}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop {
border-radius: 0 0 30% 30%;
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop {
- -webkit-transform-origin: 0 -90%;
- transform-origin: 0 -90%;
+ -webkit-transform-origin: 0% -50%;
+ transform-origin: 0% -50%;
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-50%, -125%);
- transform: scale(6) translate(-50%, -125%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -45%);
+ transform: scale(1) translate(-50%, -45%);
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1) translate(-50%, -125%);
- transform: scale(1) translate(-50%, -125%);
+ -webkit-transform: scale(0.2) translate(-50%, 0);
+ transform: scale(0.2) translate(-50%, 0);
opacity: 0;
}
.tippy-popper[x-placement^='bottom'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@@ -844,7 +849,6 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
transform: translateY(10px);
}
.tippy-popper[x-placement^='bottom'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@@ -853,25 +857,36 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
-webkit-transform: translateY(0);
transform: translateY(0);
}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'] {
+ -webkit-transform-origin: top;
+ transform-origin: top;
+}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateY(10px) scale(1);
+ transform: translateY(10px) scale(1);
+}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateY(10px) scale(0.5);
+ transform: translateY(10px) scale(0.5);
+}
.tippy-popper[x-placement^='left'] .tippy-backdrop {
border-radius: 50% 0 0 50%;
}
.tippy-popper[x-placement^='left'] .tippy-backdrop {
- -webkit-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
+ -webkit-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
}
.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(40%, -50%);
- transform: scale(6) translate(40%, -50%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -50%);
+ transform: scale(1) translate(-50%, -50%);
}
.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1.5) translate(40%, -50%);
- transform: scale(1.5) translate(40%, -50%);
+ -webkit-transform: scale(0.2) translate(-75%, -50%);
+ transform: scale(0.2) translate(-75%, -50%);
opacity: 0;
}
.tippy-popper[x-placement^='left'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@@ -881,7 +896,6 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
transform: translateX(-10px);
}
.tippy-popper[x-placement^='left'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@@ -890,25 +904,36 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
-webkit-transform: translateX(0);
transform: translateX(0);
}
+.tippy-popper[x-placement^='left'] [data-animation='scale'] {
+ -webkit-transform-origin: right;
+ transform-origin: right;
+}
+.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateX(-10px) scale(1);
+ transform: translateX(-10px) scale(1);
+}
+.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateX(-10px) scale(0.5);
+ transform: translateX(-10px) scale(0.5);
+}
.tippy-popper[x-placement^='right'] .tippy-backdrop {
border-radius: 0 50% 50% 0;
}
.tippy-popper[x-placement^='right'] .tippy-backdrop {
- -webkit-transform-origin: -100% 0%;
- transform-origin: -100% 0%;
+ -webkit-transform-origin: -50% 0%;
+ transform-origin: -50% 0%;
}
.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-140%, -50%);
- transform: scale(6) translate(-140%, -50%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -50%);
+ transform: scale(1) translate(-50%, -50%);
}
.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1.5) translate(-140%, -50%);
- transform: scale(1.5) translate(-140%, -50%);
+ -webkit-transform: scale(0.2) translate(-25%, -50%);
+ transform: scale(0.2) translate(-25%, -50%);
opacity: 0;
}
.tippy-popper[x-placement^='right'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@@ -918,7 +943,6 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
transform: translateX(10px);
}
.tippy-popper[x-placement^='right'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@@ -927,9 +951,21 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
-webkit-transform: translateX(0);
transform: translateX(0);
}
+.tippy-popper[x-placement^='right'] [data-animation='scale'] {
+ -webkit-transform-origin: left;
+ transform-origin: left;
+}
+.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateX(10px) scale(1);
+ transform: translateX(10px) scale(1);
+}
+.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateX(10px) scale(0.5);
+ transform: translateX(10px) scale(0.5);
+}
.tippy-tooltip {
position: relative;
- will-change: transform;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -937,12 +973,6 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
overflow: hidden;
background-color: transparent;
}
-.tippy-tooltip[data-animatefill] .tippy-content {
- -webkit-transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
-}
.tippy-tooltip[data-interactive] {
pointer-events: auto;
}
@@ -951,9 +981,8 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
}
.tippy-backdrop {
position: absolute;
- will-change: transform;
border-radius: 50%;
- width: 26%;
+ width: calc(110% + 2rem);
left: 50%;
top: 50%;
z-index: -1;
@@ -967,31 +996,16 @@ body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__
float: left;
padding-top: 100%;
}
-
-/* iOS Safari does not like clip path transition */
-body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(100% 100% at 50% 50%);
- clip-path: ellipse(100% 100% at 50% 50%);
-}
-body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(5% 50% at 50% 50%);
- clip-path: ellipse(5% 50% at 50% 50%);
-}
-body:not(.tippy-touch) .tippy-popper[x-placement='right'] .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(135% 100% at 0% 50%);
- clip-path: ellipse(135% 100% at 0% 50%);
-}
-body:not(.tippy-touch) .tippy-popper[x-placement='right'] .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(40% 100% at 0% 50%);
- clip-path: ellipse(40% 100% at 0% 50%);
+.tippy-backdrop + .tippy-content {
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ will-change: opacity;
}
-body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(135% 100% at 100% 50%);
- clip-path: ellipse(135% 100% at 100% 50%);
+.tippy-backdrop + .tippy-content[data-state='visible'] {
+ opacity: 1;
}
-body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(40% 100% at 100% 50%);
- clip-path: ellipse(40% 100% at 100% 50%);
+.tippy-backdrop + .tippy-content[data-state='hidden'] {
+ opacity: 0;
}
.ui-popover.is-raised {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -1124,41 +1138,36 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
}
}
-.tippy-touch {
+.tippy-iOS {
cursor: pointer !important;
-}
-.tippy-notransition {
- -webkit-transition: none !important;
- transition: none !important;
+ -webkit-tap-highlight-color: transparent;
}
.tippy-popper {
- max-width: 100%;
max-height: 100%;
- z-index: 60;
+ max-width: 100%;
outline: 0;
+ pointer-events: none;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
- pointer-events: none;
+ z-index: 60;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop {
border-radius: 40% 40% 0 0;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop {
- -webkit-transform-origin: 0% 90%;
- transform-origin: 0% 90%;
+ -webkit-transform-origin: 0% 25%;
+ transform-origin: 0% 25%;
}
.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-50%, 25%);
- transform: scale(6) translate(-50%, 25%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -55%);
+ transform: scale(1) translate(-50%, -55%);
}
.tippy-popper[x-placement^='top'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1) translate(-50%, 25%);
- transform: scale(1) translate(-50%, 25%);
+ -webkit-transform: scale(0.2) translate(-50%, -45%);
+ transform: scale(0.2) translate(-50%, -45%);
opacity: 0;
}
.tippy-popper[x-placement^='top'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@@ -1168,7 +1177,6 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
transform: translateY(-10px);
}
.tippy-popper[x-placement^='top'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@@ -1177,25 +1185,36 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
-webkit-transform: translateY(0);
transform: translateY(0);
}
+.tippy-popper[x-placement^='top'] [data-animation='scale'] {
+ -webkit-transform-origin: bottom;
+ transform-origin: bottom;
+}
+.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateY(-10px) scale(1);
+ transform: translateY(-10px) scale(1);
+}
+.tippy-popper[x-placement^='top'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateY(-10px) scale(0.5);
+ transform: translateY(-10px) scale(0.5);
+}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop {
border-radius: 0 0 30% 30%;
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop {
- -webkit-transform-origin: 0 -90%;
- transform-origin: 0 -90%;
+ -webkit-transform-origin: 0% -50%;
+ transform-origin: 0% -50%;
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-50%, -125%);
- transform: scale(6) translate(-50%, -125%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -45%);
+ transform: scale(1) translate(-50%, -45%);
}
.tippy-popper[x-placement^='bottom'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1) translate(-50%, -125%);
- transform: scale(1) translate(-50%, -125%);
+ -webkit-transform: scale(0.2) translate(-50%, 0);
+ transform: scale(0.2) translate(-50%, 0);
opacity: 0;
}
.tippy-popper[x-placement^='bottom'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@@ -1205,7 +1224,6 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
transform: translateY(10px);
}
.tippy-popper[x-placement^='bottom'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@@ -1214,25 +1232,36 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
-webkit-transform: translateY(0);
transform: translateY(0);
}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'] {
+ -webkit-transform-origin: top;
+ transform-origin: top;
+}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateY(10px) scale(1);
+ transform: translateY(10px) scale(1);
+}
+.tippy-popper[x-placement^='bottom'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateY(10px) scale(0.5);
+ transform: translateY(10px) scale(0.5);
+}
.tippy-popper[x-placement^='left'] .tippy-backdrop {
border-radius: 50% 0 0 50%;
}
.tippy-popper[x-placement^='left'] .tippy-backdrop {
- -webkit-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
+ -webkit-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
}
.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(40%, -50%);
- transform: scale(6) translate(40%, -50%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -50%);
+ transform: scale(1) translate(-50%, -50%);
}
.tippy-popper[x-placement^='left'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1.5) translate(40%, -50%);
- transform: scale(1.5) translate(40%, -50%);
+ -webkit-transform: scale(0.2) translate(-75%, -50%);
+ transform: scale(0.2) translate(-75%, -50%);
opacity: 0;
}
.tippy-popper[x-placement^='left'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@@ -1242,7 +1271,6 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
transform: translateX(-10px);
}
.tippy-popper[x-placement^='left'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@@ -1251,25 +1279,36 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
-webkit-transform: translateX(0);
transform: translateX(0);
}
+.tippy-popper[x-placement^='left'] [data-animation='scale'] {
+ -webkit-transform-origin: right;
+ transform-origin: right;
+}
+.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateX(-10px) scale(1);
+ transform: translateX(-10px) scale(1);
+}
+.tippy-popper[x-placement^='left'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateX(-10px) scale(0.5);
+ transform: translateX(-10px) scale(0.5);
+}
.tippy-popper[x-placement^='right'] .tippy-backdrop {
border-radius: 0 50% 50% 0;
}
.tippy-popper[x-placement^='right'] .tippy-backdrop {
- -webkit-transform-origin: -100% 0%;
- transform-origin: -100% 0%;
+ -webkit-transform-origin: -50% 0%;
+ transform-origin: -50% 0%;
}
.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='visible'] {
- -webkit-transform: scale(6) translate(-140%, -50%);
- transform: scale(6) translate(-140%, -50%);
- opacity: 1;
+ -webkit-transform: scale(1) translate(-50%, -50%);
+ transform: scale(1) translate(-50%, -50%);
}
.tippy-popper[x-placement^='right'] .tippy-backdrop[data-state='hidden'] {
- -webkit-transform: scale(1.5) translate(-140%, -50%);
- transform: scale(1.5) translate(-140%, -50%);
+ -webkit-transform: scale(0.2) translate(-25%, -50%);
+ transform: scale(0.2) translate(-25%, -50%);
opacity: 0;
}
.tippy-popper[x-placement^='right'] [data-animation='fade'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@@ -1279,7 +1318,6 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
transform: translateX(10px);
}
.tippy-popper[x-placement^='right'] [data-animation='shift-away'][data-state='visible'] {
- opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@@ -1288,9 +1326,21 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
-webkit-transform: translateX(0);
transform: translateX(0);
}
+.tippy-popper[x-placement^='right'] [data-animation='scale'] {
+ -webkit-transform-origin: left;
+ transform-origin: left;
+}
+.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='visible'] {
+ -webkit-transform: translateX(10px) scale(1);
+ transform: translateX(10px) scale(1);
+}
+.tippy-popper[x-placement^='right'] [data-animation='scale'][data-state='hidden'] {
+ opacity: 0;
+ -webkit-transform: translateX(10px) scale(0.5);
+ transform: translateX(10px) scale(0.5);
+}
.tippy-tooltip {
position: relative;
- will-change: transform;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -1298,12 +1348,6 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
overflow: hidden;
background-color: transparent;
}
-.tippy-tooltip[data-animatefill] .tippy-content {
- -webkit-transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
- transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
-}
.tippy-tooltip[data-interactive] {
pointer-events: auto;
}
@@ -1312,9 +1356,8 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
}
.tippy-backdrop {
position: absolute;
- will-change: transform;
border-radius: 50%;
- width: 26%;
+ width: calc(110% + 2rem);
left: 50%;
top: 50%;
z-index: -1;
@@ -1328,31 +1371,16 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
float: left;
padding-top: 100%;
}
-
-/* iOS Safari does not like clip path transition */
-body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(100% 100% at 50% 50%);
- clip-path: ellipse(100% 100% at 50% 50%);
-}
-body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(5% 50% at 50% 50%);
- clip-path: ellipse(5% 50% at 50% 50%);
-}
-body:not(.tippy-touch) .tippy-popper[x-placement='right'] .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(135% 100% at 0% 50%);
- clip-path: ellipse(135% 100% at 0% 50%);
-}
-body:not(.tippy-touch) .tippy-popper[x-placement='right'] .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(40% 100% at 0% 50%);
- clip-path: ellipse(40% 100% at 0% 50%);
+.tippy-backdrop + .tippy-content {
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ will-change: opacity;
}
-body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-animatefill][data-state='visible'] .tippy-content {
- -webkit-clip-path: ellipse(135% 100% at 100% 50%);
- clip-path: ellipse(135% 100% at 100% 50%);
+.tippy-backdrop + .tippy-content[data-state='visible'] {
+ opacity: 1;
}
-body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-animatefill][data-state='hidden'] .tippy-content {
- -webkit-clip-path: ellipse(40% 100% at 100% 50%);
- clip-path: ellipse(40% 100% at 100% 50%);
+.tippy-backdrop + .tippy-content[data-state='hidden'] {
+ opacity: 0;
}
.ui-tooltip-theme {
background-color: rgba(33, 33, 33, 0.9);
@@ -1368,124 +1396,31 @@ body:not(.tippy-touch) .tippy-popper[x-placement='left'] .tippy-tooltip[data-ani
}
.ui-calendar {
+ border-radius: 3px;
color: rgba(0, 0, 0, 0.87);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ overflow: hidden;
}
-.ui-calendar__header {
- color: white;
- line-height: 1;
- padding: 1rem;
-}
-.ui-calendar__header-year,
-.ui-calendar__header-details {
- cursor: pointer;
- opacity: 0.75;
- -webkit-transition: opacity 0.2s ease;
- transition: opacity 0.2s ease;
-}
-.ui-calendar__header-year:hover,
- body[modality="keyboard"] .ui-calendar__header-year:focus, .ui-calendar__header-year.is-active,
- .ui-calendar__header-details:hover,
- body[modality="keyboard"]
- .ui-calendar__header-details:focus,
- .ui-calendar__header-details.is-active {
- opacity: 1;
-}
-body[modality="keyboard"] .ui-calendar__header-year:focus, body[modality="keyboard"]
- .ui-calendar__header-details:focus {
- outline: 1px dotted white;
- outline-offset: 1px;
+.ui-calendar.is-raised {
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
-.ui-calendar__header-year {
- font-size: 0.9375rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
+.ui-calendar.is-raised .ui-calendar__body {
+ border: none;
}
-.ui-calendar__header-details {
- font-size: 1.375rem;
+.ui-calendar .ui-calendar__header {
+ height: 3rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
}
.ui-calendar__body {
- height: 19.5rem;
+ border-radius: 0 0 3px 3px;
overflow: hidden;
- padding: 0.5rem;
position: relative;
- width: 16.75rem;
-}
-.ui-calendar__years {
- height: 19.5rem;
- list-style: none;
- margin: -0.5rem;
- overflow-y: auto;
- padding: 0.5rem 0;
-}
-.ui-calendar__year {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- cursor: pointer;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 1rem;
- height: 2.25rem;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- outline: none;
-}
-.ui-calendar__year.is-selected {
- font-size: 1.5rem;
- font-weight: 600;
- height: 2.5rem;
-}
-.ui-calendar--orientation-landscape {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.ui-calendar--orientation-landscape .ui-calendar__header {
- min-width: 8rem;
-}
-.ui-calendar--orientation-landscape .ui-calendar__header-date {
- margin-bottom: 0.75rem;
-}
-.ui-calendar--orientation-landscape .ui-calendar__header-date {
- display: block;
- padding-top: 0.25rem;
-}
-.ui-calendar--color-primary .ui-calendar__header {
- background-color: #2196f3;
-}
-.ui-calendar--color-primary .ui-calendar__year:hover,
-body[modality="keyboard"] .ui-calendar--color-primary .ui-calendar__year:focus {
- color: #2196f3;
-}
-.ui-calendar--color-primary .ui-calendar__year.is-selected {
- color: #2196f3;
-}
-.ui-calendar--color-primary .ui-calendar-week__date.is-today {
- color: #2196f3;
-}
-.ui-calendar--color-primary .ui-calendar-week__date.is-selected,
-body[modality="keyboard"] .ui-calendar--color-primary .ui-calendar-week__date.is-selected {
- background-color: #2196f3;
-}
-.ui-calendar--color-accent .ui-calendar__header {
- background-color: #d500f9;
-}
-.ui-calendar--color-accent .ui-calendar__year:hover,
-body[modality="keyboard"] .ui-calendar--color-accent .ui-calendar__year:focus {
- color: #d500f9;
-}
-.ui-calendar--color-accent .ui-calendar__year.is-selected {
- color: #d500f9;
-}
-.ui-calendar--color-accent .ui-calendar-week__date.is-today {
- color: #d500f9;
-}
-.ui-calendar--color-accent .ui-calendar-week__date.is-selected,
-body[modality="keyboard"] .ui-calendar--color-accent .ui-calendar-week__date.is-selected {
- background-color: #d500f9;
+ width: 100%;
+ padding: 0.5rem;
+ padding-top: 0.25rem;
+ border: 1px solid #EEE;
+ border-top: 0;
}
.ui-calendar-controls {
@@ -1502,6 +1437,18 @@ body[modality="keyboard"] .ui-calendar--color-accent .ui-calendar-week__date.is-
}
.ui-calendar-controls__month-and-year {
font-size: 0.9375rem;
+ font-weight: 600;
+}
+.ui-calendar-controls--color-default {
+ background-color: #EEE;
+}
+.ui-calendar-controls--color-primary {
+ background-color: #2196f3;
+ color: white;
+}
+.ui-calendar-controls--color-accent {
+ background-color: #d500f9;
+ color: white;
}
.ui-icon-button {
@@ -1763,90 +1710,75 @@ body[modality="keyboard"] .ui-icon-button:focus .ui-icon-button__focus-ring {
}
.ui-calendar-month {
- height: 16rem;
- overflow: hidden;
- position: relative;
+ table-layout: fixed;
width: 100%;
}
.ui-calendar-month__header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 2.5rem;
- -ms-flex-pack: distribute;
- justify-content: space-around;
width: 100%;
}
-.ui-calendar-month__header span {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+.ui-calendar-month__header th {
color: rgba(0, 0, 0, 0.54);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
font-size: 0.875rem;
- height: 2.25rem;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ font-weight: 600;
+ height: 2.5rem;
+ text-align: center;
text-transform: uppercase;
- width: 2.25rem;
-}
-.ui-calendar-month__week {
- position: absolute;
- width: 15.75rem;
+ vertical-align: middle;
+ width: 14.28571%;
}
-.ui-calendar-month__week.is-current {
- left: 0;
-}
-.ui-calendar-month__week.is-other {
- left: 15.75rem;
-}
-.ui-calendar-month__week.is-other.ui-calendar-month--slide-right {
- left: -15.75rem;
-}
-.ui-calendar-month__week.is-sliding {
- -webkit-transition: -webkit-transform 250ms ease;
- transition: -webkit-transform 250ms ease;
- transition: transform 250ms ease;
- transition: transform 250ms ease, -webkit-transform 250ms ease;
-}
-.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-left {
- -webkit-transform: translate3d(-15.75rem, 0, 0);
- transform: translate3d(-15.75rem, 0, 0);
-}
-.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-right {
- -webkit-transform: translate3d(15.75rem, 0, 0);
- transform: translate3d(15.75rem, 0, 0);
+.ui-calendar-month__body {
+ width: 100%;
}
.ui-calendar-week {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
font-size: 0.875rem;
width: 100%;
}
+.ui-calendar-week td {
+ width: 14.28571%;
+ min-width: 2.25rem;
+ position: relative;
+}
+.ui-calendar-week--has-square-cells td::before {
+ box-sizing: border-box;
+ content: '';
+ display: block;
+ padding-top: 100%;
+ min-height: 2.25rem;
+}
+.ui-calendar-week--has-square-cells .ui-calendar-week__date {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ border-radius: 50%;
+}
.ui-calendar-week__date {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- border-radius: 50%;
+ border-radius: 2px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
- height: 2.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
text-align: center;
- width: 2.25rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: transparent;
+ border: none;
+ width: 100%;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: 1;
+ margin: 0;
+ min-height: 2.25rem;
+ padding: 0;
}
.ui-calendar-week__date:hover,
body[modality="keyboard"] .ui-calendar-week__date:focus {
@@ -1858,17 +1790,33 @@ body[modality="keyboard"] .ui-icon-button:focus .ui-icon-button__focus-ring {
.ui-calendar-week__date.is-today {
font-weight: bold;
}
-.ui-calendar-week__date.is-today.is-selected {
- color: white;
-}
-.ui-calendar-week__date.is-selected {
- color: white;
-}
.ui-calendar-week__date.is-disabled {
background-color: transparent;
cursor: default;
opacity: 0.4;
}
+.ui-calendar-week--color-primary .ui-calendar-week__date.is-today {
+ color: #2196f3;
+}
+.ui-calendar-week--color-primary .ui-calendar-week__date.is-today.is-selected {
+ color: white;
+}
+.ui-calendar-week--color-primary .ui-calendar-week__date.is-selected,
+body[modality="keyboard"] .ui-calendar-week--color-primary .ui-calendar-week__date.is-selected {
+ background-color: #2196f3;
+ color: white;
+}
+.ui-calendar-week--color-accent .ui-calendar-week__date.is-today {
+ color: #d500f9;
+}
+.ui-calendar-week--color-accent .ui-calendar-week__date.is-today.is-selected {
+ color: white;
+}
+.ui-calendar-week--color-accent .ui-calendar-week__date.is-selected,
+body[modality="keyboard"] .ui-calendar-week--color-accent .ui-calendar-week__date.is-selected {
+ background-color: #d500f9;
+ color: white;
+}
.ui-checkbox {
-webkit-box-align: center;
@@ -2185,6 +2133,7 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
display: table-cell;
vertical-align: middle;
overflow-x: hidden;
+ text-align: center;
}
.ui-modal__wrapper.has-dummy-scrollbar {
overflow-y: scroll;
@@ -2193,12 +2142,14 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
background-color: white;
border-radius: 0.125rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
+ display: inline-block;
margin: 0 auto;
max-height: 100vh;
max-width: 100vw;
outline: none;
overflow: hidden;
padding: 0;
+ text-align: initial;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 33rem;
@@ -2271,6 +2222,9 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
.ui-modal--size-fullscreen > .ui-modal__wrapper > .ui-modal__container .ui-modal__body {
height: calc(100vh - 3.5rem);
}
+.ui-modal--size-auto > .ui-modal__wrapper > .ui-modal__container {
+ width: initial;
+}
.ui-modal--transition-fade-enter,
.ui-modal--transition-fade-leave-active {
opacity: 0;
@@ -2372,12 +2326,6 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body {
padding: 0;
}
-.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body .ui-calendar__body {
- height: 21.75rem;
-}
-.ui-datepicker .ui-modal__container {
- width: 16.75rem;
-}
.ui-datepicker__label {
display: block;
margin: 0;
@@ -2462,17 +2410,6 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
padding-top: 0.25rem;
position: relative;
}
-.ui-datepicker__modal-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-.ui-datepicker__modal-buttons .ui-button {
- min-width: 4rem;
-}
.ui-datepicker--icon-position-right .ui-datepicker__icon-wrapper {
margin-left: 0.5rem;
margin-right: 0;
@@ -2480,8 +2417,127 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
-ms-flex-order: 1;
order: 1;
}
-.ui-datepicker--orientation-landscape .ui-modal__container {
- width: 24.75rem;
+
+.ui-datepicker-calendar {
+ color: rgba(0, 0, 0, 0.87);
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.ui-datepicker-calendar__header {
+ color: white;
+ line-height: 1;
+ padding: 1rem;
+}
+.ui-datepicker-calendar__header-year,
+.ui-datepicker-calendar__header-date {
+ cursor: pointer;
+ opacity: 0.75;
+ -webkit-transition: opacity 0.2s ease;
+ transition: opacity 0.2s ease;
+}
+.ui-datepicker-calendar__header-year:hover,
+ body[modality="keyboard"] .ui-datepicker-calendar__header-year:focus, .ui-datepicker-calendar__header-year.is-active,
+ .ui-datepicker-calendar__header-date:hover,
+ body[modality="keyboard"]
+ .ui-datepicker-calendar__header-date:focus,
+ .ui-datepicker-calendar__header-date.is-active {
+ opacity: 1;
+}
+body[modality="keyboard"] .ui-datepicker-calendar__header-year:focus, body[modality="keyboard"]
+ .ui-datepicker-calendar__header-date:focus {
+ outline: 1px dotted white;
+ outline-offset: 1px;
+}
+.ui-datepicker-calendar__header-year {
+ font-size: 0.9375rem;
+ font-weight: 600;
+ margin-bottom: 0.5rem;
+}
+.ui-datepicker-calendar__header-date {
+ font-size: 1.375rem;
+}
+.ui-datepicker-calendar__body {
+ box-sizing: border-box;
+}
+.ui-datepicker-calendar__body .ui-calendar-controls {
+ background-color: transparent;
+}
+.ui-datepicker-calendar__body,
+.ui-datepicker-calendar__years {
+ height: 19.5rem;
+ padding: 0.5rem;
+ width: 16.75rem;
+}
+.ui-datepicker-calendar__years {
+ list-style: none;
+ overflow-y: auto;
+ margin: 0;
+}
+.ui-datepicker-calendar__year {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ cursor: pointer;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ font-size: 1rem;
+ height: 2.25rem;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ outline: none;
+}
+.ui-datepicker-calendar__year.is-selected {
+ font-size: 1.5rem;
+ font-weight: 600;
+ height: 2.5rem;
+}
+.ui-datepicker-calendar--orientation-landscape {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.ui-datepicker-calendar--orientation-landscape .ui-datepicker-calendar__header {
+ min-width: 8rem;
+}
+.ui-datepicker-calendar--orientation-landscape .ui-datepicker-calendar__header-day {
+ margin-bottom: 0.75rem;
+ display: block;
+ padding-top: 0.25rem;
+}
+.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__header {
+ background-color: #2196f3;
+}
+.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year:hover,
+body[modality="keyboard"] .ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year:focus {
+ color: #2196f3;
+}
+.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year.is-selected {
+ color: #2196f3;
+}
+.ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-today {
+ color: #2196f3;
+}
+.ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-selected,
+body[modality="keyboard"] .ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-selected {
+ background-color: #2196f3;
+}
+.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__header {
+ background-color: #d500f9;
+}
+.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year:hover,
+body[modality="keyboard"] .ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year:focus {
+ color: #d500f9;
+}
+.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year.is-selected {
+ color: #d500f9;
+}
+.ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-today {
+ color: #d500f9;
+}
+.ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-selected,
+body[modality="keyboard"] .ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-selected {
+ background-color: #d500f9;
}
.ui-fab {
diff --git a/dist/keen-ui.js b/dist/keen-ui.js
index 78ddd4b3..c1f66322 100644
--- a/dist/keen-ui.js
+++ b/dist/keen-ui.js
@@ -1,5 +1,5 @@
/*!
- * Keen UI v1.1.2 (https://github.com/JosephusPaye/keen-ui)
+ * Keen UI v1.2.0 (https://github.com/JosephusPaye/keen-ui)
* (c) 2019 Josephus Paye II
* Released under the MIT License.
*/
@@ -78,7 +78,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
-/******/ return __webpack_require__(__webpack_require__.s = 184);
+/******/ return __webpack_require__(__webpack_require__.s = 190);
/******/ })
/************************************************************************/
/******/ ([
@@ -183,12 +183,12 @@ module.exports = function normalizeComponent (
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiIcon_vue__ = __webpack_require__(65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_39a27af7_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiIcon_vue__ = __webpack_require__(153);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiIcon_vue__ = __webpack_require__(71);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_39a27af7_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiIcon_vue__ = __webpack_require__(158);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(104)
+ __webpack_require__(109)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -236,12 +236,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiRippleInk_vue__ = __webpack_require__(76);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ef65288_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiRippleInk_vue__ = __webpack_require__(164);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiRippleInk_vue__ = __webpack_require__(82);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ef65288_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiRippleInk_vue__ = __webpack_require__(169);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(115)
+ __webpack_require__(120)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -288,175 +288,6 @@ if (false) {(function () {
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* unused harmony export isObject */
-/* harmony export (immutable) */ __webpack_exports__["b"] = looseEqual;
-/* harmony export (immutable) */ __webpack_exports__["c"] = looseIndexOf;
-/* harmony export (immutable) */ __webpack_exports__["a"] = startsWith;
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-function isObject(obj) {
- return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
-}
-
-function looseEqual(a, b) {
- return a == b || (isObject(a) && isObject(b) ? JSON.stringify(a) === JSON.stringify(b) : false);
-}
-
-function looseIndexOf(arr, val) {
- for (var i = 0; i < arr.length; i++) {
- if (looseEqual(arr[i], val)) {
- return i;
- }
- }
-
- return -1;
-}
-
-function startsWith(string, query) {
- var position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
- return string.substr(position, query.length) === query;
-}
-
-/***/ }),
-/* 4 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiPopover_vue__ = __webpack_require__(70);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48582497_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiPopover_vue__ = __webpack_require__(156);
-var disposed = false
-function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(107)
-}
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-/* template */
-
-/* styles */
-var __vue_styles__ = injectStyle
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiPopover_vue__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48582497_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiPopover_vue__["a" /* default */],
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
-)
-Component.options.__file = "src\\UiPopover.vue"
-if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
-if (Component.options.functional) {console.error("[vue-loader] UiPopover.vue: functional components are not supported with templates, they should use render functions.")}
-
-/* hot reload */
-if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-48582497", Component.options)
- } else {
- hotAPI.reload("data-v-48582497", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
-})()}
-
-/* harmony default export */ __webpack_exports__["a"] = Component.exports;
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var trim = /^\s+|\s+$/g;
-var whitespace = /\s+/g;
-
-function interpret(input) {
- return typeof input === 'string' ? input.replace(trim, '').split(whitespace) : input;
-}
-
-function classes(el) {
- if (isElement(el)) {
- return (el.getAttribute('class') || '').replace(trim, '').split(whitespace);
- }
-
- return [];
-}
-
-function set(el, input) {
- if (isElement(el)) {
- el.setAttribute('class', interpret(input).join(' '));
- }
-}
-
-function add(el, input) {
- var current = remove(el, input);
- var values = interpret(input);
-
- current.push.apply(current, values);
- set(el, current);
-
- return current;
-}
-
-function remove(el, input) {
- var current = classes(el);
- var values = interpret(input);
-
- values.forEach(function (value) {
- var i = current.indexOf(value);
- if (i !== -1) {
- current.splice(i, 1);
- }
- });
-
- set(el, current);
-
- return current;
-}
-
-function contains(el, input) {
- var current = classes(el);
- var values = interpret(input);
-
- return values.every(function (value) {
- return current.indexOf(value) !== -1;
- });
-}
-
-function isElement(o) {
- var elementObjects = (typeof HTMLElement === 'undefined' ? 'undefined' : _typeof(HTMLElement)) === 'object';
- return elementObjects ? o instanceof HTMLElement : isElementObject(o);
-}
-
-function isElementObject(o) {
- return o && (typeof o === 'undefined' ? 'undefined' : _typeof(o)) === 'object' && typeof o.nodeName === 'string' && o.nodeType === 1;
-}
-
-/* harmony default export */ __webpack_exports__["a"] = {
- add: add,
- remove: remove,
- contains: contains,
- has: contains,
- set: set,
- get: classes
-};
-
-/***/ }),
-/* 6 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
"use strict";
/* unused harmony export defaultLang */
/* unused harmony export getDayFull */
@@ -582,69 +413,51 @@ function isAfter(date1, date2) {
};
/***/ }),
-/* 7 */
+/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiButton_vue__ = __webpack_require__(51);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_663a40a0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiButton_vue__ = __webpack_require__(165);
-var disposed = false
-function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(116)
+/* unused harmony export isObject */
+/* harmony export (immutable) */ __webpack_exports__["b"] = looseEqual;
+/* harmony export (immutable) */ __webpack_exports__["c"] = looseIndexOf;
+/* harmony export (immutable) */ __webpack_exports__["a"] = startsWith;
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function isObject(obj) {
+ return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
}
-var normalizeComponent = __webpack_require__(0)
-/* script */
-/* template */
+function looseEqual(a, b) {
+ return a == b || (isObject(a) && isObject(b) ? JSON.stringify(a) === JSON.stringify(b) : false);
+}
-/* styles */
-var __vue_styles__ = injectStyle
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiButton_vue__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_663a40a0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiButton_vue__["a" /* default */],
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
-)
-Component.options.__file = "src\\UiButton.vue"
-if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
-if (Component.options.functional) {console.error("[vue-loader] UiButton.vue: functional components are not supported with templates, they should use render functions.")}
+function looseIndexOf(arr, val) {
+ for (var i = 0; i < arr.length; i++) {
+ if (looseEqual(arr[i], val)) {
+ return i;
+ }
+ }
-/* hot reload */
-if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-663a40a0", Component.options)
- } else {
- hotAPI.reload("data-v-663a40a0", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
-})()}
+ return -1;
+}
-/* harmony default export */ __webpack_exports__["a"] = Component.exports;
+function startsWith(string, query) {
+ var position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ return string.substr(position, query.length) === query;
+}
/***/ }),
-/* 8 */
+/* 5 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressCircular_vue__ = __webpack_require__(72);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7bea93ea_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressCircular_vue__ = __webpack_require__(173);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiPopover_vue__ = __webpack_require__(76);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48582497_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiPopover_vue__ = __webpack_require__(161);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(124)
+ __webpack_require__(112)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -658,15 +471,15 @@ var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressCircular_vue__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7bea93ea_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressCircular_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiPopover_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48582497_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiPopover_vue__["a" /* default */],
__vue_styles__,
__vue_scopeId__,
__vue_module_identifier__
)
-Component.options.__file = "src\\UiProgressCircular.vue"
+Component.options.__file = "src\\UiPopover.vue"
if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
-if (Component.options.functional) {console.error("[vue-loader] UiProgressCircular.vue: functional components are not supported with templates, they should use render functions.")}
+if (Component.options.functional) {console.error("[vue-loader] UiPopover.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
if (false) {(function () {
@@ -675,9 +488,9 @@ if (false) {(function () {
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
- hotAPI.createRecord("data-v-7bea93ea", Component.options)
+ hotAPI.createRecord("data-v-48582497", Component.options)
} else {
- hotAPI.reload("data-v-7bea93ea", Component.options)
+ hotAPI.reload("data-v-48582497", Component.options)
}
module.hot.dispose(function (data) {
disposed = true
@@ -688,16 +501,203 @@ if (false) {(function () {
/***/ }),
-/* 9 */
+/* 6 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiTooltip_vue__ = __webpack_require__(88);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6cedb6f5_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiTooltip_vue__ = __webpack_require__(167);
-var disposed = false
-function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(118)
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var trim = /^\s+|\s+$/g;
+var whitespace = /\s+/g;
+
+function interpret(input) {
+ return typeof input === 'string' ? input.replace(trim, '').split(whitespace) : input;
+}
+
+function classes(el) {
+ if (isElement(el)) {
+ return (el.getAttribute('class') || '').replace(trim, '').split(whitespace);
+ }
+
+ return [];
+}
+
+function set(el, input) {
+ if (isElement(el)) {
+ el.setAttribute('class', interpret(input).join(' '));
+ }
+}
+
+function add(el, input) {
+ var current = remove(el, input);
+ var values = interpret(input);
+
+ current.push.apply(current, values);
+ set(el, current);
+
+ return current;
+}
+
+function remove(el, input) {
+ var current = classes(el);
+ var values = interpret(input);
+
+ values.forEach(function (value) {
+ var i = current.indexOf(value);
+ if (i !== -1) {
+ current.splice(i, 1);
+ }
+ });
+
+ set(el, current);
+
+ return current;
+}
+
+function contains(el, input) {
+ var current = classes(el);
+ var values = interpret(input);
+
+ return values.every(function (value) {
+ return current.indexOf(value) !== -1;
+ });
+}
+
+function isElement(o) {
+ var elementObjects = (typeof HTMLElement === 'undefined' ? 'undefined' : _typeof(HTMLElement)) === 'object';
+ return elementObjects ? o instanceof HTMLElement : isElementObject(o);
+}
+
+function isElementObject(o) {
+ return o && (typeof o === 'undefined' ? 'undefined' : _typeof(o)) === 'object' && typeof o.nodeName === 'string' && o.nodeType === 1;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = {
+ add: add,
+ remove: remove,
+ contains: contains,
+ has: contains,
+ set: set,
+ get: classes
+};
+
+/***/ }),
+/* 7 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiButton_vue__ = __webpack_require__(56);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_663a40a0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiButton_vue__ = __webpack_require__(170);
+var disposed = false
+function injectStyle (ssrContext) {
+ if (disposed) return
+ __webpack_require__(121)
+}
+var normalizeComponent = __webpack_require__(0)
+/* script */
+
+/* template */
+
+/* styles */
+var __vue_styles__ = injectStyle
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+ __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiButton_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_663a40a0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiButton_vue__["a" /* default */],
+ __vue_styles__,
+ __vue_scopeId__,
+ __vue_module_identifier__
+)
+Component.options.__file = "src\\UiButton.vue"
+if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] UiButton.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+ var hotAPI = require("vue-hot-reload-api")
+ hotAPI.install(require("vue"), false)
+ if (!hotAPI.compatible) return
+ module.hot.accept()
+ if (!module.hot.data) {
+ hotAPI.createRecord("data-v-663a40a0", Component.options)
+ } else {
+ hotAPI.reload("data-v-663a40a0", Component.options)
+ }
+ module.hot.dispose(function (data) {
+ disposed = true
+ })
+})()}
+
+/* harmony default export */ __webpack_exports__["a"] = Component.exports;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressCircular_vue__ = __webpack_require__(78);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7bea93ea_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressCircular_vue__ = __webpack_require__(178);
+var disposed = false
+function injectStyle (ssrContext) {
+ if (disposed) return
+ __webpack_require__(129)
+}
+var normalizeComponent = __webpack_require__(0)
+/* script */
+
+/* template */
+
+/* styles */
+var __vue_styles__ = injectStyle
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+ __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressCircular_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7bea93ea_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressCircular_vue__["a" /* default */],
+ __vue_styles__,
+ __vue_scopeId__,
+ __vue_module_identifier__
+)
+Component.options.__file = "src\\UiProgressCircular.vue"
+if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] UiProgressCircular.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+ var hotAPI = require("vue-hot-reload-api")
+ hotAPI.install(require("vue"), false)
+ if (!hotAPI.compatible) return
+ module.hot.accept()
+ if (!module.hot.data) {
+ hotAPI.createRecord("data-v-7bea93ea", Component.options)
+ } else {
+ hotAPI.reload("data-v-7bea93ea", Component.options)
+ }
+ module.hot.dispose(function (data) {
+ disposed = true
+ })
+})()}
+
+/* harmony default export */ __webpack_exports__["a"] = Component.exports;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiTooltip_vue__ = __webpack_require__(94);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6cedb6f5_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiTooltip_vue__ = __webpack_require__(172);
+var disposed = false
+function injectStyle (ssrContext) {
+ if (disposed) return
+ __webpack_require__(123)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -745,12 +745,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCloseButton_vue__ = __webpack_require__(58);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ba5f488_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCloseButton_vue__ = __webpack_require__(172);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCloseButton_vue__ = __webpack_require__(63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ba5f488_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCloseButton_vue__ = __webpack_require__(177);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(123)
+ __webpack_require__(128)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -798,12 +798,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiIconButton_vue__ = __webpack_require__(66);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9db4dbee_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiIconButton_vue__ = __webpack_require__(177);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiIconButton_vue__ = __webpack_require__(72);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9db4dbee_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiIconButton_vue__ = __webpack_require__(182);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(128)
+ __webpack_require__(133)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -851,12 +851,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiModal_vue__ = __webpack_require__(69);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5cfba9c2_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiModal_vue__ = __webpack_require__(163);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiModal_vue__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5cfba9c2_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiModal_vue__ = __webpack_require__(168);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(114)
+ __webpack_require__(119)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -938,12 +938,12 @@ function resolve(ref, fallback) {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiFocusContainer_vue__ = __webpack_require__(64);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6c26f987_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiFocusContainer_vue__ = __webpack_require__(166);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiFocusContainer_vue__ = __webpack_require__(70);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6c26f987_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiFocusContainer_vue__ = __webpack_require__(171);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(117)
+ __webpack_require__(122)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -991,12 +991,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCalendar_vue__ = __webpack_require__(52);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_10feac3c_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCalendar_vue__ = __webpack_require__(147);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCheckbox_vue__ = __webpack_require__(61);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7905fb7e_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCheckbox_vue__ = __webpack_require__(175);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(98)
+ __webpack_require__(126)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -1010,15 +1010,15 @@ var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCalendar_vue__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_10feac3c_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCalendar_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCheckbox_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7905fb7e_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCheckbox_vue__["a" /* default */],
__vue_styles__,
__vue_scopeId__,
__vue_module_identifier__
)
-Component.options.__file = "src\\UiCalendar.vue"
+Component.options.__file = "src\\UiCheckbox.vue"
if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
-if (Component.options.functional) {console.error("[vue-loader] UiCalendar.vue: functional components are not supported with templates, they should use render functions.")}
+if (Component.options.functional) {console.error("[vue-loader] UiCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
if (false) {(function () {
@@ -1027,9 +1027,9 @@ if (false) {(function () {
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
- hotAPI.createRecord("data-v-10feac3c", Component.options)
+ hotAPI.createRecord("data-v-7905fb7e", Component.options)
} else {
- hotAPI.reload("data-v-10feac3c", Component.options)
+ hotAPI.reload("data-v-7905fb7e", Component.options)
}
module.hot.dispose(function (data) {
disposed = true
@@ -1044,12 +1044,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCheckbox_vue__ = __webpack_require__(56);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7905fb7e_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCheckbox_vue__ = __webpack_require__(170);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiDatepickerCalendar_vue__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b37986d0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiDatepickerCalendar_vue__ = __webpack_require__(186);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(121)
+ __webpack_require__(137)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -1063,15 +1063,15 @@ var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiCheckbox_vue__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7905fb7e_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiCheckbox_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiDatepickerCalendar_vue__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b37986d0_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiDatepickerCalendar_vue__["a" /* default */],
__vue_styles__,
__vue_scopeId__,
__vue_module_identifier__
)
-Component.options.__file = "src\\UiCheckbox.vue"
+Component.options.__file = "src\\UiDatepickerCalendar.vue"
if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
-if (Component.options.functional) {console.error("[vue-loader] UiCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
+if (Component.options.functional) {console.error("[vue-loader] UiDatepickerCalendar.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
if (false) {(function () {
@@ -1080,9 +1080,9 @@ if (false) {(function () {
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
- hotAPI.createRecord("data-v-7905fb7e", Component.options)
+ hotAPI.createRecord("data-v-b37986d0", Component.options)
} else {
- hotAPI.reload("data-v-7905fb7e", Component.options)
+ hotAPI.reload("data-v-b37986d0", Component.options)
}
module.hot.dispose(function (data) {
disposed = true
@@ -1097,12 +1097,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressLinear_vue__ = __webpack_require__(73);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_22995a30_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressLinear_vue__ = __webpack_require__(149);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiProgressLinear_vue__ = __webpack_require__(79);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_22995a30_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiProgressLinear_vue__ = __webpack_require__(154);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(100)
+ __webpack_require__(105)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -1150,12 +1150,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiRadio_vue__ = __webpack_require__(74);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1658ed6d_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiRadio_vue__ = __webpack_require__(148);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiRadio_vue__ = __webpack_require__(80);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1658ed6d_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiRadio_vue__ = __webpack_require__(153);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(99)
+ __webpack_require__(104)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -1203,12 +1203,12 @@ if (false) {(function () {
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiSnackbar_vue__ = __webpack_require__(80);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ad542fa_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiSnackbar_vue__ = __webpack_require__(161);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiSnackbar_vue__ = __webpack_require__(86);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ad542fa_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiSnackbar_vue__ = __webpack_require__(166);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(112)
+ __webpack_require__(117)
}
var normalizeComponent = __webpack_require__(0)
/* script */
@@ -1323,6 +1323,54 @@ function resetScroll(element) {
/* 22 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* unused harmony export on */
+/* unused harmony export onKeydown */
+/* unused harmony export onKeyup */
+/* unused harmony export onKeypress */
+function on(event, target, callback) {
+ var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : { passive: true };
+
+ target.addEventListener(event, callback, options);
+
+ return function () {
+ target.removeEventListener(event, callback, options);
+ };
+}
+
+function onKey(key, event, target, callback, options) {
+ return on(event, target, function (e) {
+ if (!key) {
+ callback(e);
+ } else if (key === e.key || key === e.keyCode) {
+ callback(e);
+ }
+ }, options);
+}
+
+function onKeydown(keys, target, callback, options) {
+ return onKey(keys, 'keydown', target, callback, options);
+}
+
+function onKeyup(keys, target, callback, options) {
+ return onKey(keys, 'keyup', target, callback, options);
+}
+
+function onKeypress(keys, target, callback, options) {
+ return onKey(keys, 'keypress', target, callback, options);
+}
+
+/* harmony default export */ __webpack_exports__["a"] = {
+ on: on,
+ onKeydown: onKeydown,
+ onKeyup: onKeyup,
+ onKeypress: onKeypress
+};
+
+/***/ }),
+/* 23 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
"use strict";
/**
* Fast UUID generator, RFC4122 version 4 compliant.
@@ -1360,20 +1408,70 @@ var short = function short(prefix) {
};
/***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 24 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__helpers_events__ = __webpack_require__(22);
-function fuzzysearch (needle, haystack) {
- var tlen = haystack.length;
- var qlen = needle.length;
- if (qlen > tlen) {
- return false;
- }
- if (qlen === tlen) {
- return needle === haystack;
+/* harmony default export */ __webpack_exports__["a"] = {
+ beforeDestroy: function beforeDestroy() {
+ if (typeof this.destroyExternalClickListener === 'function') {
+ this.removeExternalClickListener();
+ }
+ },
+
+
+ methods: {
+ addExternalClickListener: function addExternalClickListener() {
+ var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [this.$el];
+
+ var _this = this;
+
+ var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : { passive: true };
+
+ elements = Array.isArray(elements) ? elements : [elements];
+
+ this.destroyExternalClickListener = __WEBPACK_IMPORTED_MODULE_0__helpers_events__["a" /* default */].on('click', document, function (e) {
+ for (var i = 0; i < elements.length; i++) {
+ if (elements[i].contains(e.target)) {
+ return;
+ }
+ }
+
+ if (typeof callback === 'function') {
+ callback(e);
+ } else {
+ _this.$emit('external-click', e);
+ }
+ }, options);
+ },
+ removeExternalClickListener: function removeExternalClickListener() {
+ if (this.destroyExternalClickListener) {
+ this.destroyExternalClickListener();
+ this.destroyExternalClickListener = null;
+ }
+ }
+ }
+};
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function fuzzysearch (needle, haystack) {
+ var tlen = haystack.length;
+ var qlen = needle.length;
+ if (qlen > tlen) {
+ return false;
+ }
+ if (qlen === tlen) {
+ return needle === haystack;
}
outer: for (var i = 0, j = 0; i < qlen; i++) {
var nch = needle.charCodeAt(i);
@@ -1391,32 +1489,45 @@ module.exports = fuzzysearch;
/***/ }),
-/* 24 */
+/* 26 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/*!
-* Tippy.js v3.3.0
-* (c) 2017-2018 atomiks
-* MIT
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_popper_js__ = __webpack_require__(142);
+/**!
+* tippy.js v4.2.1
+* (c) 2017-2019 atomiks
+* MIT License
*/
-var version = "3.3.0";
-var _extends = Object.assign || function (target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i];
- for (var key in source) {
- if (Object.prototype.hasOwnProperty.call(source, key)) {
- target[key] = source[key];
+function _extends() {
+ _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
}
}
- }
- return target;
-};
+ return target;
+ };
-var Defaults = {
+ return _extends.apply(this, arguments);
+}
+
+var version = "4.2.1";
+
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+var ua = isBrowser ? navigator.userAgent : '';
+var isIE = /MSIE |Trident\//.test(ua);
+var isUCBrowser = /UCBrowser\//.test(ua);
+var isIOS = isBrowser && /iPhone|iPad|iPod/.test(navigator.platform) && !window.MSStream;
+
+var defaultProps = {
a11y: true,
allowHTML: true,
animateFill: true,
@@ -1424,24 +1535,26 @@ var Defaults = {
appendTo: function appendTo() {
return document.body;
},
+ aria: 'describedby',
arrow: false,
- arrowTransform: '',
arrowType: 'sharp',
+ boundary: 'scrollParent',
content: '',
- delay: [0, 20],
+ delay: 0,
distance: 10,
duration: [325, 275],
flip: true,
flipBehavior: 'flip',
+ flipOnUpdate: false,
followCursor: false,
hideOnClick: true,
+ ignoreAttributes: false,
inertia: false,
interactive: false,
interactiveBorder: 2,
interactiveDebounce: 0,
lazy: true,
- livePlacement: true,
- maxWidth: '',
+ maxWidth: 350,
multiple: false,
offset: 0,
onHidden: function onHidden() {},
@@ -1449,13 +1562,9 @@ var Defaults = {
onMount: function onMount() {},
onShow: function onShow() {},
onShown: function onShown() {},
-
- performance: false,
placement: 'top',
popperOptions: {},
- shouldPopperHideOnBlur: function shouldPopperHideOnBlur() {
- return true;
- },
+ role: 'tooltip',
showOnInit: false,
size: 'regular',
sticky: false,
@@ -1464,5881 +1573,5274 @@ var Defaults = {
touch: true,
touchHold: false,
trigger: 'mouseenter focus',
- updateDuration: 200,
+ updateDuration: 0,
wait: null,
zIndex: 9999
-};
+ /**
+ * If the set() method encounters one of these, the popperInstance must be
+ * recreated
+ */
-var setDefaults = function setDefaults(partialDefaults) {
- Defaults = _extends({}, Defaults, partialDefaults);
};
+var POPPER_INSTANCE_DEPENDENCIES = ['arrow', 'arrowType', 'boundary', 'distance', 'flip', 'flipBehavior', 'flipOnUpdate', 'offset', 'placement', 'popperOptions'];
+var elementProto = isBrowser ? Element.prototype : {};
+var matches = elementProto.matches || elementProto.matchesSelector || elementProto.webkitMatchesSelector || elementProto.mozMatchesSelector || elementProto.msMatchesSelector;
/**
- * If the set() method encounters one of these, the popperInstance must be
- * recreated
+ * Ponyfill for Array.from - converts iterable values to an array
*/
-var POPPER_INSTANCE_RELATED_PROPS = ['arrowType', 'distance', 'flip', 'flipBehavior', 'offset', 'placement', 'popperOptions'];
-var isBrowser = typeof window !== 'undefined';
-
-var nav = isBrowser ? navigator : {};
-var win = isBrowser ? window : {};
+function arrayFrom(value) {
+ return [].slice.call(value);
+}
+/**
+ * Ponyfill for Element.prototype.closest
+ */
+function closest(element, parentSelector) {
+ return (elementProto.closest || function (selector) {
+ // @ts-ignore
+ var el = this;
-var isIE = /MSIE |Trident\//.test(nav.userAgent);
-var isIOS = /iPhone|iPad|iPod/.test(nav.platform) && !win.MSStream;
-var supportsTouch = 'ontouchstart' in win;
+ while (el) {
+ if (matches.call(el, selector)) {
+ return el;
+ }
-/**!
- * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version 1.14.6
- * @license
- * Copyright (c) 2016 Federico Zivolo and contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+ el = el.parentElement;
+ }
+ }).call(element, parentSelector);
+}
+/**
+ * Works like Element.prototype.closest, but uses a callback instead
*/
-var isBrowser$1 = typeof window !== 'undefined' && typeof document !== 'undefined';
-var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
-var timeoutDuration = 0;
-for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
- if (isBrowser$1 && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
- timeoutDuration = 1;
- break;
+function closestCallback(element, callback) {
+ while (element) {
+ if (callback(element)) {
+ return element;
+ }
+
+ element = element.parentElement;
}
}
-function microtaskDebounce(fn) {
- var called = false;
- return function () {
- if (called) {
- return;
- }
- called = true;
- window.Promise.resolve().then(function () {
- called = false;
- fn();
- });
- };
-}
+// Passive event listener config
+var PASSIVE = {
+ passive: true // Popper `preventOverflow` padding
-function taskDebounce(fn) {
- var scheduled = false;
- return function () {
- if (!scheduled) {
- scheduled = true;
- setTimeout(function () {
- scheduled = false;
- fn();
- }, timeoutDuration);
- }
- };
-}
+};
+var PADDING = 4; // Popper attributes
+// In Popper v2 these will be `data-*` instead of `x-*` to adhere to HTML5 spec
-var supportsMicroTasks = isBrowser$1 && window.Promise;
+var PLACEMENT_ATTRIBUTE = 'x-placement';
+var OUT_OF_BOUNDARIES_ATTRIBUTE = 'x-out-of-boundaries'; // Classes
-/**
-* Create a debounced version of a method, that's asynchronously deferred
-* but called in the minimum time possible.
-*
-* @method
-* @memberof Popper.Utils
-* @argument {Function} fn
-* @returns {Function}
-*/
-var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
+var IOS_CLASS = 'tippy-iOS';
+var ACTIVE_CLASS = 'tippy-active'; // Selectors
+var POPPER_SELECTOR = '.tippy-popper';
+var TOOLTIP_SELECTOR = '.tippy-tooltip';
+var CONTENT_SELECTOR = '.tippy-content';
+var BACKDROP_SELECTOR = '.tippy-backdrop';
+var ARROW_SELECTOR = '.tippy-arrow';
+var ROUND_ARROW_SELECTOR = '.tippy-roundarrow';
+
+var keys = Object.keys(defaultProps);
/**
- * Check if the given variable is a function
- * @method
- * @memberof Popper.Utils
- * @argument {Any} functionToCheck - variable to check
- * @returns {Boolean} answer to: is a function?
+ * Returns an object of optional props from data-tippy-* attributes
*/
-function isFunction(functionToCheck) {
- var getType = {};
- return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-}
+function getDataAttributeOptions(reference) {
+ return keys.reduce(function (acc, key) {
+ var valueAsString = (reference.getAttribute("data-tippy-".concat(key)) || '').trim();
+
+ if (!valueAsString) {
+ return acc;
+ }
+
+ if (key === 'content') {
+ acc[key] = valueAsString;
+ } else {
+ try {
+ acc[key] = JSON.parse(valueAsString);
+ } catch (e) {
+ acc[key] = valueAsString;
+ }
+ }
+
+ return acc;
+ }, {});
+}
/**
- * Get CSS computed property of the given element
- * @method
- * @memberof Popper.Utils
- * @argument {Eement} element
- * @argument {String} property
+ * Polyfills the virtual reference (plain object) with Element.prototype props
+ * Mutating because DOM elements are mutated, adds `_tippy` property
*/
-function getStyleComputedProperty(element, property) {
- if (element.nodeType !== 1) {
- return [];
+
+function polyfillElementPrototypeProperties(virtualReference) {
+ var polyfills = {
+ isVirtual: true,
+ attributes: virtualReference.attributes || {},
+ setAttribute: function setAttribute(key, value) {
+ virtualReference.attributes[key] = value;
+ },
+ getAttribute: function getAttribute(key) {
+ return virtualReference.attributes[key];
+ },
+ removeAttribute: function removeAttribute(key) {
+ delete virtualReference.attributes[key];
+ },
+ hasAttribute: function hasAttribute(key) {
+ return key in virtualReference.attributes;
+ },
+ addEventListener: function addEventListener() {},
+ removeEventListener: function removeEventListener() {},
+ classList: {
+ classNames: {},
+ add: function add(key) {
+ virtualReference.classList.classNames[key] = true;
+ },
+ remove: function remove(key) {
+ delete virtualReference.classList.classNames[key];
+ },
+ contains: function contains(key) {
+ return key in virtualReference.classList.classNames;
+ }
+ }
+ };
+
+ for (var key in polyfills) {
+ virtualReference[key] = polyfills[key];
}
- // NOTE: 1 DOM access here
- var window = element.ownerDocument.defaultView;
- var css = window.getComputedStyle(element, null);
- return property ? css[property] : css;
}
/**
- * Returns the parentNode or the host of the element
- * @method
- * @memberof Popper.Utils
- * @argument {Element} element
- * @returns {Element} parent
+ * Determines if a value is a "bare" virtual element (before mutations done
+ * by `polyfillElementPrototypeProperties()`). JSDOM elements show up as
+ * [object Object], we can check if the value is "element-like" if it has
+ * `addEventListener`
*/
-function getParentNode(element) {
- if (element.nodeName === 'HTML') {
- return element;
- }
- return element.parentNode || element.host;
+
+function isBareVirtualElement(value) {
+ return {}.toString.call(value) === '[object Object]' && !value.addEventListener;
}
+/**
+ * Safe .hasOwnProperty check, for prototype-less objects
+ */
+function hasOwnProperty(obj, key) {
+ return {}.hasOwnProperty.call(obj, key);
+}
/**
- * Returns the scrolling parent of the given element
- * @method
- * @memberof Popper.Utils
- * @argument {Element} element
- * @returns {Element} scroll parent
+ * Returns an array of elements based on the value
*/
-function getScrollParent(element) {
- // Return body, `getScroll` will take care to get the correct `scrollTop` from it
- if (!element) {
- return document.body;
+
+function getArrayOfElements(value) {
+ if (isSingular(value)) {
+ // TODO: VirtualReference is not compatible to type Element
+ return [value];
}
- switch (element.nodeName) {
- case 'HTML':
- case 'BODY':
- return element.ownerDocument.body;
- case '#document':
- return element.body;
+ if (value instanceof NodeList) {
+ return arrayFrom(value);
}
- // Firefox want us to check `-x` and `-y` variations as well
-
- var _getStyleComputedProp = getStyleComputedProperty(element),
- overflow = _getStyleComputedProp.overflow,
- overflowX = _getStyleComputedProp.overflowX,
- overflowY = _getStyleComputedProp.overflowY;
-
- if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
- return element;
+ if (Array.isArray(value)) {
+ return value;
}
- return getScrollParent(getParentNode(element));
-}
-
-var isIE11 = isBrowser$1 && !!(window.MSInputMethodContext && document.documentMode);
-var isIE10 = isBrowser$1 && /MSIE 10/.test(navigator.userAgent);
-
-/**
- * Determines if the browser is Internet Explorer
- * @method
- * @memberof Popper.Utils
- * @param {Number} version to check
- * @returns {Boolean} isIE
- */
-function isIE$1(version) {
- if (version === 11) {
- return isIE11;
- }
- if (version === 10) {
- return isIE10;
+ try {
+ return arrayFrom(document.querySelectorAll(value));
+ } catch (e) {
+ return [];
}
- return isIE11 || isIE10;
}
-
/**
- * Returns the offset parent of the given element
- * @method
- * @memberof Popper.Utils
- * @argument {Element} element
- * @returns {Element} offset parent
+ * Returns a value at a given index depending on if it's an array or number
*/
-function getOffsetParent(element) {
- if (!element) {
- return document.documentElement;
- }
-
- var noOffsetParent = isIE$1(10) ? document.body : null;
- // NOTE: 1 DOM access here
- var offsetParent = element.offsetParent || null;
- // Skip hidden elements which don't have an offsetParent
- while (offsetParent === noOffsetParent && element.nextElementSibling) {
- offsetParent = (element = element.nextElementSibling).offsetParent;
+function getValue(value, index, defaultValue) {
+ if (Array.isArray(value)) {
+ var v = value[index];
+ return v == null ? defaultValue : v;
}
- var nodeName = offsetParent && offsetParent.nodeName;
+ return value;
+}
+/**
+ * Debounce utility
+ */
- if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
- return element ? element.ownerDocument.documentElement : document.documentElement;
- }
+function debounce(fn, ms) {
+ var timeoutId;
+ return function () {
+ var _this = this,
+ _arguments = arguments;
- // .offsetParent will return the closest TH, TD or TABLE in case
- // no offsetParent is present, I hate this job...
- if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
- return getOffsetParent(offsetParent);
- }
+ clearTimeout(timeoutId); // @ts-ignore
- return offsetParent;
+ timeoutId = setTimeout(function () {
+ return fn.apply(_this, _arguments);
+ }, ms);
+ };
}
+/**
+ * Prevents errors from being thrown while accessing nested modifier objects
+ * in `popperOptions`
+ */
-function isOffsetContainer(element) {
- var nodeName = element.nodeName;
+function getModifier(obj, key) {
+ return obj && obj.modifiers && obj.modifiers[key];
+}
+/**
+ * Determines if an array or string includes a value
+ */
- if (nodeName === 'BODY') {
- return false;
- }
- return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
+function includes(a, b) {
+ return a.indexOf(b) > -1;
}
+/**
+ * Determines if the value is singular-like
+ */
+function isSingular(value) {
+ return !!(value && hasOwnProperty(value, 'isVirtual')) || value instanceof Element;
+}
/**
- * Finds the root node (document, shadowDOM root) of the given element
- * @method
- * @memberof Popper.Utils
- * @argument {Element} node
- * @returns {Element} root node
+ * Firefox extensions don't allow setting .innerHTML directly, this will trick it
*/
-function getRoot(node) {
- if (node.parentNode !== null) {
- return getRoot(node.parentNode);
- }
- return node;
+function innerHTML() {
+ return 'innerHTML';
}
+/**
+ * Evaluates a function if one, or returns the value
+ */
+function evaluateValue(value, args) {
+ return typeof value === 'function' ? value.apply(null, args) : value;
+}
/**
- * Finds the offset parent common to the two provided nodes
- * @method
- * @memberof Popper.Utils
- * @argument {Element} element1
- * @argument {Element} element2
- * @returns {Element} common offset parent
+ * Sets a popperInstance `flip` modifier's enabled state
*/
-function findCommonOffsetParent(element1, element2) {
- // This check is needed to avoid errors in case one of the elements isn't defined for any reason
- if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
- return document.documentElement;
- }
- // Here we make sure to give as "start" the element that comes first in the DOM
- var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
- var start = order ? element1 : element2;
- var end = order ? element2 : element1;
+function setFlipModifierEnabled(modifiers, value) {
+ modifiers.filter(function (m) {
+ return m.name === 'flip';
+ })[0].enabled = value;
+}
+/**
+ * Determines if an element can receive focus
+ * Always returns true for virtual objects
+ */
- // Get common ancestor container
- var range = document.createRange();
- range.setStart(start, 0);
- range.setEnd(end, 0);
- var commonAncestorContainer = range.commonAncestorContainer;
+function canReceiveFocus(element) {
+ return element instanceof Element ? matches.call(element, 'a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]') && !element.hasAttribute('disabled') : true;
+}
+/**
+ * Returns a new `div` element
+ */
- // Both nodes are inside #document
+function div() {
+ return document.createElement('div');
+}
+/**
+ * Applies a transition duration to a list of elements
+ */
- if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
- if (isOffsetContainer(commonAncestorContainer)) {
- return commonAncestorContainer;
+function setTransitionDuration(els, value) {
+ els.forEach(function (el) {
+ if (el) {
+ el.style.transitionDuration = "".concat(value, "ms");
}
-
- return getOffsetParent(commonAncestorContainer);
- }
-
- // one of the nodes is inside shadowDOM, find which one
- var element1root = getRoot(element1);
- if (element1root.host) {
- return findCommonOffsetParent(element1root.host, element2);
- } else {
- return findCommonOffsetParent(element1, getRoot(element2).host);
- }
+ });
}
+/**
+ * Sets the visibility state to elements so they can begin to transition
+ */
+function setVisibilityState(els, state) {
+ els.forEach(function (el) {
+ if (el) {
+ el.setAttribute('data-state', state);
+ }
+ });
+}
/**
- * Gets the scroll value of the given element in the given side (top and left)
- * @method
- * @memberof Popper.Utils
- * @argument {Element} element
- * @argument {String} side `top` or `left`
- * @returns {number} amount of scrolled pixels
+ * Evaluates the props object by merging data attributes and
+ * disabling conflicting options where necessary
*/
-function getScroll(element) {
- var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
- var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
- var nodeName = element.nodeName;
+function evaluateProps(reference, props) {
+ var out = _extends({}, props, {
+ content: evaluateValue(props.content, [reference])
+ }, props.ignoreAttributes ? {} : getDataAttributeOptions(reference));
- if (nodeName === 'BODY' || nodeName === 'HTML') {
- var html = element.ownerDocument.documentElement;
- var scrollingElement = element.ownerDocument.scrollingElement || html;
- return scrollingElement[upperSide];
+ if (out.arrow || isUCBrowser) {
+ out.animateFill = false;
}
- return element[upperSide];
+ return out;
}
-
-/*
- * Sum or subtract the element scroll values (left and top) from a given rect object
- * @method
- * @memberof Popper.Utils
- * @param {Object} rect - Rect object you want to change
- * @param {HTMLElement} element - The element from the function reads the scroll values
- * @param {Boolean} subtract - set to true if you want to subtract the scroll values
- * @return {Object} rect - The modifier rect object
+/**
+ * Validates an object of options with the valid default props object
*/
-function includeScroll(rect, element) {
- var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
- var scrollTop = getScroll(element, 'top');
- var scrollLeft = getScroll(element, 'left');
- var modifier = subtract ? -1 : 1;
- rect.top += scrollTop * modifier;
- rect.bottom += scrollTop * modifier;
- rect.left += scrollLeft * modifier;
- rect.right += scrollLeft * modifier;
- return rect;
+function validateOptions(options, defaultProps) {
+ Object.keys(options).forEach(function (option) {
+ if (!hasOwnProperty(defaultProps, option)) {
+ throw new Error("[tippy]: `".concat(option, "` is not a valid option"));
+ }
+ });
}
-/*
- * Helper to detect borders of a given element
- * @method
- * @memberof Popper.Utils
- * @param {CSSStyleDeclaration} styles
- * Result of `getStyleComputedProperty` on the given element
- * @param {String} axis - `x` or `y`
- * @return {number} borders - The borders size of the given axis
+/**
+ * Sets the innerHTML of an element
*/
-function getBordersSize(styles, axis) {
- var sideA = axis === 'x' ? 'Left' : 'Top';
- var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
-
- return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
+function setInnerHTML(element, html) {
+ element[innerHTML()] = html instanceof Element ? html[innerHTML()] : html;
}
+/**
+ * Sets the content of a tooltip
+ */
-function getSize(axis, body, html, computedStyle) {
- return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE$1(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
+function setContent(contentEl, props) {
+ if (props.content instanceof Element) {
+ setInnerHTML(contentEl, '');
+ contentEl.appendChild(props.content);
+ } else if (typeof props.content !== 'function') {
+ var key = props.allowHTML ? 'innerHTML' : 'textContent';
+ contentEl[key] = props.content;
+ }
}
+/**
+ * Returns the child elements of a popper element
+ */
-function getWindowSizes(document) {
- var body = document.body;
- var html = document.documentElement;
- var computedStyle = isIE$1(10) && getComputedStyle(html);
-
+function getChildren(popper) {
return {
- height: getSize('Height', body, html, computedStyle),
- width: getSize('Width', body, html, computedStyle)
+ tooltip: popper.querySelector(TOOLTIP_SELECTOR),
+ backdrop: popper.querySelector(BACKDROP_SELECTOR),
+ content: popper.querySelector(CONTENT_SELECTOR),
+ arrow: popper.querySelector(ARROW_SELECTOR) || popper.querySelector(ROUND_ARROW_SELECTOR)
};
}
+/**
+ * Adds `data-inertia` attribute
+ */
-var classCallCheck$1 = function classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
-};
+function addInertia(tooltip) {
+ tooltip.setAttribute('data-inertia', '');
+}
+/**
+ * Removes `data-inertia` attribute
+ */
-var createClass$1 = function () {
- function defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, descriptor.key, descriptor);
- }
- }
+function removeInertia(tooltip) {
+ tooltip.removeAttribute('data-inertia');
+}
+/**
+ * Creates an arrow element and returns it
+ */
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
-}();
+function createArrowElement(arrowType) {
+ var arrow = div();
-var defineProperty$1 = function defineProperty(obj, key, value) {
- if (key in obj) {
- Object.defineProperty(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
+ if (arrowType === 'round') {
+ arrow.className = 'tippy-roundarrow';
+ setInnerHTML(arrow, ') is recommended.
- var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
- var side = isVertical ? 'left' : 'top';
- var measurement = isVertical ? 'width' : 'height';
- var shiftOffsets = {
- start: defineProperty$1({}, side, reference[side]),
- end: defineProperty$1({}, side, reference[side] + reference[measurement] - popper[measurement])
- };
+ if (instance.reference.hasAttribute('disabled')) {
+ return;
+ }
+
+ if (instance.props.onShow(instance) === false) {
+ return;
+ }
+
+ instance.popper.style.visibility = 'visible';
+ instance.state.isVisible = true;
+
+ if (instance.props.interactive) {
+ instance.reference.classList.add(ACTIVE_CLASS);
+ }
+
+ var transitionableElements = getTransitionableElements(); // Prevent a transition if the popper is at the opposite placement
+
+ setTransitionDuration(transitionableElements.concat(instance.popper), 0);
+ mount(function () {
+ if (!instance.state.isVisible) {
+ return;
+ } // Double update will apply correct mutations
+
+
+ if (!hasFollowCursorBehavior()) {
+ instance.popperInstance.update();
+ }
+
+ if (instance.popperChildren.backdrop) {
+ instance.popperChildren.content.style.transitionDelay = Math.round(duration / 12) + 'ms';
+ }
+
+ if (instance.props.sticky) {
+ makeSticky();
+ }
+
+ setTransitionDuration([instance.popper], props.updateDuration);
+ setTransitionDuration(transitionableElements, duration);
+ setVisibilityState(transitionableElements, 'visible');
+ onTransitionedIn(duration, function () {
+ if (instance.props.aria) {
+ instance.reference.setAttribute("aria-".concat(instance.props.aria), instance.popper.id);
+ }
- data.offsets.popper = _extends$1({}, popper, shiftOffsets[shiftvariation]);
+ instance.props.onShown(instance);
+ instance.state.isShown = true;
+ });
+ });
}
+ /**
+ * Hides the tooltip
+ */
- return data;
+
+ function hide() {
+ var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue(instance.props.duration, 1, defaultProps.duration[1]);
+
+ if (instance.state.isDestroyed || !instance.state.isEnabled) {
+ return;
+ }
+
+ if (instance.props.onHide(instance) === false) {
+ return;
+ }
+
+ instance.popper.style.visibility = 'hidden';
+ instance.state.isVisible = false;
+ instance.state.isShown = false;
+ wasVisibleDuringPreviousUpdate = false;
+
+ if (instance.props.interactive) {
+ instance.reference.classList.remove(ACTIVE_CLASS);
+ }
+
+ var transitionableElements = getTransitionableElements();
+ setTransitionDuration(transitionableElements, duration);
+ setVisibilityState(transitionableElements, 'hidden');
+ onTransitionedOut(duration, function () {
+ if (!isScheduledToShow) {
+ removeFollowCursorListener();
+ }
+
+ if (instance.props.aria) {
+ instance.reference.removeAttribute("aria-".concat(instance.props.aria));
+ }
+
+ instance.popperInstance.disableEventListeners();
+ instance.popperInstance.options.placement = instance.props.placement;
+ currentParentNode.removeChild(instance.popper);
+ instance.props.onHidden(instance);
+ instance.state.isMounted = false;
+ });
+ }
+ /**
+ * Destroys the tooltip
+ */
+
+
+ function destroy(destroyTargetInstances) {
+ if (instance.state.isDestroyed) {
+ return;
+ } // If the popper is currently mounted to the DOM, we want to ensure it gets
+ // hidden and unmounted instantly upon destruction
+
+
+ if (instance.state.isMounted) {
+ hide(0);
+ }
+
+ removeTriggersFromReference();
+ delete instance.reference._tippy;
+
+ if (instance.props.target && destroyTargetInstances) {
+ arrayFrom(instance.reference.querySelectorAll(instance.props.target)).forEach(function (child) {
+ if (child._tippy) {
+ child._tippy.destroy();
+ }
+ });
+ }
+
+ if (instance.popperInstance) {
+ instance.popperInstance.destroy();
+ }
+
+ instance.state.isDestroyed = true;
+ }
}
/**
- * @function
- * @memberof Modifiers
- * @argument {Object} data - The data object generated by update method
- * @argument {Object} options - Modifiers configuration and options
- * @returns {Object} The data object, properly modified
+ * Groups an array of instances by taking control of their props during
+ * certain lifecycles.
*/
-function hide(data) {
- if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
- return data;
+
+function group(instances) {
+ var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+ _ref$delay = _ref.delay,
+ delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
+ _ref$duration = _ref.duration,
+ duration = _ref$duration === void 0 ? 0 : _ref$duration;
+
+ // Already grouped. Cannot group instances more than once (yet) or stale lifecycle
+ // closures will be invoked, causing a stack overflow
+ if (instances.some(function (instance) {
+ return hasOwnProperty(instance, '_originalProps');
+ })) {
+ return;
}
- var refRect = data.offsets.reference;
- var bound = find(data.instance.modifiers, function (modifier) {
- return modifier.name === 'preventOverflow';
- }).boundaries;
+ var isAnyTippyOpen = false;
+ instances.forEach(function (instance) {
+ instance._originalProps = _extends({}, instance.props);
+ });
- if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
- // Avoid unnecessary DOM access if visibility hasn't changed
- if (data.hide === true) {
- return data;
- }
+ function setIsAnyTippyOpen(value) {
+ isAnyTippyOpen = value;
+ updateInstances();
+ }
- data.hide = true;
- data.attributes['x-out-of-boundaries'] = '';
- } else {
- // Avoid unnecessary DOM access if visibility hasn't changed
- if (data.hide === false) {
- return data;
- }
+ function onShow(instance) {
+ instance._originalProps.onShow(instance);
- data.hide = false;
- data.attributes['x-out-of-boundaries'] = false;
+ instances.forEach(function (instance) {
+ instance.set({
+ duration: duration
+ });
+ instance.hide();
+ });
+ setIsAnyTippyOpen(true);
}
- return data;
+ function onHide(instance) {
+ instance._originalProps.onHide(instance);
+
+ setIsAnyTippyOpen(false);
+ }
+
+ function onShown(instance) {
+ instance._originalProps.onShown(instance);
+
+ instance.set({
+ duration: instance._originalProps.duration
+ });
+ }
+
+ function updateInstances() {
+ instances.forEach(function (instance) {
+ instance.set({
+ onShow: onShow,
+ onShown: onShown,
+ onHide: onHide,
+ delay: isAnyTippyOpen ? [0, Array.isArray(delay) ? delay[1] : delay] : delay,
+ duration: isAnyTippyOpen ? duration : instance._originalProps.duration
+ });
+ });
+ }
+
+ updateInstances();
}
+var globalEventListenersBound = false;
/**
- * @function
- * @memberof Modifiers
- * @argument {Object} data - The data object generated by `update` method
- * @argument {Object} options - Modifiers configuration and options
- * @returns {Object} The data object, properly modified
+ * Exported module
*/
-function inner(data) {
- var placement = data.placement;
- var basePlacement = placement.split('-')[0];
- var _data$offsets = data.offsets,
- popper = _data$offsets.popper,
- reference = _data$offsets.reference;
- var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
+function tippy(targets, options) {
+ validateOptions(options || {}, defaultProps);
- var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
+ if (!globalEventListenersBound) {
+ bindGlobalEventListeners();
+ globalEventListenersBound = true;
+ }
- popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
+ var props = _extends({}, defaultProps, options); // If they are specifying a virtual positioning reference, we need to polyfill
+ // some native DOM props
- data.placement = getOppositePlacement(placement);
- data.offsets.popper = getClientRect(popper);
- return data;
+ if (isBareVirtualElement(targets)) {
+ polyfillElementPrototypeProperties(targets);
+ }
+
+ var instances = getArrayOfElements(targets).reduce(function (acc, reference) {
+ var instance = reference && createTippy(reference, props);
+
+ if (instance) {
+ acc.push(instance);
+ }
+
+ return acc;
+ }, []);
+ return isSingular(targets) ? instances[0] : instances;
}
+/**
+ * Static props
+ */
+
+tippy.version = version;
+tippy.defaults = defaultProps;
/**
- * Modifier function, each modifier can have a function of this type assigned
- * to its `fn` property.
+ * Based on Underscore.js 1.8.3
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as the `TypeError` message for "Functions" methods. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+/** Used to match leading and trailing whitespace. */
+var reTrim = /^\s+|\s+$/g;
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-snackbar',
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
- props: {
- message: String,
- action: String,
- actionColor: {
- type: String,
- default: 'accent' },
- transition: {
- type: String,
- default: 'slide' }
- },
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
- computed: {
- transitionName: function transitionName() {
- return 'ui-snackbar--transition-' + this.transition;
- }
- },
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
- methods: {
- onClick: function onClick() {
- this.$emit('click');
- },
- onActionClick: function onActionClick() {
- this.$emit('action-click');
- },
- onEnter: function onEnter() {
- this.$emit('show');
- },
- onLeave: function onLeave() {
- this.$emit('hide');
- }
- },
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
- components: {
- UiButton: __WEBPACK_IMPORTED_MODULE_0__UiButton_vue__["a" /* default */]
- }
-};
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-/***/ }),
-/* 81 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__UiSnackbar_vue__ = __webpack_require__(19);
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString = objectProto.toString;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+ nativeMin = Math.min;
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ * console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+ return root.Date.now();
+};
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ * Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ * The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ * Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ * 'leading': true,
+ * 'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+ var lastArgs,
+ lastThis,
+ maxWait,
+ result,
+ timerId,
+ lastCallTime,
+ lastInvokeTime = 0,
+ leading = false,
+ maxing = false,
+ trailing = true;
+ if (typeof func != 'function') {
+ throw new TypeError(FUNC_ERROR_TEXT);
+ }
+ wait = toNumber(wait) || 0;
+ if (isObject(options)) {
+ leading = !!options.leading;
+ maxing = 'maxWait' in options;
+ maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+ trailing = 'trailing' in options ? !!options.trailing : trailing;
+ }
+ function invokeFunc(time) {
+ var args = lastArgs,
+ thisArg = lastThis;
+ lastArgs = lastThis = undefined;
+ lastInvokeTime = time;
+ result = func.apply(thisArg, args);
+ return result;
+ }
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-snackbar-container',
+ function leadingEdge(time) {
+ // Reset any `maxWait` timer.
+ lastInvokeTime = time;
+ // Start the timer for the trailing edge.
+ timerId = setTimeout(timerExpired, wait);
+ // Invoke the leading edge.
+ return leading ? invokeFunc(time) : result;
+ }
- props: {
- queueSnackbars: {
- type: Boolean,
- default: false
- },
- duration: {
- type: Number,
- default: 5000
- },
- allowHtml: {
- type: Boolean,
- default: false
- },
- position: {
- type: String,
- default: 'left' },
- transition: {
- type: String,
- default: 'slide' }
- },
+ function remainingWait(time) {
+ var timeSinceLastCall = time - lastCallTime,
+ timeSinceLastInvoke = time - lastInvokeTime,
+ result = wait - timeSinceLastCall;
- data: function data() {
- return {
- queue: [],
- snackbarTimeout: null
- };
- },
+ return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+ }
+ function shouldInvoke(time) {
+ var timeSinceLastCall = time - lastCallTime,
+ timeSinceLastInvoke = time - lastInvokeTime;
- computed: {
- classes: function classes() {
- return ['ui-snackbar-container--position-' + this.position];
- }
- },
+ // Either this is the first call, activity has stopped and we're at the
+ // trailing edge, the system time has gone backwards and we're treating
+ // it as the trailing edge, or we've hit the `maxWait` limit.
+ return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+ (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+ }
- beforeDestroy: function beforeDestroy() {
- this.resetTimeout();
- },
+ function timerExpired() {
+ var time = now();
+ if (shouldInvoke(time)) {
+ return trailingEdge(time);
+ }
+ // Restart the timer.
+ timerId = setTimeout(timerExpired, remainingWait(time));
+ }
+ function trailingEdge(time) {
+ timerId = undefined;
- methods: {
- createSnackbar: function createSnackbar(snackbar) {
- snackbar.show = false;
- snackbar.duration = snackbar.duration || this.duration;
+ // Only invoke if we have `lastArgs` which means `func` has been
+ // debounced at least once.
+ if (trailing && lastArgs) {
+ return invokeFunc(time);
+ }
+ lastArgs = lastThis = undefined;
+ return result;
+ }
- this.queue.push(snackbar);
+ function cancel() {
+ if (timerId !== undefined) {
+ clearTimeout(timerId);
+ }
+ lastInvokeTime = 0;
+ lastArgs = lastCallTime = lastThis = timerId = undefined;
+ }
- if (this.queue.length === 1) {
- return this.showNextSnackbar();
- } else if (!this.queueSnackbars) {
- this.queue[0].show = false;
- }
- },
- showNextSnackbar: function showNextSnackbar() {
- if (this.queue.length === 0) {
- this.$emit('queue-end');
- return;
- }
+ function flush() {
+ return timerId === undefined ? result : trailingEdge(now());
+ }
- this.queue[0].show = true;
- },
- onShow: function onShow(snackbar) {
- var _this = this;
+ function debounced() {
+ var time = now(),
+ isInvoking = shouldInvoke(time);
- if (this.queue.indexOf(snackbar) !== 0) {
- return;
- }
+ lastArgs = arguments;
+ lastThis = this;
+ lastCallTime = time;
- this.snackbarTimeout = setTimeout(function () {
- _this.queue[0].show = false;
- }, snackbar.duration);
+ if (isInvoking) {
+ if (timerId === undefined) {
+ return leadingEdge(lastCallTime);
+ }
+ if (maxing) {
+ // Handle invocations in a tight loop.
+ timerId = setTimeout(timerExpired, wait);
+ return invokeFunc(lastCallTime);
+ }
+ }
+ if (timerId === undefined) {
+ timerId = setTimeout(timerExpired, wait);
+ }
+ return result;
+ }
+ debounced.cancel = cancel;
+ debounced.flush = flush;
+ return debounced;
+}
- this.$emit('snackbar-show', snackbar);
- this.callHook('onShow', snackbar);
- },
- onHide: function onHide(snackbar, index) {
- this.resetTimeout();
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+ var type = typeof value;
+ return !!value && (type == 'object' || type == 'function');
+}
- if (this.queueSnackbars || this.queue.length === 1) {
- this.queue.splice(index, 1);
- } else {
- this.queue.splice(index, this.queue.length - 1);
- }
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+ return !!value && typeof value == 'object';
+}
- this.$emit('snackbar-hide', snackbar);
- this.callHook('onHide', snackbar);
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+ return typeof value == 'symbol' ||
+ (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
- this.showNextSnackbar();
- },
- onClick: function onClick(snackbar) {
- snackbar.show = false;
- this.callHook('onClick', snackbar);
- },
- onActionClick: function onActionClick(snackbar) {
- this.callHook('onActionClick', snackbar);
- },
- callHook: function callHook(hook, snackbar) {
- if (typeof snackbar[hook] === 'function') {
- snackbar[hook].call(undefined, snackbar);
- }
- },
- resetTimeout: function resetTimeout() {
- clearTimeout(this.snackbarTimeout);
- this.snackbarTimeout = null;
- }
- },
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+ if (typeof value == 'number') {
+ return value;
+ }
+ if (isSymbol(value)) {
+ return NAN;
+ }
+ if (isObject(value)) {
+ var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+ value = isObject(other) ? (other + '') : other;
+ }
+ if (typeof value != 'string') {
+ return value === 0 ? value : +value;
+ }
+ value = value.replace(reTrim, '');
+ var isBinary = reIsBinary.test(value);
+ return (isBinary || reIsOctal.test(value))
+ ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+ : (reIsBadHex.test(value) ? NAN : +value);
+}
- components: {
- UiSnackbar: __WEBPACK_IMPORTED_MODULE_0__UiSnackbar_vue__["a" /* default */]
- }
-};
+module.exports = debounce;
+
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(29)))
/***/ }),
-/* 82 */
+/* 142 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__helpers_util__ = __webpack_require__(3);
+/* WEBPACK VAR INJECTION */(function(global) {/**!
+ * @fileOverview Kickass library to create and place poppers near their reference elements.
+ * @version 1.14.7
+ * @license
+ * Copyright (c) 2016 Federico Zivolo and contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
+var timeoutDuration = 0;
+for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
+ if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+ timeoutDuration = 1;
+ break;
+ }
+}
+function microtaskDebounce(fn) {
+ var called = false;
+ return function () {
+ if (called) {
+ return;
+ }
+ called = true;
+ window.Promise.resolve().then(function () {
+ called = false;
+ fn();
+ });
+ };
+}
+function taskDebounce(fn) {
+ var scheduled = false;
+ return function () {
+ if (!scheduled) {
+ scheduled = true;
+ setTimeout(function () {
+ scheduled = false;
+ fn();
+ }, timeoutDuration);
+ }
+ };
+}
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-switch',
+var supportsMicroTasks = isBrowser && window.Promise;
- props: {
- name: String,
- label: String,
- tabindex: [String, Number],
- value: {
- required: true
- },
- trueValue: {
- default: true
- },
- falseValue: {
- default: false
- },
- submittedValue: {
- type: String,
- default: 'on' },
- checked: {
- type: Boolean,
- default: false
- },
- color: {
- type: String,
- default: 'primary' },
- switchPosition: {
- type: String,
- default: 'left' },
- disabled: {
- type: Boolean,
- default: false
- }
- },
+/**
+* Create a debounced version of a method, that's asynchronously deferred
+* but called in the minimum time possible.
+*
+* @method
+* @memberof Popper.Utils
+* @argument {Function} fn
+* @returns {Function}
+*/
+var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
- data: function data() {
- return {
- isActive: false,
- isChecked: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__helpers_util__["b" /* looseEqual */])(this.value, this.trueValue) || this.checked,
- initialValue: this.value
- };
- },
+/**
+ * Check if the given variable is a function
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Any} functionToCheck - variable to check
+ * @returns {Boolean} answer to: is a function?
+ */
+function isFunction(functionToCheck) {
+ var getType = {};
+ return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+}
+/**
+ * Get CSS computed property of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Eement} element
+ * @argument {String} property
+ */
+function getStyleComputedProperty(element, property) {
+ if (element.nodeType !== 1) {
+ return [];
+ }
+ // NOTE: 1 DOM access here
+ var window = element.ownerDocument.defaultView;
+ var css = window.getComputedStyle(element, null);
+ return property ? css[property] : css;
+}
- computed: {
- classes: function classes() {
- return ['ui-switch--color-' + this.color, 'ui-switch--switch-position-' + this.switchPosition, { 'is-active': this.isActive }, { 'is-checked': this.isChecked }, { 'is-disabled': this.disabled }];
- }
- },
+/**
+ * Returns the parentNode or the host of the element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} parent
+ */
+function getParentNode(element) {
+ if (element.nodeName === 'HTML') {
+ return element;
+ }
+ return element.parentNode || element.host;
+}
- watch: {
- value: function value() {
- this.isChecked = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__helpers_util__["b" /* looseEqual */])(this.value, this.trueValue);
- }
- },
+/**
+ * Returns the scrolling parent of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} scroll parent
+ */
+function getScrollParent(element) {
+ // Return body, `getScroll` will take care to get the correct `scrollTop` from it
+ if (!element) {
+ return document.body;
+ }
- created: function created() {
- this.$emit('input', this.isChecked ? this.trueValue : this.falseValue);
- },
+ switch (element.nodeName) {
+ case 'HTML':
+ case 'BODY':
+ return element.ownerDocument.body;
+ case '#document':
+ return element.body;
+ }
+ // Firefox want us to check `-x` and `-y` variations as well
- methods: {
- focus: function focus() {
- this.$refs.input.focus();
- },
- onClick: function onClick(e) {
- var isCheckedPrevious = this.isChecked;
- var isChecked = e.target.checked;
+ var _getStyleComputedProp = getStyleComputedProperty(element),
+ overflow = _getStyleComputedProp.overflow,
+ overflowX = _getStyleComputedProp.overflowX,
+ overflowY = _getStyleComputedProp.overflowY;
- this.$emit('input', isChecked ? this.trueValue : this.falseValue, e);
+ if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
+ return element;
+ }
- if (isCheckedPrevious !== isChecked) {
- this.$emit('change', isChecked ? this.trueValue : this.falseValue, e);
- }
- },
- onFocus: function onFocus(e) {
- this.isActive = true;
- this.$emit('focus', e);
- },
- onBlur: function onBlur(e) {
- this.isActive = false;
- this.$emit('blur', e);
- }
- }
-};
+ return getScrollParent(getParentNode(element));
+}
-/***/ }),
-/* 83 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
+var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__helpers_uuid__ = __webpack_require__(22);
+/**
+ * Determines if the browser is Internet Explorer
+ * @method
+ * @memberof Popper.Utils
+ * @param {Number} version to check
+ * @returns {Boolean} isIE
+ */
+function isIE(version) {
+ if (version === 11) {
+ return isIE11;
+ }
+ if (version === 10) {
+ return isIE10;
+ }
+ return isIE11 || isIE10;
+}
+/**
+ * Returns the offset parent of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} offset parent
+ */
+function getOffsetParent(element) {
+ if (!element) {
+ return document.documentElement;
+ }
+ var noOffsetParent = isIE(10) ? document.body : null;
+ // NOTE: 1 DOM access here
+ var offsetParent = element.offsetParent || null;
+ // Skip hidden elements which don't have an offsetParent
+ while (offsetParent === noOffsetParent && element.nextElementSibling) {
+ offsetParent = (element = element.nextElementSibling).offsetParent;
+ }
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-tab',
+ var nodeName = offsetParent && offsetParent.nodeName;
- props: {
- id: {
- type: String,
- default: function _default() {
- return __WEBPACK_IMPORTED_MODULE_0__helpers_uuid__["a" /* default */].short('ui-tab-');
- }
- },
- title: String,
- selected: {
- type: Boolean,
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- }
- },
+ if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
+ return element ? element.ownerDocument.documentElement : document.documentElement;
+ }
- data: function data() {
- return {
- isActive: false
- };
- },
+ // .offsetParent will return the closest TH, TD or TABLE in case
+ // no offsetParent is present, I hate this job...
+ if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
+ return getOffsetParent(offsetParent);
+ }
+ return offsetParent;
+}
- watch: {
- disabled: function disabled() {
- this.$parent.onTabDisabledChange(this);
- }
- },
+function isOffsetContainer(element) {
+ var nodeName = element.nodeName;
- created: function created() {
- this.$parent.addTab(this);
- },
- beforeDestroy: function beforeDestroy() {
- this.$parent.removeTab(this);
- },
+ if (nodeName === 'BODY') {
+ return false;
+ }
+ return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
+}
+/**
+ * Finds the root node (document, shadowDOM root) of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} node
+ * @returns {Element} root node
+ */
+function getRoot(node) {
+ if (node.parentNode !== null) {
+ return getRoot(node.parentNode);
+ }
- methods: {
- activate: function activate() {
- this.isActive = true;
- this.$emit('select', this.id);
- },
- deactivate: function deactivate() {
- this.isActive = false;
- this.$emit('deselect', this.id);
- }
- }
-};
+ return node;
+}
-/***/ }),
-/* 84 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/**
+ * Finds the offset parent common to the two provided nodes
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element1
+ * @argument {Element} element2
+ * @returns {Element} common offset parent
+ */
+function findCommonOffsetParent(element1, element2) {
+ // This check is needed to avoid errors in case one of the elements isn't defined for any reason
+ if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
+ return document.documentElement;
+ }
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__UiIcon_vue__ = __webpack_require__(1);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__UiRippleInk_vue__ = __webpack_require__(2);
+ // Here we make sure to give as "start" the element that comes first in the DOM
+ var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
+ var start = order ? element1 : element2;
+ var end = order ? element2 : element1;
+
+ // Get common ancestor container
+ var range = document.createRange();
+ range.setStart(start, 0);
+ range.setEnd(end, 0);
+ var commonAncestorContainer = range.commonAncestorContainer;
+ // Both nodes are inside #document
+ if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
+ if (isOffsetContainer(commonAncestorContainer)) {
+ return commonAncestorContainer;
+ }
+ return getOffsetParent(commonAncestorContainer);
+ }
+ // one of the nodes is inside shadowDOM, find which one
+ var element1root = getRoot(element1);
+ if (element1root.host) {
+ return findCommonOffsetParent(element1root.host, element2);
+ } else {
+ return findCommonOffsetParent(element1, getRoot(element2).host);
+ }
+}
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-tab-header-item',
+/**
+ * Gets the scroll value of the given element in the given side (top and left)
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @argument {String} side `top` or `left`
+ * @returns {number} amount of scrolled pixels
+ */
+function getScroll(element) {
+ var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
- components: {
- UiIcon: __WEBPACK_IMPORTED_MODULE_0__UiIcon_vue__["a" /* default */],
- UiRippleInk: __WEBPACK_IMPORTED_MODULE_1__UiRippleInk_vue__["a" /* default */]
- },
+ var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
+ var nodeName = element.nodeName;
- props: {
- id: String,
- type: {
- type: String,
- default: 'text' },
- title: String,
- active: {
- type: Boolean,
- default: false
- },
- disableRipple: {
- type: Boolean,
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- }
- },
+ if (nodeName === 'BODY' || nodeName === 'HTML') {
+ var html = element.ownerDocument.documentElement;
+ var scrollingElement = element.ownerDocument.scrollingElement || html;
+ return scrollingElement[upperSide];
+ }
- computed: {
- classes: function classes() {
- return ['ui-tab-header-item--type-' + this.type, { 'is-active': this.active }, { 'is-disabled': this.disabled }];
- },
- hasIcon: function hasIcon() {
- return this.type === 'icon' || this.type === 'icon-and-text';
- },
- hasText: function hasText() {
- return this.type === 'text' || this.type === 'icon-and-text';
- }
- }
-};
+ return element[upperSide];
+}
-/***/ }),
-/* 85 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/*
+ * Sum or subtract the element scroll values (left and top) from a given rect object
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} rect - Rect object you want to change
+ * @param {HTMLElement} element - The element from the function reads the scroll values
+ * @param {Boolean} subtract - set to true if you want to subtract the scroll values
+ * @return {Object} rect - The modifier rect object
+ */
+function includeScroll(rect, element) {
+ var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__render__ = __webpack_require__(92);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__UiTabHeaderItem_vue__ = __webpack_require__(142);
+ var scrollTop = getScroll(element, 'top');
+ var scrollLeft = getScroll(element, 'left');
+ var modifier = subtract ? -1 : 1;
+ rect.top += scrollTop * modifier;
+ rect.bottom += scrollTop * modifier;
+ rect.left += scrollLeft * modifier;
+ rect.right += scrollLeft * modifier;
+ return rect;
+}
+/*
+ * Helper to detect borders of a given element
+ * @method
+ * @memberof Popper.Utils
+ * @param {CSSStyleDeclaration} styles
+ * Result of `getStyleComputedProperty` on the given element
+ * @param {String} axis - `x` or `y`
+ * @return {number} borders - The borders size of the given axis
+ */
+function getBordersSize(styles, axis) {
+ var sideA = axis === 'x' ? 'Left' : 'Top';
+ var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
+ return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
+}
+function getSize(axis, body, html, computedStyle) {
+ return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
+}
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-tabs',
+function getWindowSizes(document) {
+ var body = document.body;
+ var html = document.documentElement;
+ var computedStyle = isIE(10) && getComputedStyle(html);
- components: {
- Render: __WEBPACK_IMPORTED_MODULE_0__render__["a" /* default */],
- UiTabHeaderItem: __WEBPACK_IMPORTED_MODULE_1__UiTabHeaderItem_vue__["a" /* default */]
- },
+ return {
+ height: getSize('Height', body, html, computedStyle),
+ width: getSize('Width', body, html, computedStyle)
+ };
+}
- props: {
- type: {
- type: String,
- default: 'text' },
- confirmTabChange: Function,
- backgroundColor: {
- type: String,
- default: 'default' },
- textColor: {
- type: String,
- default: 'black' },
- textColorActive: {
- type: String,
- default: 'primary' },
- indicatorColor: {
- type: String,
- default: 'primary' },
- fullwidth: {
- type: Boolean,
- default: false
- },
- raised: {
- type: Boolean,
- default: false
- },
- disableRipple: {
- type: Boolean,
- default: false
- }
- },
+var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+};
- data: function data() {
- return {
- tabs: [],
- activeTabId: null,
- activeTabIndex: -1
- };
- },
+var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+}();
- computed: {
- classes: function classes() {
- return ['ui-tabs--type-' + this.type, 'ui-tabs--text-color-' + this.textColor, 'ui-tabs--text-color-active-' + this.textColorActive, 'ui-tabs--background-color-' + this.backgroundColor, 'ui-tabs--indicator-color-' + this.indicatorColor, { 'is-raised': this.raised }, { 'is-fullwidth': this.fullwidth }];
- },
- hasIcon: function hasIcon() {
- return this.type === 'icon' || this.type === 'icon-and-text';
- }
- },
- watch: {
- activeTabId: function activeTabId() {
- var _this = this;
- this.tabs.forEach(function (tab, index) {
- if (_this.activeTabId === tab.id) {
- tab.activate();
- _this.activeTabIndex = index;
- } else if (tab.isActive) {
- tab.deactivate();
- }
- });
- }
- },
- methods: {
- addTab: function addTab(tab) {
- this.tabs.push(tab);
- if (this.activeTabId === null || tab.selected) {
- this.activeTabId = tab.id;
- }
- },
- removeTab: function removeTab(tab) {
- var index = this.tabs.indexOf(tab);
+var defineProperty = function (obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
- if (index > -1) {
- this.tabs.splice(index, 1);
+ return obj;
+};
- if (tab.id === this.activeTabId) {
- this.selectTab(this.findNearestTab());
- }
- }
- },
- onTabDisabledChange: function onTabDisabledChange(tab) {
- if (tab.disabled && this.activeTabId === tab.id) {
- this.selectTab(this.findNearestTab());
- }
- },
- onTabClick: function onTabClick(tab, event) {
- this.$emit('tab-click', tab, event);
- this.selectTab(tab);
- },
- selectTab: function selectTab(tab) {
- if (tab === null || tab.disabled || tab.id === this.activeTabId) {
- return;
- }
+var _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
- if (this.confirmTabChange && !this.confirmTabChange(this.tabs[this.activeTabIndex], tab)) {
- return;
- }
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
- this.activeTabId = tab.id;
- this.$emit('tab-change', tab);
- },
- selectNextTab: function selectNextTab() {
- var nextTab = this.findNextTab();
+ return target;
+};
- if (nextTab) {
- this.selectTab(nextTab);
- nextTab.$el.focus();
- }
- },
- selectPreviousTab: function selectPreviousTab() {
- var previousTab = this.findPreviousTab();
+/**
+ * Given element offsets, generate an output similar to getBoundingClientRect
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Object} offsets
+ * @returns {Object} ClientRect like output
+ */
+function getClientRect(offsets) {
+ return _extends({}, offsets, {
+ right: offsets.left + offsets.width,
+ bottom: offsets.top + offsets.height
+ });
+}
- if (previousTab) {
- this.selectTab(previousTab);
- previousTab.$el.focus();
- }
- },
- findNextTab: function findNextTab() {
- var tab = null;
+/**
+ * Get bounding client rect of given element
+ * @method
+ * @memberof Popper.Utils
+ * @param {HTMLElement} element
+ * @return {Object} client rect
+ */
+function getBoundingClientRect(element) {
+ var rect = {};
- for (var i = this.activeTabIndex + 1; i < this.$refs.tabHeaders.length; i++) {
- if (this.$refs.tabHeaders[i] && !this.$refs.tabHeaders[i].disabled) {
- tab = this.$refs.tabHeaders[i];
- break;
- }
- }
+ // IE10 10 FIX: Please, don't ask, the element isn't
+ // considered in DOM in some circumstances...
+ // This isn't reproducible in IE10 compatibility mode of IE11
+ try {
+ if (isIE(10)) {
+ rect = element.getBoundingClientRect();
+ var scrollTop = getScroll(element, 'top');
+ var scrollLeft = getScroll(element, 'left');
+ rect.top += scrollTop;
+ rect.left += scrollLeft;
+ rect.bottom += scrollTop;
+ rect.right += scrollLeft;
+ } else {
+ rect = element.getBoundingClientRect();
+ }
+ } catch (e) {}
+
+ var result = {
+ left: rect.left,
+ top: rect.top,
+ width: rect.right - rect.left,
+ height: rect.bottom - rect.top
+ };
- return tab;
- },
- findPreviousTab: function findPreviousTab() {
- var tab = null;
+ // subtract scrollbar size from sizes
+ var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
+ var width = sizes.width || element.clientWidth || result.right - result.left;
+ var height = sizes.height || element.clientHeight || result.bottom - result.top;
- for (var i = this.activeTabIndex - 1; i >= 0; i--) {
- if (this.$refs.tabHeaders[i] && !this.$refs.tabHeaders[i].disabled) {
- tab = this.$refs.tabHeaders[i];
- break;
- }
- }
+ var horizScrollbar = element.offsetWidth - width;
+ var vertScrollbar = element.offsetHeight - height;
- return tab;
- },
- findNearestTab: function findNearestTab() {
- return this.findPreviousTab() || this.findNextTab();
- },
- findTabById: function findTabById(id) {
- for (var i = 0; i < this.$refs.tabHeaders.length; i++) {
- if (id === this.$refs.tabHeaders[i].id) {
- return this.$refs.tabHeaders[i];
- }
- }
+ // if an hypothetical scrollbar is detected, we must be sure it's not a `border`
+ // we make this check conditional for performance reasons
+ if (horizScrollbar || vertScrollbar) {
+ var styles = getStyleComputedProperty(element);
+ horizScrollbar -= getBordersSize(styles, 'x');
+ vertScrollbar -= getBordersSize(styles, 'y');
- return null;
- },
- setActiveTab: function setActiveTab(tabId) {
- var tab = this.findTabById(tabId);
+ result.width -= horizScrollbar;
+ result.height -= vertScrollbar;
+ }
- if (tab && !tab.disabled) {
- this.selectTab(tab);
- }
- }
- }
-};
+ return getClientRect(result);
+}
-/***/ }),
-/* 86 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function getOffsetRectRelativeToArbitraryNode(children, parent) {
+ var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_autofocus__ = __webpack_require__(20);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__UiIcon_vue__ = __webpack_require__(1);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_autosize__ = __webpack_require__(47);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_autosize___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_autosize__);
+ var isIE10 = isIE(10);
+ var isHTML = parent.nodeName === 'HTML';
+ var childrenRect = getBoundingClientRect(children);
+ var parentRect = getBoundingClientRect(parent);
+ var scrollParent = getScrollParent(children);
+ var styles = getStyleComputedProperty(parent);
+ var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
+ var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
+ // In cases where the parent is fixed, we must ignore negative scroll in offset calc
+ if (fixedPosition && isHTML) {
+ parentRect.top = Math.max(parentRect.top, 0);
+ parentRect.left = Math.max(parentRect.left, 0);
+ }
+ var offsets = getClientRect({
+ top: childrenRect.top - parentRect.top - borderTopWidth,
+ left: childrenRect.left - parentRect.left - borderLeftWidth,
+ width: childrenRect.width,
+ height: childrenRect.height
+ });
+ offsets.marginTop = 0;
+ offsets.marginLeft = 0;
+ // Subtract margins of documentElement in case it's being used as parent
+ // we do this only on HTML because it's the only element that behaves
+ // differently when margins are applied to it. The margins are included in
+ // the box of the documentElement, in the other cases not.
+ if (!isIE10 && isHTML) {
+ var marginTop = parseFloat(styles.marginTop, 10);
+ var marginLeft = parseFloat(styles.marginLeft, 10);
+ offsets.top -= borderTopWidth - marginTop;
+ offsets.bottom -= borderTopWidth - marginTop;
+ offsets.left -= borderLeftWidth - marginLeft;
+ offsets.right -= borderLeftWidth - marginLeft;
+ // Attach marginTop and marginLeft because in some circumstances we may need them
+ offsets.marginTop = marginTop;
+ offsets.marginLeft = marginLeft;
+ }
+ if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
+ offsets = includeScroll(offsets, parent);
+ }
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-textbox',
+ return offsets;
+}
- props: {
- name: String,
- placeholder: String,
- tabindex: [String, Number],
- value: {
- type: [String, Number],
- default: ''
- },
- icon: String,
- iconPosition: {
- type: String,
- default: 'left' },
- label: String,
- floatingLabel: {
- type: Boolean,
- default: false
- },
- type: {
- type: String,
- default: 'text' },
- multiLine: {
- type: Boolean,
- default: false
- },
- rows: {
- type: Number,
- default: 2
- },
- autocomplete: String,
- autofocus: {
- type: Boolean,
- default: false
- },
- autosize: {
- type: Boolean,
- default: true
- },
- min: Number,
- max: Number,
- step: {
- type: String,
- default: 'any'
- },
- maxlength: Number,
- enforceMaxlength: {
- type: Boolean,
- default: false
- },
- required: {
- type: Boolean,
- default: false
- },
- readonly: {
- type: Boolean,
- default: false
- },
- help: String,
- error: String,
- invalid: {
- type: Boolean,
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- }
- },
+function getViewportOffsetRectRelativeToArtbitraryNode(element) {
+ var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- data: function data() {
- return {
- isActive: false,
- isTouched: false,
- initialValue: this.value,
- autosizeInitialized: false
- };
- },
+ var html = element.ownerDocument.documentElement;
+ var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
+ var width = Math.max(html.clientWidth, window.innerWidth || 0);
+ var height = Math.max(html.clientHeight, window.innerHeight || 0);
+ var scrollTop = !excludeScroll ? getScroll(html) : 0;
+ var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
- computed: {
- classes: function classes() {
- return ['ui-textbox--icon-position-' + this.iconPosition, { 'is-active': this.isActive }, { 'is-invalid': this.invalid }, { 'is-touched': this.isTouched }, { 'is-multi-line': this.multiLine }, { 'has-counter': this.maxlength }, { 'is-disabled': this.disabled }, { 'has-label': this.hasLabel }, { 'has-floating-label': this.hasFloatingLabel }];
- },
- labelClasses: function labelClasses() {
- return {
- 'is-inline': this.hasFloatingLabel && this.isLabelInline,
- 'is-floating': this.hasFloatingLabel && !this.isLabelInline
- };
- },
- hasLabel: function hasLabel() {
- return Boolean(this.label) || Boolean(this.$slots.default);
- },
- hasFloatingLabel: function hasFloatingLabel() {
- return this.hasLabel && this.floatingLabel;
- },
- isLabelInline: function isLabelInline() {
- return this.valueLength === 0 && !this.isActive;
- },
- minValue: function minValue() {
- if (this.type === 'number' && this.min !== undefined) {
- return this.min;
- }
+ var offset = {
+ top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
+ left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
+ width: width,
+ height: height
+ };
- return null;
- },
- maxValue: function maxValue() {
- if (this.type === 'number' && this.max !== undefined) {
- return this.max;
- }
+ return getClientRect(offset);
+}
- return null;
- },
- stepValue: function stepValue() {
- return this.type === 'number' ? this.step : null;
- },
- valueLength: function valueLength() {
- return this.value ? this.value.length : 0;
- },
- hasFeedback: function hasFeedback() {
- return this.showError || this.showHelp;
- },
- showError: function showError() {
- return this.invalid && (Boolean(this.error) || Boolean(this.$slots.error));
- },
- showHelp: function showHelp() {
- return Boolean(this.help) || Boolean(this.$slots.help);
- }
- },
+/**
+ * Check if the given element is fixed or is inside a fixed parent
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @argument {Element} customContainer
+ * @returns {Boolean} answer to "isFixed?"
+ */
+function isFixed(element) {
+ var nodeName = element.nodeName;
+ if (nodeName === 'BODY' || nodeName === 'HTML') {
+ return false;
+ }
+ if (getStyleComputedProperty(element, 'position') === 'fixed') {
+ return true;
+ }
+ var parentNode = getParentNode(element);
+ if (!parentNode) {
+ return false;
+ }
+ return isFixed(parentNode);
+}
- created: function created() {
- if (this.value === null) {
- this.initialValue = '';
- this.updateValue('');
- }
- },
- mounted: function mounted() {
- if (this.multiLine && this.autosize) {
- __WEBPACK_IMPORTED_MODULE_2_autosize___default()(this.$refs.textarea);
- this.autosizeInitialized = true;
- }
- },
- beforeDestroy: function beforeDestroy() {
- if (this.autosizeInitialized) {
- __WEBPACK_IMPORTED_MODULE_2_autosize___default.a.destroy(this.$refs.textarea);
- }
- },
+/**
+ * Finds the first parent of an element that has a transformed property defined
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} first transformed parent or documentElement
+ */
+function getFixedPositionOffsetParent(element) {
+ // This check is needed to avoid errors in case one of the elements isn't defined for any reason
+ if (!element || !element.parentElement || isIE()) {
+ return document.documentElement;
+ }
+ var el = element.parentElement;
+ while (el && getStyleComputedProperty(el, 'transform') === 'none') {
+ el = el.parentElement;
+ }
+ return el || document.documentElement;
+}
- methods: {
- updateValue: function updateValue(value) {
- this.$emit('input', value);
- },
- onChange: function onChange(e) {
- this.$emit('change', this.value, e);
- },
- onFocus: function onFocus(e) {
- this.isActive = true;
- this.$emit('focus', e);
- },
- onBlur: function onBlur(e) {
- this.isActive = false;
- this.$emit('blur', e);
+/**
+ * Computed the boundaries limits and return them
+ * @method
+ * @memberof Popper.Utils
+ * @param {HTMLElement} popper
+ * @param {HTMLElement} reference
+ * @param {number} padding
+ * @param {HTMLElement} boundariesElement - Element used to define the boundaries
+ * @param {Boolean} fixedPosition - Is in fixed position mode
+ * @returns {Object} Coordinates of the boundaries
+ */
+function getBoundaries(popper, reference, padding, boundariesElement) {
+ var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
- if (!this.isTouched) {
- this.isTouched = true;
- this.$emit('touch');
- }
- },
- onKeydown: function onKeydown(e) {
- this.$emit('keydown', e);
- },
- onKeydownEnter: function onKeydownEnter(e) {
- this.$emit('keydown-enter', e);
- },
- reset: function reset() {
- if (document.activeElement === this.$refs.input || document.activeElement === this.$refs.textarea) {
- document.activeElement.blur();
- }
+ // NOTE: 1 DOM access here
- this.updateValue(this.initialValue);
- this.resetTouched();
- },
- resetTouched: function resetTouched() {
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { touched: false };
+ var boundaries = { top: 0, left: 0 };
+ var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
- this.isTouched = options.touched;
- },
- refreshSize: function refreshSize() {
- if (this.autosizeInitialized) {
- __WEBPACK_IMPORTED_MODULE_2_autosize___default.a.update(this.$refs.textarea);
- }
- },
- focus: function focus() {
- (this.$refs.input || this.$refs.textarea).focus();
- }
- },
+ // Handle viewport case
+ if (boundariesElement === 'viewport') {
+ boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
+ } else {
+ // Handle other cases based on DOM element used as boundaries
+ var boundariesNode = void 0;
+ if (boundariesElement === 'scrollParent') {
+ boundariesNode = getScrollParent(getParentNode(reference));
+ if (boundariesNode.nodeName === 'BODY') {
+ boundariesNode = popper.ownerDocument.documentElement;
+ }
+ } else if (boundariesElement === 'window') {
+ boundariesNode = popper.ownerDocument.documentElement;
+ } else {
+ boundariesNode = boundariesElement;
+ }
- components: {
- UiIcon: __WEBPACK_IMPORTED_MODULE_1__UiIcon_vue__["a" /* default */]
- },
+ var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
- directives: {
- autofocus: __WEBPACK_IMPORTED_MODULE_0__directives_autofocus__["a" /* default */]
+ // In case of HTML, we need a different computation
+ if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
+ var _getWindowSizes = getWindowSizes(popper.ownerDocument),
+ height = _getWindowSizes.height,
+ width = _getWindowSizes.width;
+
+ boundaries.top += offsets.top - offsets.marginTop;
+ boundaries.bottom = height + offsets.top;
+ boundaries.left += offsets.left - offsets.marginLeft;
+ boundaries.right = width + offsets.left;
+ } else {
+ // for all the other DOM elements, this one is good
+ boundaries = offsets;
}
-};
+ }
-/***/ }),
-/* 87 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ // Add paddings
+ padding = padding || 0;
+ var isPaddingNumber = typeof padding === 'number';
+ boundaries.left += isPaddingNumber ? padding : padding.left || 0;
+ boundaries.top += isPaddingNumber ? padding : padding.top || 0;
+ boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
+ boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__UiIconButton_vue__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__UiProgressLinear_vue__ = __webpack_require__(17);
+ return boundaries;
+}
+function getArea(_ref) {
+ var width = _ref.width,
+ height = _ref.height;
+ return width * height;
+}
+/**
+ * Utility used to transform the `auto` placement to the placement with more
+ * available space.
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
+ var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+ if (placement.indexOf('auto') === -1) {
+ return placement;
+ }
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-toolbar',
+ var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
- props: {
- type: {
- type: String,
- default: 'default' },
- textColor: {
- type: String,
- default: 'black' },
- title: String,
- brand: String,
- removeBrandDivider: {
- type: Boolean,
- default: false
- },
- navIcon: {
- type: String,
- default: 'menu'
- },
- removeNavIcon: {
- type: Boolean,
- default: false
- },
- raised: {
- type: Boolean,
- default: true
- },
- progressPosition: {
- type: String,
- default: 'bottom' },
- loading: {
- type: Boolean,
- default: false
- }
+ var rects = {
+ top: {
+ width: boundaries.width,
+ height: refRect.top - boundaries.top
},
-
- computed: {
- classes: function classes() {
- return ['ui-toolbar--type-' + this.type, 'ui-toolbar--text-color-' + this.textColor, 'ui-toolbar--progress-position-' + this.progressPosition, { 'is-raised': this.raised }];
- },
- progressColor: function progressColor() {
- return this.textColor === 'black' ? 'primary' : 'white';
- },
- hasBrandDivider: function hasBrandDivider() {
- return this.removeBrandDivider ? false : this.brand || this.$slots.brand;
- }
+ right: {
+ width: boundaries.right - refRect.right,
+ height: boundaries.height
+ },
+ bottom: {
+ width: boundaries.width,
+ height: boundaries.bottom - refRect.bottom
},
+ left: {
+ width: refRect.left - boundaries.left,
+ height: boundaries.height
+ }
+ };
+
+ var sortedAreas = Object.keys(rects).map(function (key) {
+ return _extends({
+ key: key
+ }, rects[key], {
+ area: getArea(rects[key])
+ });
+ }).sort(function (a, b) {
+ return b.area - a.area;
+ });
+
+ var filteredAreas = sortedAreas.filter(function (_ref2) {
+ var width = _ref2.width,
+ height = _ref2.height;
+ return width >= popper.clientWidth && height >= popper.clientHeight;
+ });
+
+ var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
+
+ var variation = placement.split('-')[1];
+
+ return computedPlacement + (variation ? '-' + variation : '');
+}
+
+/**
+ * Get offsets to the reference element
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} state
+ * @param {Element} popper - the popper element
+ * @param {Element} reference - the reference element (the popper will be relative to this)
+ * @param {Element} fixedPosition - is in fixed position mode
+ * @returns {Object} An object containing the offsets which will be applied to the popper
+ */
+function getReferenceOffsets(state, popper, reference) {
+ var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
- methods: {
- navIconClick: function navIconClick() {
- this.$emit('nav-icon-click');
- }
- },
+ var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
+ return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
+}
- components: {
- UiIconButton: __WEBPACK_IMPORTED_MODULE_0__UiIconButton_vue__["a" /* default */],
- UiProgressLinear: __WEBPACK_IMPORTED_MODULE_1__UiProgressLinear_vue__["a" /* default */]
- }
-};
+/**
+ * Get the outer sizes of the given element (offset size + margins)
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Object} object containing width and height properties
+ */
+function getOuterSizes(element) {
+ var window = element.ownerDocument.defaultView;
+ var styles = window.getComputedStyle(element);
+ var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
+ var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
+ var result = {
+ width: element.offsetWidth + y,
+ height: element.offsetHeight + x
+ };
+ return result;
+}
-/***/ }),
-/* 88 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/**
+ * Get the opposite placement of the given one
+ * @method
+ * @memberof Popper.Utils
+ * @argument {String} placement
+ * @returns {String} flipped placement
+ */
+function getOppositePlacement(placement) {
+ var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
+ return placement.replace(/left|right|bottom|top/g, function (matched) {
+ return hash[matched];
+ });
+}
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tippy_js_dist_esm_tippy_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__helpers_element_ref__ = __webpack_require__(13);
+/**
+ * Get offsets to the popper
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} position - CSS position the Popper will get applied
+ * @param {HTMLElement} popper - the popper element
+ * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)
+ * @param {String} placement - one of the valid placement options
+ * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper
+ */
+function getPopperOffsets(popper, referenceOffsets, placement) {
+ placement = placement.split('-')[0];
+ // Get popper node sizes
+ var popperRect = getOuterSizes(popper);
+ // Add position, width and height to our offsets object
+ var popperOffsets = {
+ width: popperRect.width,
+ height: popperRect.height
+ };
+ // depending by the popper placement we have to compute its offsets slightly differently
+ var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
+ var mainSide = isHoriz ? 'top' : 'left';
+ var secondarySide = isHoriz ? 'left' : 'top';
+ var measurement = isHoriz ? 'height' : 'width';
+ var secondaryMeasurement = !isHoriz ? 'height' : 'width';
+ popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
+ if (placement === secondarySide) {
+ popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
+ } else {
+ popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
+ }
-/* harmony default export */ __webpack_exports__["a"] = {
- name: 'ui-tooltip',
+ return popperOffsets;
+}
- props: {
- animation: {
- type: String,
- default: 'fade' },
- appendToBody: {
- type: Boolean,
- default: true
- },
- openDelay: {
- type: Number,
- default: 0
- },
- openOn: {
- type: String,
- default: 'mouseenter focus' },
- position: {
- type: String,
- default: 'bottom' },
- trigger: {
- validator: function validator(value) {
- return __WEBPACK_IMPORTED_MODULE_1__helpers_element_ref__["a" /* default */].validate(value, '[UiTooltip]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string.');
- }
- }
- },
+/**
+ * Mimics the `find` method of Array
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Array} arr
+ * @argument prop
+ * @argument value
+ * @returns index or -1
+ */
+function find(arr, check) {
+ // use native find if supported
+ if (Array.prototype.find) {
+ return arr.find(check);
+ }
- mounted: function mounted() {
- this.triggerEl = __WEBPACK_IMPORTED_MODULE_1__helpers_element_ref__["a" /* default */].resolve(this.trigger, this.$el.parentElement);
+ // use `filter` to obtain the same behavior of `find`
+ return arr.filter(check)[0];
+}
- if (!this.triggerEl) {
- console.error('[UiTooltip]: Trigger element not found.');
- return;
- }
+/**
+ * Return the index of the matching object
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Array} arr
+ * @argument prop
+ * @argument value
+ * @returns index or -1
+ */
+function findIndex(arr, prop, value) {
+ // use native findIndex if supported
+ if (Array.prototype.findIndex) {
+ return arr.findIndex(function (cur) {
+ return cur[prop] === value;
+ });
+ }
- var options = {
- animateFill: this.animation !== 'fade',
+ // use `find` + `indexOf` if `findIndex` isn't supported
+ var match = find(arr, function (obj) {
+ return obj[prop] === value;
+ });
+ return arr.indexOf(match);
+}
- animation: this.animation === 'none' ? 'fade' : this.animation,
- arrow: false,
- content: this.$el,
- delay: [this.openDelay, 0],
- distance: 4,
- duration: this.animation === 'none' ? 0 : 250,
- multiple: true,
- performance: true,
- placement: this.position,
- theme: 'ui-tooltip',
- trigger: this.openOn.indexOf('hover') === -1 ? this.openOn : this.openOn.replace('hover', 'mouseenter') };
+/**
+ * Loop trough the list of modifiers and run them in order,
+ * each of them will then edit the data object.
+ * @method
+ * @memberof Popper.Utils
+ * @param {dataObject} data
+ * @param {Array} modifiers
+ * @param {String} ends - Optional modifier name used as stopper
+ * @returns {dataObject}
+ */
+function runModifiers(modifiers, data, ends) {
+ var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
- if (!this.appendToBody) {
- options.appendTo = this.triggerEl.parentNode;
- }
+ modifiersToRun.forEach(function (modifier) {
+ if (modifier['function']) {
+ // eslint-disable-line dot-notation
+ console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
+ }
+ var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
+ if (modifier.enabled && isFunction(fn)) {
+ // Add properties to offsets to make them a complete clientRect object
+ // we do this before each modifier to make sure the previous one doesn't
+ // mess with these values
+ data.offsets.popper = getClientRect(data.offsets.popper);
+ data.offsets.reference = getClientRect(data.offsets.reference);
- this.tip = __WEBPACK_IMPORTED_MODULE_0_tippy_js_dist_esm_tippy_js__["a" /* default */].one(this.triggerEl, options);
- },
- beforeDestroy: function beforeDestroy() {
- if (this.tip) {
- this.tip.destroy();
- this.tip = null;
- }
+ data = fn(data, modifier);
}
-};
+ });
-/***/ }),
-/* 89 */
-/***/ (function(module, exports) {
+ return data;
+}
+/**
+ * Updates the position of the popper, computing the new offsets and applying
+ * the new style.
- * Based on Underscore.js 1.8.3
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
*/
+function hide(data) {
+ if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
+ return data;
+ }
-/** Used as the `TypeError` message for "Functions" methods. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
+ var refRect = data.offsets.reference;
+ var bound = find(data.instance.modifiers, function (modifier) {
+ return modifier.name === 'preventOverflow';
+ }).boundaries;
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+ if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
+ // Avoid unnecessary DOM access if visibility hasn't changed
+ if (data.hide === true) {
+ return data;
+ }
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
+ data.hide = true;
+ data.attributes['x-out-of-boundaries'] = '';
+ } else {
+ // Avoid unnecessary DOM access if visibility hasn't changed
+ if (data.hide === false) {
+ return data;
+ }
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
+ data.hide = false;
+ data.attributes['x-out-of-boundaries'] = false;
+ }
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
+ return data;
+}
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function inner(data) {
+ var placement = data.placement;
+ var basePlacement = placement.split('-')[0];
+ var _data$offsets = data.offsets,
+ popper = _data$offsets.popper,
+ reference = _data$offsets.reference;
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+ var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
+ var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
+ popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var objectToString = objectProto.toString;
+ data.placement = getOppositePlacement(placement);
+ data.offsets.popper = getClientRect(popper);
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
- nativeMin = Math.min;
+ return data;
+}
/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
+ * Modifier function, each modifier can have a function of this type assigned
+ * to its `fn` property.2&&void 0!==arguments[2]?arguments[2]:0;return t.substr(i,e.length)===e}e.b=o,e.c=s,e.a=r;var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}},function(t,e,i){"use strict";function n(t){i(107)}var o=i(70),s=i(156),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){return"string"==typeof t?t.replace(p,"").split(f):t}function o(t){return u(t)?(t.getAttribute("class")||"").replace(p,"").split(f):[]}function s(t,e){u(t)&&t.setAttribute("class",n(e).join(" "))}function r(t,e){var i=a(t,e),o=n(e);return i.push.apply(i,o),s(t,i),i}function a(t,e){var i=o(t),r=n(e);return r.forEach(function(t){var e=i.indexOf(t);e!==-1&&i.splice(e,1)}),s(t,i),i}function l(t,e){var i=o(t),s=n(e);return s.every(function(t){return i.indexOf(t)!==-1})}function u(t){var e="object"===("undefined"==typeof HTMLElement?"undefined":d(HTMLElement));return e?t instanceof HTMLElement:c(t)}function c(t){return t&&"object"===("undefined"==typeof t?"undefined":d(t))&&"string"==typeof t.nodeName&&1===t.nodeType}var d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p=/^\s+|\s+$/g,f=/\s+/g;e.a={add:r,remove:a,contains:l,has:l,set:s,get:o}},function(t,e,i){"use strict";function n(t,e){for(;t.length1&&void 0!==arguments[1]?arguments[1]:m;return e.days.full[t.getDay()]}function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.days.initials[t.getDay()]}function r(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.days.abbreviated[t.getDay()]}function a(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.months.full[t.getMonth()]}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.months.abbreviated[t.getMonth()]}function u(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{pad:!0},i=t.getDate().toString();return e.pad?n(i):i}function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m,i=e.days.abbreviated,n=e.months.full;return i[t.getDay()]+", "+n[t.getMonth()]+" "+t.getDate()+", "+t.getFullYear()}function d(t){return new Date(t.getTime())}function p(t,e){for(;t.getDay()!==e;)t.setDate(t.getDate()-1);return t}function f(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function h(t,e){return t.getTime()e.getTime()}var m={months:{full:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},days:{full:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],initials:["S","M","T","W","T","F","S"]}};e.a={defaultLang:m,getDayFull:o,getDayInitial:s,getDayAbbreviated:r,getMonthFull:a,getMonthAbbreviated:l,getDayOfMonth:u,humanize:c,clone:d,moveToDayOfWeek:p,isSameDay:f,isBefore:h,isAfter:v}},function(t,e,i){"use strict";function n(t){i(116)}var o=i(51),s=i(165),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(124)}var o=i(72),s=i(173),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(118)}var o=i(88),s=i(167),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(123)}var o=i(58),s=i(172),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(128)}var o=i(66),s=i(177),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(114)}var o=i(69),s=i(163),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t,e){var i=t instanceof Element||t&&t._isVue||"string"==typeof t;return!i&&e&&console.warn(e),i}function o(t,e){return t instanceof Element?t:t&&t._isVue?t.$el:"string"==typeof t?document.querySelector(t):e}e.a={validate:n,resolve:o}},function(t,e,i){"use strict";function n(t){i(117)}var o=i(64),s=i(166),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(98)}var o=i(52),s=i(147),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(121)}var o=i(56),s=i(170),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(100)}var o=i(73),s=i(149),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(99)}var o=i(74),s=i(148),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(112)}var o=i(80),s=i(161),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";e.a={inserted:function(t,e){var i=e.value;i&&t.focus()}}},function(t,e,i){"use strict";function n(t,e){if(t){e=e||t.parentElement;var i=t.offsetTop,n=e.scrollTop,o=i+t.offsetHeight,s=e.offsetHeight;return i>=n&&o<=s}}function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:null,marginTop:0};t&&(e.container=e.container||t.parentElement,n(t,e.container)||(e.container.scrollTop=t.offsetTop-e.marginTop))}function s(t){t&&(t.scrollTop=0)}e.b=o,e.a=s},function(t,e,i){"use strict";for(var n=[],o=0;o<256;o++)n[o]=(o<16?"0":"")+o.toString(16);var s=function(){var t=4294967295*Math.random()|0,e=4294967295*Math.random()|0,i=4294967295*Math.random()|0,o=4294967295*Math.random()|0;return n[255&t]+n[t>>8&255]+n[t>>16&255]+n[t>>24&255]+"-"+n[255&e]+n[e>>8&255]+"-"+n[e>>16&15|64]+n[e>>24&255]+"-"+n[63&i|128]+n[i>>8&255]+"-"+n[i>>16&255]+n[i>>24&255]+n[255&o]+n[o>>8&255]+n[o>>16&255]+n[o>>24&255]},r=function(t){t=t||"";var e=s();return t+e.split("-")[0]};e.a={generate:s,short:r}},function(t,e,i){"use strict";function n(t,e){var i=e.length,n=t.length;if(n>i)return!1;if(n===i)return t===e;t:for(var o=0,s=0;o1&&void 0!==arguments[1]?arguments[1]:"top",i="top"===e?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var o=t.ownerDocument.documentElement,s=t.ownerDocument.scrollingElement||o;return s[i]}return t[i]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=f(e,"top"),o=f(e,"left"),s=i?-1:1;return t.top+=n*s,t.bottom+=n*s,t.left+=o*s,t.right+=o*s,t}function v(t,e){var i="x"===e?"Left":"Top",n="Left"===i?"Right":"Bottom";return parseFloat(t["border"+i+"Width"],10)+parseFloat(t["border"+n+"Width"],10)}function m(t,e,i,n){return Math.max(e["offset"+t],e["scroll"+t],i["client"+t],i["offset"+t],i["scroll"+t],l(10)?parseInt(i["offset"+t])+parseInt(n["margin"+("Height"===t?"Top":"Left")])+parseInt(n["margin"+("Height"===t?"Bottom":"Right")]):0)}function g(t){var e=t.body,i=t.documentElement,n=l(10)&&getComputedStyle(i);return{height:m("Height",e,i,n),width:m("Width",e,i,n)}}function b(t){return Mt({},t,{right:t.left+t.width,bottom:t.top+t.height})}function y(t){var e={};try{if(l(10)){e=t.getBoundingClientRect();var i=f(t,"top"),n=f(t,"left");e.top+=i,e.left+=n,e.bottom+=i,e.right+=n}else e=t.getBoundingClientRect()}catch(t){}var o={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},r="HTML"===t.nodeName?g(t.ownerDocument):{},a=r.width||t.clientWidth||o.right-o.left,u=r.height||t.clientHeight||o.bottom-o.top,c=t.offsetWidth-a,d=t.offsetHeight-u;if(c||d){var p=s(t);c-=v(p,"x"),d-=v(p,"y"),o.width-=c,o.height-=d}return b(o)}function _(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=l(10),o="HTML"===e.nodeName,r=y(t),u=y(e),c=a(t),d=s(e),p=parseFloat(d.borderTopWidth,10),f=parseFloat(d.borderLeftWidth,10);i&&o&&(u.top=Math.max(u.top,0),u.left=Math.max(u.left,0));var v=b({top:r.top-u.top-p,left:r.left-u.left-f,width:r.width,height:r.height});if(v.marginTop=0,v.marginLeft=0,!n&&o){var m=parseFloat(d.marginTop,10),g=parseFloat(d.marginLeft,10);v.top-=p-m,v.bottom-=p-m,v.left-=f-g,v.right-=f-g,v.marginTop=m,v.marginLeft=g}return(n&&!i?e.contains(c):e===c&&"BODY"!==c.nodeName)&&(v=h(v,e)),v}function w(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=t.ownerDocument.documentElement,n=_(t,i),o=Math.max(i.clientWidth,window.innerWidth||0),s=Math.max(i.clientHeight,window.innerHeight||0),r=e?0:f(i),a=e?0:f(i,"left"),l={top:r-n.top+n.marginTop,left:a-n.left+n.marginLeft,width:o,height:s};return b(l)}function k(t){var e=t.nodeName;return"BODY"!==e&&"HTML"!==e&&("fixed"===s(t,"position")||k(r(t)))}function x(t){if(!t||!t.parentElement||l())return document.documentElement;for(var e=t.parentElement;e&&"none"===s(e,"transform");)e=e.parentElement;return e||document.documentElement}function C(t,e,i,n){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s={top:0,left:0},l=o?x(t):p(t,e);if("viewport"===n)s=w(l,o);else{var u=void 0;"scrollParent"===n?(u=a(r(e)),"BODY"===u.nodeName&&(u=t.ownerDocument.documentElement)):u="window"===n?t.ownerDocument.documentElement:n;var c=_(u,l,o);if("HTML"!==u.nodeName||k(l))s=c;else{var d=g(t.ownerDocument),f=d.height,h=d.width;s.top+=c.top-c.marginTop,s.bottom=f+c.top,s.left+=c.left-c.marginLeft,s.right=h+c.left}}i=i||0;var v="number"==typeof i;return s.left+=v?i:i.left||0,s.top+=v?i:i.top||0,s.right-=v?i:i.right||0,s.bottom-=v?i:i.bottom||0,s}function S(t){var e=t.width,i=t.height;return e*i}function E(t,e,i,n,o){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(t.indexOf("auto")===-1)return t;var r=C(i,n,s,o),a={top:{width:r.width,height:e.top-r.top},right:{width:r.right-e.right,height:r.height},bottom:{width:r.width,height:r.bottom-e.bottom},left:{width:e.left-r.left,height:r.height}},l=Object.keys(a).map(function(t){return Mt({key:t},a[t],{area:S(a[t])})}).sort(function(t,e){return e.area-t.area}),u=l.filter(function(t){var e=t.width,n=t.height;return e>=i.clientWidth&&n>=i.clientHeight}),c=u.length>0?u[0].key:l[0].key,d=t.split("-")[1];return c+(d?"-"+d:"")}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=n?x(e):p(e,i);return _(i,o,n)}function D(t){var e=t.ownerDocument.defaultView,i=e.getComputedStyle(t),n=parseFloat(i.marginTop||0)+parseFloat(i.marginBottom||0),o=parseFloat(i.marginLeft||0)+parseFloat(i.marginRight||0),s={width:t.offsetWidth+o,height:t.offsetHeight+n};return s}function O(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function $(t,e,i){i=i.split("-")[0];var n=D(t),o={width:n.width,height:n.height},s=["right","left"].indexOf(i)!==-1,r=s?"top":"left",a=s?"left":"top",l=s?"height":"width",u=s?"width":"height";return o[r]=e[r]+e[l]/2-n[l]/2,i===a?o[a]=e[a]-n[u]:o[a]=e[O(a)],o}function B(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function L(t,e,i){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===i});var n=B(t,function(t){return t[e]===i});return t.indexOf(n)}function F(t,e,i){var n=void 0===i?t:t.slice(0,L(t,"name",i));return n.forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var i=t.function||t.fn;t.enabled&&o(i)&&(e.offsets.popper=b(e.offsets.popper),e.offsets.reference=b(e.offsets.reference),e=i(e,t))}),e}function A(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=T(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=E(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=$(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=F(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}function M(t,e){return t.some(function(t){var i=t.name,n=t.enabled;return n&&i===e})}function I(t){for(var e=[!1,"ms","Webkit","Moz","O"],i=t.charAt(0).toUpperCase()+t.slice(1),n=0;na[h]&&(t.offsets.popper[p]+=l[p]+v-a[h]),t.offsets.popper=b(t.offsets.popper);var m=l[p]+l[c]/2-v/2,g=s(t.instance.popper),y=parseFloat(g["margin"+d],10),_=parseFloat(g["border"+d+"Width"],10),w=m-t.offsets.popper[p]-y-_;return w=Math.max(Math.min(a[c]-v,w),0),t.arrowElement=n,t.offsets.arrow=(i={},At(i,p,Math.round(w)),At(i,f,""),i),t}function Z(t){return"end"===t?"start":"start"===t?"end":t}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Vt.indexOf(t),n=Vt.slice(i+1).concat(Vt.slice(0,i));return e?n.reverse():n}function et(t,e){if(M(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var i=C(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),n=t.placement.split("-")[0],o=O(n),s=t.placement.split("-")[1]||"",r=[];switch(e.behavior){case Ut.FLIP:r=[n,o];break;case Ut.CLOCKWISE:r=tt(n);break;case Ut.COUNTERCLOCKWISE:r=tt(n,!0);break;default:r=e.behavior}return r.forEach(function(a,l){if(n!==a||r.length===l+1)return t;n=t.placement.split("-")[0],o=O(n);var u=t.offsets.popper,c=t.offsets.reference,d=Math.floor,p="left"===n&&d(u.right)>d(c.left)||"right"===n&&d(u.left)d(c.top)||"bottom"===n&&d(u.top)d(i.right),v=d(u.top)d(i.bottom),g="left"===n&&f||"right"===n&&h||"top"===n&&v||"bottom"===n&&m,b=["top","bottom"].indexOf(n)!==-1,y=!!e.flipVariations&&(b&&"start"===s&&f||b&&"end"===s&&h||!b&&"start"===s&&v||!b&&"end"===s&&m);(p||g||y)&&(t.flipped=!0,(p||g)&&(n=r[l+1]),y&&(s=Z(s)),t.placement=n+(s?"-"+s:""),t.offsets.popper=Mt({},t.offsets.popper,$(t.instance.popper,t.offsets.reference,t.placement)),t=F(t.instance.modifiers,t,"flip"))}),t}function it(t){var e=t.offsets,i=e.popper,n=e.reference,o=t.placement.split("-")[0],s=Math.floor,r=["top","bottom"].indexOf(o)!==-1,a=r?"right":"bottom",l=r?"left":"top",u=r?"width":"height";return i[a]s(n[a])&&(t.offsets.popper[l]=s(n[a])),t}function nt(t,e,i,n){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),s=+o[1],r=o[2];if(!s)return t;if(0===r.indexOf("%")){var a=void 0;switch(r){case"%p":a=i;break;case"%":case"%r":default:a=n}var l=b(a);return l[e]/100*s}if("vh"===r||"vw"===r){var u=void 0;return u="vh"===r?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),u/100*s}return s}function ot(t,e,i,n){var o=[0,0],s=["right","left"].indexOf(n)!==-1,r=t.split(/(\+|\-)/).map(function(t){return t.trim()}),a=r.indexOf(B(r,function(t){return t.search(/,|\s/)!==-1}));r[a]&&r[a].indexOf(",")===-1&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,u=a!==-1?[r.slice(0,a).concat([r[a].split(l)[0]]),[r[a].split(l)[1]].concat(r.slice(a+1))]:[r];return u=u.map(function(t,n){var o=(1===n?!s:s)?"height":"width",r=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&["+","-"].indexOf(e)!==-1?(t[t.length-1]=e,r=!0,t):r?(t[t.length-1]+=e,r=!1,t):t.concat(e)},[]).map(function(t){return nt(t,o,e,i)})}),u.forEach(function(t,e){t.forEach(function(i,n){W(i)&&(o[e]+=i*("-"===t[n-1]?-1:1))})}),o}function st(t,e){var i=e.offset,n=t.placement,o=t.offsets,s=o.popper,r=o.reference,a=n.split("-")[0],l=void 0;return l=W(+i)?[+i,0]:ot(i,s,r,a),"left"===a?(s.top+=l[0],s.left-=l[1]):"right"===a?(s.top+=l[0],s.left+=l[1]):"top"===a?(s.left+=l[0],s.top-=l[1]):"bottom"===a&&(s.left+=l[0],s.top+=l[1]),t.popper=s,t}function rt(t,e){var i=e.boundariesElement||u(t.instance.popper);t.instance.reference===i&&(i=u(i));var n=I("transform"),o=t.instance.popper.style,s=o.top,r=o.left,a=o[n];o.top="",o.left="",o[n]="";var l=C(t.instance.popper,t.instance.reference,e.padding,i,t.positionFixed);o.top=s,o.left=r,o[n]=a,e.boundaries=l;var c=e.priority,d=t.offsets.popper,p={primary:function(t){var i=d[t];return d[t]l[t]&&!e.escapeWithReference&&(n=Math.min(d[i],l[t]-("right"===t?d.width:d.height))),At({},i,n)}};return c.forEach(function(t){var e=["left","top"].indexOf(t)!==-1?"primary":"secondary";d=Mt({},d,p[e](t))}),t.offsets.popper=d,t}function at(t){var e=t.placement,i=e.split("-")[0],n=e.split("-")[1];if(n){var o=t.offsets,s=o.reference,r=o.popper,a=["bottom","top"].indexOf(i)!==-1,l=a?"left":"top",u=a?"width":"height",c={start:At({},l,s[l]),end:At({},l,s[l]+s[u]-r[u])};t.offsets.popper=Mt({},r,c[n])}return t}function lt(t){if(!G(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,i=B(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottomi.right||e.top>i.bottom||e.rights&&(l=Math.min(i,window.innerWidth-s)),a&&u>s&&(u=Math.min(n,window.innerHeight-s));var c=G.reference.getBoundingClientRect(),d=G.props.followCursor,p="horizontal"===d,f="vertical"===d;G.popperInstance.reference={getBoundingClientRect:function(){return{width:0,height:0,top:p?c.top:u,bottom:p?c.bottom:u,left:f?c.left:l,right:f?c.right:l}},clientWidth:0,clientHeight:0},G.popperInstance.scheduleUpdate()}}function s(t){var e=he(t.target,G.props.target);e&&!e._tippy&&(dt(e,ht({},G.props,{target:"",showOnInit:!0})),r(t))}function r(t){if(O(),!G.state.isVisible){if(G.props.target)return s(t);if(N=!0,G.props.wait)return G.props.wait(G,t);y()&&document.addEventListener("mousemove",o);var e=ee(G.props.delay,0,vt.delay);e?U=setTimeout(function(){L()},e):L()}}function a(){if(O(),!G.state.isVisible)return l();N=!1;var t=ee(G.props.delay,1,vt.delay);t?R=setTimeout(function(){G.state.isVisible&&F()},t):F()}function l(){document.removeEventListener("mousemove",o),V=null}function u(){document.body.removeEventListener("mouseleave",a),document.removeEventListener("mousemove",j)}function c(t){G.state.isEnabled&&!m(t)&&(G.state.isVisible||(P=t),"click"===t.type&&G.props.hideOnClick!==!1&&G.state.isVisible?a():r(t))}function d(t){var e=ve(t.target,function(t){return t._tippy}),i=he(t.target,Ht.POPPER)===G.popper,n=e===G.reference;i||n||Te(Oe(G.popper),G.popper.getBoundingClientRect(),t,G.props)&&(u(),a())}function p(t){if(!m(t))return G.props.interactive?(document.body.addEventListener("mouseleave",a),void document.addEventListener("mousemove",j)):void a()}function f(t){if(t.target===G.reference){if(G.props.interactive){if(!t.relatedTarget)return;if(he(t.relatedTarget,Ht.POPPER))return}a()}}function h(t){he(t.target,G.props.target)&&r(t)}function v(t){he(t.target,G.props.target)&&a()}function m(t){var e=t.type.indexOf("touch")>-1,i=xt&&Me&&G.props.touchHold&&!e,n=Me&&!G.props.touchHold&&e;return i||n}function g(){var t=G.popperChildren.tooltip,e=G.props.popperOptions,i=Ht["round"===G.props.arrowType?"ROUND_ARROW":"ARROW"],o=t.querySelector(i),s=ht({placement:G.props.placement},e||{},{modifiers:ht({},e?e.modifiers:{},{arrow:ht({element:i},e&&e.modifiers?e.modifiers.arrow:{}),flip:ht({enabled:G.props.flip,padding:G.props.distance+5,behavior:G.props.flipBehavior},e&&e.modifiers?e.modifiers.flip:{}),offset:ht({offset:G.props.offset},e&&e.modifiers?e.modifiers.offset:{})}),onCreate:function(){t.style[Oe(G.popper)]=De(G.props.distance,vt.distance),o&&G.props.arrowTransform&&xe(o,G.props.arrowTransform)},onUpdate:function(){var e=t.style;e.top="",e.bottom="",e.left="",e.right="",e[Oe(G.popper)]=De(G.props.distance,vt.distance),o&&G.props.arrowTransform&&xe(o,G.props.arrowTransform)}});return I||n(),new zt(G.reference,G.popper,s)}function b(t){G.popperInstance?y()||(G.popperInstance.scheduleUpdate(),G.props.livePlacement&&G.popperInstance.enableEventListeners()):(G.popperInstance=g(),G.props.livePlacement&&!y()||G.popperInstance.disableEventListeners()),G.popperInstance.reference=G.reference;var e=G.popperChildren.arrow;if(y()){e&&(e.style.margin="0");var i=ee(G.props.delay,0,vt.delay);P.type&&o(i&&V?V:P)}else e&&(e.style.margin="");Se(G.popperInstance,t),G.props.appendTo.contains(G.popper)||(G.props.appendTo.appendChild(G.popper),G.props.onMount(G),G.state.isMounted=!0)}function y(){return G.props.followCursor&&!Me&&"focus"!==P.type}function _(){Xt([G.popper],wt?0:G.props.updateDuration);var t=function t(){G.popperInstance&&G.popperInstance.scheduleUpdate(),G.state.isMounted?requestAnimationFrame(t):Xt([G.popper],0)};t()}function w(t,e){x(t,function(){!G.state.isVisible&&G.props.appendTo.contains(G.popper)&&e()})}function k(t,e){x(t,e)}function x(t,e){if(0===t)return e();var i=G.popperChildren.tooltip,n=function t(n){n.target===i&&(Be(i,"remove",t),e())};Be(i,"remove",z),Be(i,"add",n),z=n}function C(t,e,i){G.reference.addEventListener(t,e),i.push({eventType:t,handler:e})}function S(){H=G.props.trigger.trim().split(" ").reduce(function(t,e){if("manual"===e)return t;if(G.props.target)switch(e){case"mouseenter":C("mouseover",h,t),C("mouseout",v,t);break;case"focus":C("focusin",h,t),C("focusout",v,t);break;case"click":C(e,h,t)}else switch(C(e,c,t),G.props.touchHold&&(C("touchstart",c,t),C("touchend",p,t)),e){case"mouseenter":C("mouseleave",p,t);break;case"focus":C(wt?"focusout":"blur",f,t)}return t},[])}function E(){H.forEach(function(t){var e=t.eventType,i=t.handler;G.reference.removeEventListener(e,i)})}function T(){G.state.isEnabled=!0}function D(){G.state.isEnabled=!1}function O(){clearTimeout(U),clearTimeout(R)}function $(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Fe(t,vt);var e=G.props,i=$e(G.reference,ht({},G.props,t,{performance:!0}));i.performance=Ae(t,"performance")?t.performance:e.performance,G.props=i,(Ae(t,"trigger")||Ae(t,"touchHold"))&&(E(),S()),Ae(t,"interactiveDebounce")&&(u(),j=Le(d,t.interactiveDebounce)),ue(G.popper,e,i),G.popperChildren=Kt(G.popper),G.popperInstance&>.some(function(e){return Ae(t,e)})&&(G.popperInstance.destroy(),G.popperInstance=g(),G.state.isVisible||G.popperInstance.disableEventListeners(),G.props.followCursor&&V&&o(V))}function B(t){$({content:t})}function L(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(G.props.duration,0,vt.duration[0]);if(!G.state.isDestroyed&&G.state.isEnabled&&(!Me||G.props.touch)){
-if(!G.reference.isVirtual&&!document.documentElement.contains(G.reference))return A();if(!G.reference.hasAttribute("disabled"))return W?void(W=!1):void(G.props.onShow(G)!==!1&&(G.popper.style.visibility="visible",G.state.isVisible=!0,Xt([G.popper,G.popperChildren.tooltip,G.popperChildren.backdrop],0),b(function(){G.state.isVisible&&(y()||G.popperInstance.update(),Xt([G.popperChildren.tooltip,G.popperChildren.backdrop,G.popperChildren.content],t),G.popperChildren.backdrop&&(G.popperChildren.content.style.transitionDelay=Math.round(t/6)+"ms"),G.props.interactive&&G.reference.classList.add("tippy-active"),G.props.sticky&&_(),Ce([G.popperChildren.tooltip,G.popperChildren.backdrop,G.popperChildren.content],"visible"),k(t,function(){0===G.props.updateDuration&&G.popperChildren.tooltip.classList.add("tippy-notransition"),G.props.interactive&&["focus","click"].indexOf(P.type)>-1&&me(G.popper),G.reference.setAttribute("aria-describedby",G.popper.id),G.props.onShown(G),G.state.isShown=!0}))})))}}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(G.props.duration,1,vt.duration[1]);!G.state.isDestroyed&&G.state.isEnabled&&G.props.onHide(G)!==!1&&(0===G.props.updateDuration&&G.popperChildren.tooltip.classList.remove("tippy-notransition"),G.props.interactive&&G.reference.classList.remove("tippy-active"),G.popper.style.visibility="hidden",G.state.isVisible=!1,G.state.isShown=!1,Xt([G.popperChildren.tooltip,G.popperChildren.backdrop,G.popperChildren.content],t),Ce([G.popperChildren.tooltip,G.popperChildren.backdrop,G.popperChildren.content],"hidden"),G.props.interactive&&!W&&["focus","click"].indexOf(P.type)>-1&&("focus"===P.type&&(W=!0),me(G.reference)),w(t,function(){N||l(),G.reference.removeAttribute("aria-describedby"),G.popperInstance.disableEventListeners(),G.props.appendTo.removeChild(G.popper),G.state.isMounted=!1,G.props.onHidden(G)}))}function A(t){G.state.isDestroyed||(G.state.isMounted&&F(0),E(),G.reference.removeEventListener("click",i),delete G.reference._tippy,G.props.target&&t&&jt(G.reference.querySelectorAll(G.props.target)).forEach(function(t){return t._tippy&&t._tippy.destroy()}),G.popperInstance&&G.popperInstance.destroy(),I&&I.disconnect(),G.state.isDestroyed=!0)}var M=$e(t,e);if(!M.multiple&&t._tippy)return null;var I=null,P={},V=null,U=0,R=0,N=!1,z=function(){},H=[],W=!1,j=M.interactiveDebounce>0?Le(d,M.interactiveDebounce):d,q=ze++,Y=le(q,M);Y.addEventListener("mouseenter",function(t){G.props.interactive&&G.state.isVisible&&"mouseenter"===P.type&&r(t)}),Y.addEventListener("mouseleave",function(t){G.props.interactive&&"mouseenter"===P.type&&0===G.props.interactiveDebounce&&Te(Oe(Y),Y.getBoundingClientRect(),t,G.props)&&a()});var X=Kt(Y),K={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},J=null,G={id:q,reference:t,popper:Y,popperChildren:X,popperInstance:J,props:M,state:K,clearDelayTimeouts:O,set:$,setContent:B,show:L,hide:F,enable:T,disable:D,destroy:A};return S(),t.addEventListener("click",i),M.lazy||(G.popperInstance=g(),G.popperInstance.disableEventListeners()),M.showOnInit&&r(),!M.a11y||M.target||Yt(t)||t.setAttribute("tabindex","0"),t._tippy=G,Y._tippy=G,G}function pt(t,e,i){Fe(e,vt),He||(ct(),He=!0);var n=ht({},vt,e);Jt(t)&&pe(t);var o=Zt(t),s=o[0],r=(i&&s?[s]:o).reduce(function(t,e){var i=e&&dt(e,n);return i&&t.push(i),t},[]);return{targets:t,props:n,instances:r,destroyAll:function(){this.instances.forEach(function(t){t.destroy()}),this.instances=[]}}}for(var ft="3.3.0",ht=Object.assign||function(t){for(var e=1;e=0){Et=1;break}var Dt=Ct&&window.Promise,Ot=Dt?i:n,$t=Ct&&!(!window.MSInputMethodContext||!document.documentMode),Bt=Ct&&/MSIE 10/.test(navigator.userAgent),Lt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Ft=function(){function t(t,e){for(var i=0;i2&&void 0!==arguments[2]?arguments[2]:{};Lt(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=Ot(this.update.bind(this)),this.options=Mt({},t.Defaults,s),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=i&&i.jquery?i[0]:i,this.options.modifiers={},Object.keys(Mt({},t.Defaults.modifiers,s.modifiers)).forEach(function(e){n.options.modifiers[e]=Mt({},t.Defaults.modifiers[e]||{},s.modifiers?s.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return Mt({name:t},n.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&o(t.onLoad)&&t.onLoad(n.reference,n.popper,n.options,t,n.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Ft(t,[{key:"update",value:function(){return A.call(this)}},{key:"destroy",value:function(){return P.call(this)}},{key:"enableEventListeners",value:function(){return N.call(this)}},{key:"disableEventListeners",value:function(){return H.call(this)}}]),t}();zt.Utils=("undefined"!=typeof window?window:t).PopperUtils,zt.placements=Pt,zt.Defaults=Nt;var Ht={POPPER:".tippy-popper",TOOLTIP:".tippy-tooltip",CONTENT:".tippy-content",BACKDROP:".tippy-backdrop",ARROW:".tippy-arrow",ROUND_ARROW:".tippy-roundarrow"},Wt={x:!0},jt=function(t){return[].slice.call(t)},qt=function(t,e){e.content instanceof Element?(Qt(t,""),t.appendChild(e.content)):t[e.allowHTML?"innerHTML":"textContent"]=e.content},Yt=function(t){return!(t instanceof Element)||fe.call(t,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!t.hasAttribute("disabled")},Xt=function(t,e){t.filter(Boolean).forEach(function(t){t.style.transitionDuration=e+"ms"})},Kt=function(t){var e=function(e){return t.querySelector(e)};return{tooltip:e(Ht.TOOLTIP),backdrop:e(Ht.BACKDROP),content:e(Ht.CONTENT),arrow:e(Ht.ARROW)||e(Ht.ROUND_ARROW)}},Jt=function(t){return"[object Object]"==={}.toString.call(t)},Gt=function(){return document.createElement("div")},Qt=function(t,e){t[Wt.x&&"innerHTML"]=e instanceof Element?e[Wt.x&&"innerHTML"]:e},Zt=function(t){if(t instanceof Element||Jt(t))return[t];if(t instanceof NodeList)return jt(t);if(Array.isArray(t))return t;try{return jt(document.querySelectorAll(t))}catch(t){return[]}},te=function(t){return!isNaN(t)&&!isNaN(parseFloat(t))},ee=function(t,e,i){if(Array.isArray(t)){var n=t[e];return null==n?i:n}return t},ie=function(t){var e=Gt();return"round"===t?(e.className="tippy-roundarrow",Qt(e,'1&&void 0!==arguments[1]?arguments[1]:m;return e.days.full[t.getDay()]}function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.days.initials[t.getDay()]}function r(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.days.abbreviated[t.getDay()]}function a(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.months.full[t.getMonth()]}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m;return e.months.abbreviated[t.getMonth()]}function u(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{pad:!0},i=t.getDate().toString();return e.pad?n(i):i}function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m,i=e.days.abbreviated,n=e.months.full;return i[t.getDay()]+", "+n[t.getMonth()]+" "+t.getDate()+", "+t.getFullYear()}function d(t){return new Date(t.getTime())}function p(t,e){for(;t.getDay()!==e;)t.setDate(t.getDate()-1);return t}function f(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function h(t,e){return t.getTime()e.getTime()}var m={months:{full:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},days:{full:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],initials:["S","M","T","W","T","F","S"]}};e.a={defaultLang:m,getDayFull:o,getDayInitial:s,getDayAbbreviated:r,getMonthFull:a,getMonthAbbreviated:l,getDayOfMonth:u,humanize:c,clone:d,moveToDayOfWeek:p,isSameDay:f,isBefore:h,isAfter:v}},function(t,e,i){"use strict";function n(t){return null!==t&&"object"===("undefined"==typeof t?"undefined":a(t))}function o(t,e){return t==e||!(!n(t)||!n(e))&&JSON.stringify(t)===JSON.stringify(e)}function s(t,e){for(var i=0;i2&&void 0!==arguments[2]?arguments[2]:0;return t.substr(i,e.length)===e}e.b=o,e.c=s,e.a=r;var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}},function(t,e,i){"use strict";function n(t){i(112)}var o=i(76),s=i(161),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){return"string"==typeof t?t.replace(p,"").split(f):t}function o(t){return u(t)?(t.getAttribute("class")||"").replace(p,"").split(f):[]}function s(t,e){u(t)&&t.setAttribute("class",n(e).join(" "))}function r(t,e){var i=a(t,e),o=n(e);return i.push.apply(i,o),s(t,i),i}function a(t,e){var i=o(t),r=n(e);return r.forEach(function(t){var e=i.indexOf(t);e!==-1&&i.splice(e,1)}),s(t,i),i}function l(t,e){var i=o(t),s=n(e);return s.every(function(t){return i.indexOf(t)!==-1})}function u(t){var e="object"===("undefined"==typeof HTMLElement?"undefined":d(HTMLElement));return e?t instanceof HTMLElement:c(t)}function c(t){return t&&"object"===("undefined"==typeof t?"undefined":d(t))&&"string"==typeof t.nodeName&&1===t.nodeType}var d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p=/^\s+|\s+$/g,f=/\s+/g;e.a={add:r,remove:a,contains:l,has:l,set:s,get:o}},function(t,e,i){"use strict";function n(t){i(121)}var o=i(56),s=i(170),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(129)}var o=i(78),s=i(178),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(123)}var o=i(94),s=i(172),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(128)}var o=i(63),s=i(177),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(133)}var o=i(72),s=i(182),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(119)}var o=i(75),s=i(168),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t,e){var i=t instanceof Element||t&&t._isVue||"string"==typeof t;return!i&&e&&console.warn(e),i}function o(t,e){return t instanceof Element?t:t&&t._isVue?t.$el:"string"==typeof t?document.querySelector(t):e}e.a={validate:n,resolve:o}},function(t,e,i){"use strict";function n(t){i(122)}var o=i(70),s=i(171),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(126)}var o=i(61),s=i(175),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(137)}var o=i(67),s=i(186),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(105)}var o=i(79),s=i(154),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(104)}var o=i(80),s=i(153),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(117)}var o=i(86),s=i(166),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";e.a={inserted:function(t,e){var i=e.value;i&&t.focus()}}},function(t,e,i){"use strict";function n(t,e){if(t){e=e||t.parentElement;var i=t.offsetTop,n=e.scrollTop,o=i+t.offsetHeight,s=e.offsetHeight;return i>=n&&o<=s}}function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:null,marginTop:0};t&&(e.container=e.container||t.parentElement,n(t,e.container)||(e.container.scrollTop=t.offsetTop-e.marginTop))}function s(t){t&&(t.scrollTop=0)}e.b=o,e.a=s},function(t,e,i){"use strict";function n(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{passive:!0};return e.addEventListener(t,i,n),function(){e.removeEventListener(t,i,n)}}function o(t,e,i,o,s){return n(e,i,function(e){t?t!==e.key&&t!==e.keyCode||o(e):o(e)},s)}function s(t,e,i,n){return o(t,"keydown",e,i,n)}function r(t,e,i,n){return o(t,"keyup",e,i,n)}function a(t,e,i,n){return o(t,"keypress",e,i,n)}e.a={on:n,onKeydown:s,onKeyup:r,onKeypress:a}},function(t,e,i){"use strict";for(var n=[],o=0;o<256;o++)n[o]=(o<16?"0":"")+o.toString(16);var s=function(){var t=4294967295*Math.random()|0,e=4294967295*Math.random()|0,i=4294967295*Math.random()|0,o=4294967295*Math.random()|0;return n[255&t]+n[t>>8&255]+n[t>>16&255]+n[t>>24&255]+"-"+n[255&e]+n[e>>8&255]+"-"+n[e>>16&15|64]+n[e>>24&255]+"-"+n[63&i|128]+n[i>>8&255]+"-"+n[i>>16&255]+n[i>>24&255]+n[255&o]+n[o>>8&255]+n[o>>16&255]+n[o>>24&255]},r=function(t){t=t||"";var e=s();return t+e.split("-")[0]};e.a={generate:s,short:r}},function(t,e,i){"use strict";var n=i(22);e.a={beforeDestroy:function(){"function"==typeof this.destroyExternalClickListener&&this.removeExternalClickListener()},methods:{addExternalClickListener:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[this.$el],e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{passive:!0};t=Array.isArray(t)?t:[t],this.destroyExternalClickListener=n.a.on("click",document,function(n){for(var o=0;oi)return!1;if(n===i)return t===e;t:for(var o=0,s=0;o-1}function m(t){return!(!t||!c(t,"isVirtual"))||t instanceof Element}function g(){return"innerHTML"}function b(t,e){return"function"==typeof t?t.apply(null,e):t}function y(t,e){t.filter(function(t){return"flip"===t.name})[0].enabled=e}function _(t){return!(t instanceof Element)||ct.call(t,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!t.hasAttribute("disabled")}function w(){return document.createElement("div")}function k(t,e){t.forEach(function(t){t&&(t.style.transitionDuration="".concat(e,"ms"))})}function x(t,e){t.forEach(function(t){t&&t.setAttribute("data-state",e)})}function C(t,e){var i=n({},e,{content:b(e.content,[t])},e.ignoreAttributes?{}:a(t));return(i.arrow||st)&&(i.animateFill=!1),i}function S(t,e){Object.keys(t).forEach(function(t){if(!c(e,t))throw new Error("[tippy]: `".concat(t,"` is not a valid option"))})}function E(t,e){t[g()]=e instanceof Element?e[g()]:e}function D(t,e){if(e.content instanceof Element)E(t,""),t.appendChild(e.content);else if("function"!=typeof e.content){var i=e.allowHTML?"innerHTML":"textContent";t[i]=e.content}}function T(t){return{tooltip:t.querySelector(bt),backdrop:t.querySelector(_t),content:t.querySelector(yt),arrow:t.querySelector(wt)||t.querySelector(kt)}}function $(t){t.setAttribute("data-inertia","")}function O(t){t.removeAttribute("data-inertia")}function B(t){var e=w();return"round"===t?(e.className="tippy-roundarrow",E(e,'i&&(t=this.cycleHighlight?e:-1),this.highlightedIndex=t,this.showOnUpDown&&this.openDropdown(),ti?this.$emit("highlight-overflow",t):this.$emit("highlight",this.$refs.suggestions[t].suggestion,t)},selectHighlighted:function(t,e){this.showDropdown&&this.$refs.suggestions.length>0&&(e.preventDefault(),this.selectSuggestion(this.$refs.suggestions[t].suggestion))},focus:function(){this.$refs.input.focus()},openDropdown:function(){this.showDropdown||(this.showDropdown=!0,this.$emit("dropdown-open"))},closeDropdown:function(){var t=this;this.showDropdown&&this.$nextTick(function(){t.showDropdown=!1,t.highlightedIndex=-1,t.$emit("dropdown-close")})},updateValue:function(t){this.$emit("input",t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onChange:function(t){this.$emit("change",this.value,t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(t){!this.$el.contains(t.target)&&this.showDropdown&&this.closeDropdown()},reset:function(){document.isActiveElement===this.$refs.input&&document.isActiveElement.blur(),this.updateValue(this.initialValue),this.isTouched=!1}},components:{UiAutocompleteSuggestion:o.a,UiIcon:s.a},directives:{autofocus:n.a}}},function(t,e,i){"use strict";e.a={name:"ui-autocomplete-suggestion",props:{suggestion:{type:[String,Object],required:!0},type:{type:String,default:"simple"},highlighted:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{label:"label",image:"image"}}}},computed:{classes:function(){return["ui-autocomplete-suggestion--type-"+this.type,{"is-highlighted":this.highlighted}]},imageStyle:function(){return{"background-image":"url("+this.suggestion[this.keys.image]+")"}}}}},function(t,e,i){"use strict";var n=i(1),o=i(4),s=i(8),r=i(2),a=i(9);e.a={name:"ui-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},icon:String,iconPosition:{type:String,default:"left"},loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-button--type-"+this.type,"ui-button--color-"+this.color,"ui-button--icon-position-"+this.iconPosition,"ui-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-raised":this.raised},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"default"===this.color||"secondary"===this.type?"black":"white"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiRippleInk:r.a,UiTooltip:a.a}}},function(t,e,i){"use strict";var n=i(137),o=i(138),s=i(6),r=i(21);e.a={name:"ui-calendar",props:{value:Date,minDate:Date,maxDate:Date,startOfWeek:{type:Number,default:0},lang:{type:Object,default:function(){return s.a.defaultLang}},yearRange:{type:Array,default:function(){var t=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(e,i){return t-100+i})}},dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"}},data:function(){return{today:new Date,dateInView:this.getDateInRange(this.value,new Date),showYearPicker:!1}},computed:{classes:function(){return["ui-calendar--color-"+this.color,"ui-calendar--orientation-"+this.orientation]},headerYear:function(){return this.value?this.value.getFullYear():this.today.getFullYear()},headerDay:function(){return this.value?s.a.getDayAbbreviated(this.value,this.lang):s.a.getDayAbbreviated(this.today,this.lang)},headerDate:function(){var t=this.value?this.value:this.today;return s.a.getMonthAbbreviated(t,this.lang)+" "+s.a.getDayOfMonth(t,this.lang)}},watch:{value:function(){this.value&&(this.dateInView=s.a.clone(this.value))},showYearPicker:function(){var t=this;this.showYearPicker&&this.$nextTick(function(){var e=t.$refs.years.querySelector(".is-selected")||t.$refs.years.querySelector(".is-current-year");i.i(r.b)(e,{marginTop:126})})}},methods:{selectYear:function(t){var e=s.a.clone(this.dateInView);e.setFullYear(t),this.dateInView=this.getDateInRange(e),this.showYearPicker=!1},getDateInRange:function(t,e){return t=t||e,this.minDate&&t.getTime()this.maxDate.getTime()?this.maxDate:t},getYearClasses:function(t){return{"is-current-year":this.isYearCurrent(t),"is-selected":this.isYearSelected(t)}},isYearCurrent:function(t){return t===this.today.getFullYear()},isYearSelected:function(t){return this.value&&t===this.value.getFullYear()},isYearOutOfRange:function(t){return!!(this.minDate&&tthis.maxDate.getFullYear())},onDateSelect:function(t){this.$emit("input",t),this.$emit("date-select",t)},onGoToDate:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.$refs.month.goToDate(t,e)},onMonthChange:function(t){this.dateInView=t,this.$emit("month-change",t)}},components:{UiCalendarControls:n.a,UiCalendarMonth:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(11),s=i(6);e.a={name:"ui-calendar-controls",props:{lang:Object,dateInView:Date,minDate:Date,maxDate:Date},computed:{monthAndYear:function(){return s.a.getMonthFull(this.dateInView,this.lang)+" "+this.dateInView.getFullYear()},previousMonthDisabled:function(){if(!this.minDate)return!1;var t=s.a.clone(this.dateInView);return t.setDate(0),this.minDate.getTime()>t.getTime()},nextMonthDisabled:function(){if(!this.maxDate)return!1;var t=s.a.clone(this.dateInView);return t.setMonth(this.dateInView.getMonth()+1,1),this.maxDate.getTime()1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.$emit("go-to-date",t,e)}},components:{UiIcon:n.a,UiIconButton:o.a}}},function(t,e,i){"use strict";function n(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var o=i(139),s=i(6);e.a={name:"ui-calendar-month",props:{lang:Object,dateFilter:Function,dateInView:Date,selected:Date,maxDate:Date,minDate:Date,startOfWeek:{type:Number,default:0}},data:function(){return{dateOutOfView:s.a.clone(this.dateInView),isSliding:!1,slideDirection:"",isIE:Boolean(window.MSInputMethodContext)&&Boolean(document.documentMode),ieTimeout:null}},computed:{daysOfWeek:function(){var t=this.lang.days.initials.slice(this.startOfWeek);return 7===t.length?t:t.concat(this.lang.days.initials.slice(0,this.startOfWeek))},weekClasses:function(){return[n({},"ui-calendar-month--slide-"+this.slideDirection,this.isSliding),{"is-sliding":this.isSliding}]},currentWeekStartDates:function(){return this.getWeekStartDates(this.dateInView)},otherWeekStartDates:function(){return this.getWeekStartDates(this.dateOutOfView)}},methods:{getWeekStartDates:function(t){var e=s.a.clone(t);e.setDate(1),e=s.a.moveToDayOfWeek(e,this.startOfWeek);var i=s.a.clone(e);i.setDate(i.getDate()+7);for(var n=[e],o=i.getMonth();i.getMonth()===o;)n.push(s.a.clone(i)),i.setDate(i.getDate()+7);return n},goToDate:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.isSliding=!0,this.slideDirection=e.isForward?"left":"right",this.dateOutOfView=s.a.clone(t),this.isIE&&(this.ieTimeout=setTimeout(this.onTransitionEnd,300))},onDateSelect:function(t){this.$emit("date-select",t)},onTransitionEnd:function(){this.ieTimeout&&(clearTimeout(this.ieTimeout),this.ieTimeout=null,!this.isSliding)||(this.isSliding=!1,this.slideDirection="",this.$emit("change",s.a.clone(this.dateOutOfView)),this.$emit("transition-end"))}},components:{UiCalendarWeek:o.a}}},function(t,e,i){"use strict";var n=i(6);e.a={name:"ui-calendar-week",props:{month:Number,weekStart:Date,minDate:Date,maxDate:Date,selected:Date,dateFilter:Function,visible:{type:Boolean,default:!0}},data:function(){return{today:new Date}},computed:{dates:function(){return this.buildDays(this.weekStart)}},methods:{buildDays:function(t){for(var e=[n.a.clone(t)],i=n.a.clone(t),o=1;o<=6;o++)i=n.a.clone(i),i.setDate(i.getDate()+1),e.push(i);return e},getDateClasses:function(t){return[{"is-today":n.a.isSameDay(t,this.today)},{"is-in-other-month":this.isDateInOtherMonth(t)},{"is-selected":this.selected&&n.a.isSameDay(t,this.selected)},{"is-disabled":this.isDateDisabled(t)}]},selectDate:function(t){this.isDateDisabled(t)||this.$emit("date-select",t)},getDayOfMonth:function(t){return n.a.getDayOfMonth(t)},isDateInOtherMonth:function(t){return this.month!==t.getMonth()},isDateDisabled:function(t){var e=this.minDate&&n.a.isBefore(t,this.minDate)||this.maxDate&&n.a.isAfter(t,this.maxDate);return!!e||!!this.dateFilter&&!this.dateFilter(t)}}}},function(t,e,i){"use strict";var n=i(3);e.a={name:"ui-checkbox",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},boxPosition:{type:String,default:"left"},color:{type:String,default:"primary"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:i.i(n.b)(this.value,this.trueValue)||this.checked}},computed:{classes:function(){return["ui-checkbox--color-"+this.color,"ui-checkbox--box-position-"+this.boxPosition,{"is-checked":this.isChecked},{"is-active":this.isActive},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=i.i(n.b)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,i=t.target.checked;this.$emit("input",i?this.trueValue:this.falseValue,t),e!==i&&this.$emit("change",i?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,i){"use strict";var n=i(16),o=i(3);e.a={name:"ui-checkbox-group",props:{name:String,options:{type:Array,required:!0},value:{type:Array,required:!0},keys:{type:Object,default:function(){return{id:"id",name:"name",class:"class",label:"label",value:"value",disabled:"disabled"}}},label:String,color:{type:String,default:"primary"},boxPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,ignoreChange:!1,checkboxValues:[],initialValue:JSON.parse(JSON.stringify(this.value))}},computed:{classes:function(){return["ui-checkbox-group--color-"+this.color,"ui-checkbox-group--box-position-"+this.boxPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},methods:{reset:function(){var t=this;this.ignoreChange=!0,this.options.forEach(function(e,i){t.checkboxValues[i]=t.isOptionCheckedByDefault(e)}),this.ignoreChange=!1,this.$emit("input",this.initialValue.length>0?[].concat(this.initialValue):[])},isOptionCheckedByDefault:function(t){return i.i(o.c)(this.initialValue,t[this.keys.value]||t)>-1},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t,e){if(!this.ignoreChange){var n=t[0],s=t[1],r=[],a=e[this.keys.value]||e,l=i.i(o.c)(this.value,a);n&&l<0&&(r=this.value.concat(a)),!n&&l>-1&&(r=this.value.slice(0,l).concat(this.value.slice(l+1))),this.$emit("input",r),this.$emit("change",r,s)}}},components:{UiCheckbox:n.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-close-button",props:{size:{type:String,default:"normal"},color:{type:String,default:"black"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-close-button--size-"+this.size,"ui-close-button--color-"+this.color,{"is-disabled":this.disabled||this.loading}]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(22);e.a={name:"ui-collapsible",props:{open:{type:Boolean,default:!1},title:String,removeIcon:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isOpen:this.open,id:s.a.short("ui-collapsible-")}},computed:{classes:function(){return[{"is-open":this.isOpen},{"is-disabled":this.disabled}]}},watch:{open:function(){this.isOpen!==this.open&&(this.isOpen=this.open)}},mounted:function(){this.isOpen&&(this.$refs.bodyWrapper.style.maxHeight="none")},methods:{toggleCollapsible:function(){this.disabled||(this.isOpen=!this.isOpen)},onEnter:function(t){this.$emit("open"),t.style.maxHeight=t.scrollHeight+"px"},afterEnter:function(t){t.style.maxHeight="none"},beforeLeave:function(t){t.style.maxHeight=t.scrollHeight+"px",t.offsetHeight},onLeave:function(t){t.style.maxHeight=0,this.$emit("close")}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(7),o=i(12),s=i(5);e.a={name:"ui-confirm",props:{title:{type:String,default:"UiConfirm"},type:{type:String,default:"primary"},size:String,confirmButtonText:{type:String,default:"OK"},confirmButtonIcon:String,denyButtonText:{type:String,default:"Cancel"},denyButtonIcon:String,autofocus:{type:String,default:"deny-button"},closeOnConfirm:{type:Boolean,default:!0},dismissOn:String,transition:String,loading:{type:Boolean,default:!1}},computed:{confirmButtonColor:function(){var t={default:"default",primary:"primary",accent:"accent",success:"green",warning:"orange",danger:"red"};return t[this.type]}},methods:{open:function(){this.$refs.modal.open()},close:function(){this.$refs.modal.close()},confirm:function(){this.$emit("confirm"),this.closeOnConfirm&&this.$refs.modal.close()},deny:function(){this.$refs.modal.close(),this.$emit("deny")},onModalOpen:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(s.a.add(t,"has-focus-ring"),t.addEventListener("blur",this.removeAutoFocus),t.focus()),this.$emit("open")},onModalReveal:function(){this.$emit("reveal")},onModalClose:function(){this.$emit("close")},onModalHide:function(){this.$emit("hide")},removeAutoFocus:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(s.a.remove(t,"has-focus-ring"),t.removeEventListener("blur",this.removeAutoFocus))}},components:{UiButton:n.a,UiModal:o.a}}},function(t,e,i){"use strict";var n=i(7),o=i(15),s=i(1),r=i(12),a=i(4),l=i(6);e.a={name:"ui-datepicker",props:{name:String,value:[Date,String],tabindex:[String,Number],startOfWeek:{type:Number,default:0},minDate:Date,maxDate:Date,yearRange:Array,lang:{type:Object,default:function(){return l.a.defaultLang}},customFormatter:Function,dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"},pickerType:{type:String,default:"popover"},okButtonText:{type:String,default:"OK"},cancelButtonText:{type:String,default:"Cancel"},placeholder:String,icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},help:String,error:String,disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isTouched:!1,valueAtModalOpen:null,initialValue:JSON.stringify(this.value)}},computed:{date:function(){return"string"==typeof this.value?new Date(this.value):this.value},classes:function(){return["ui-datepicker--icon-position-"+this.iconPosition,"ui-datepicker--orientation-"+this.orientation,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return!this.date&&!this.isActive},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},displayText:function(){return this.date?this.customFormatter?this.customFormatter(this.date,this.lang):l.a.humanize(this.date,this.lang):""},hasDisplayText:function(){return Boolean(this.displayText.length)},submittedValue:function(){return this.date?this.date.getFullYear()+"-"+(1+this.date.getMonth())+"-"+this.date.getDate():""},usesPopover:function(){return"popover"===this.pickerType},usesModal:function(){return"modal"===this.pickerType}},mounted:function(){document.addEventListener("click",this.onExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.onExternalClick)},methods:{onDateSelect:function(t){this.$emit("input",t),this.closePicker()},openPicker:function(){this.disabled||this.$refs[this.usesModal?"modal":"popover"].open()},closePicker:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoBlur:!1};this.usesPopover&&this.$refs.popover.close(),t.autoBlur?this.isActive=!1:this.$refs.label.focus()},onClick:function(){this.usesModal&&!this.disabled&&this.$refs.modal.open()},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.usesPopover&&this.$refs.popover.isOpen()&&this.closePicker({autoBlur:!0})},onPickerOpen:function(){this.usesModal&&(this.valueAtModalOpen=this.date?l.a.clone(this.date):null),this.isActive=!0,this.$emit("open")},onPickerClose:function(){this.$emit("close"),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onPickerCancel:function(){this.$emit("input",this.valueAtModalOpen),this.$refs.modal.close()},onExternalClick:function(t){if(!this.disabled){var e=this.$el.contains(t.target)||this.$refs[this.usesPopover?"popover":"modal"].$el.contains(t.target);e||this.isActive&&(this.isActive=!1)}},focus:function(){this.$refs.label.focus()},clear:function(){this.$emit("input",null)},reset:function(){this.$emit("input",JSON.parse(this.initialValue))},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiButton:n.a,UiCalendar:o.a,UiIcon:s.a,UiModal:r.a,UiPopover:a.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9);e.a={name:"ui-fab",props:{size:{type:String,default:"normal"},color:{type:String,default:"default"},icon:String,ariaLabel:String,tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-fab--color-"+this.color,"ui-fab--size-"+this.size]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:n.a,UiRippleInk:o.a,UiTooltip:s.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-fileupload",props:{name:{type:String,required:!0},label:String,tabindex:[String,Number],accept:String,multiple:{type:Boolean,default:!1},required:{type:Boolean,default:!1},type:{type:String,default:"primary"},color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},iconPosition:{type:String,default:"left"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,renderInput:!0,hasSelection:!1,hasMultiple:!1,displayText:""}},computed:{classes:function(){return["ui-fileupload--type-"+this.type,"ui-fileupload--color-"+this.color,"ui-fileupload--icon-position-"+this.iconPosition,"ui-fileupload--size-"+this.size,{"is-active":this.isActive},{"is-multiple":this.hasMultiple},{"is-raised":this.raised},{"is-disabled":this.disabled}]},placeholder:function(){return this.label?this.label:this.multiple?"Choose files":"Choose a file"}},methods:{onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onInput:function(t){this.$emit("input",this.$refs.input.files,t)},onChange:function(t){this.updateDisplayText(t),this.$emit("change",this.$refs.input.files,t)},updateDisplayText:function(t){var e=void 0,i=this.$refs.input;e=i.files&&i.files.length>1?i.files.length+" files selected":t.target.value.split("\\").pop(),e&&(this.hasSelection=!0,this.displayText=e,this.hasMultiple=i.files.length>1)},focus:function(){this.$refs.input.focus()},openPicker:function(){this.$refs.input.click()},clear:function(){var t=this;this.renderInput=!1,this.$nextTick(function(){t.renderInput=!0})}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";e.a={name:"ui-focus-container",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,defualt:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(t,e){return this.containFocus?(t.stopPropagation(),this.focusRedirector?void this.focusRedirector(t,e):void(e.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus())):void this.$emit("focus-overflow",t,e)}}}},function(t,e,i){"use strict";e.a={name:"ui-icon",props:{icon:String,iconSet:{type:String,default:"material-icons"},ariaLabel:String,removeText:{type:Boolean,default:!1},useSvg:{type:Boolean,default:!1}}}},function(t,e,i){"use strict";var n=i(1),o=i(4),s=i(8),r=i(2),a=i(9);e.a={name:"ui-icon-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},icon:String,ariaLabel:String,loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-icon-button--type-"+this.type,"ui-icon-button--color-"+this.color,"ui-icon-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"primary"===this.type?"default"===this.color||"black"===this.color?"black":"white":"white"===this.color?"white":"black"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiRippleInk:r.a,UiTooltip:a.a}}},function(t,e,i){"use strict";var n=i(14),o=i(140);e.a={name:"ui-menu",props:{options:{type:Array,default:function(){return[]}},hasIcons:{type:Boolean,default:!1},iconProps:Object,hasSecondaryText:{type:Boolean,default:!1},containFocus:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{icon:"icon",type:"type",label:"label",secondaryText:"secondaryText",iconProps:"iconProps",disabled:"disabled",href:"href",target:"target"
-}}},disableRipple:{type:Boolean,default:!1},raised:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-raised":this.raised,"has-icons":this.hasIcons,"has-secondary-text":this.hasSecondaryText}}},methods:{selectOption:function(t){t.disabled||"divider"===t.type||(this.$emit("select",t),this.closeMenu())},closeMenu:function(){this.$emit("close")}},components:{UiFocusContainer:n.a,UiMenuOption:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-menu-option",props:{type:String,label:String,href:String,target:String,icon:String,iconProps:{type:Object,default:function(){return{}}},secondaryText:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-divider":this.isDivider,"is-disabled":this.disabled,"is-anchor":this.isAnchor}},isDivider:function(){return"divider"===this.type},isAnchor:function(){return!this.isDivider&&void 0!==this.href}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(10),o=i(14),s=i(5);e.a={name:"ui-modal",props:{title:{type:String,default:"UiModal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"normal"},role:{type:String,default:"dialog"},transition:{type:String,default:"scale-down"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["ui-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"ui-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var t=this;this.$nextTick(function(){t[t.isOpen?"onOpen":"onClose"]()})}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus()},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),s.a.add(document.body,"ui-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.returnFocus(),this.$emit("close")},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide");var t=this.decrementOpenModalCount();0===t&&s.a.remove(document.body,"ui-modal--is-open")},getOpenModalCount:function(){var t=document.body.getAttribute("data-ui-open-modals");return void 0===t?0:Number(t)},setOpenModalCount:function(t){var e=Math.max(0,t);return 0===e?document.body.removeAttribute("data-ui-open-modals"):document.body.setAttribute("data-ui-open-modals",e),e},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}},components:{UiCloseButton:n.a,UiFocusContainer:o.a}}},function(t,e,i){"use strict";var n=i(24),o=i(5),s=i(13),r=i(14);e.a={name:"ui-popover",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},closeOnScroll:{type:Boolean,default:!0},constrainToScrollParent:{type:Boolean,default:!0},containFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},focusRedirector:Function,offset:{type:[Number,String],default:0},openOn:{type:String,default:"click"},position:{type:String,default:"bottom-start"},raised:{type:Boolean,default:!0},trigger:{validator:function(t){return s.a.validate(t,'[UiPopover]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string which matches an existing element.')}}},data:function(){return{returnFocus:!0}},watch:{disabled:function(t){this.tip&&(t===!0?this.tip.disable():this.tip.enable())}},mounted:function(){this.tip=null,this.lastFocusedElement=null,this.setupPopover()},beforeDestroy:function(){this.destroyPopover()},methods:{setupPopover:function(){if(this.triggerEl=s.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiPopover]: Trigger element not found.");var t={animateFill:!1,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:0,duration:"none"===this.animation?0:250,hideOnClick:!0,interactive:!0,multiple:!0,offset:this.offset,onHidden:this.onHidden,onHide:this.onClose,onShow:this.onOpen,onShown:this.onShown,performance:!0,placement:this.position,shouldPopperHideOnBlur:function(){return!1},theme:"ui-popover",trigger:this.openOn.indexOf("hover")===-1?this.openOn:this.openOn.replace("hover","mouseenter")};this.constrainToScrollParent||(t.popperOptions={modifiers:{preventOverflow:{enabled:!1},hide:{enabled:!1}}}),this.appendToBody||(t.appendTo=this.triggerEl.parentNode),this.tip=n.a.one(this.triggerEl,t),this.disabled&&this.tip.disable()},destroyPopover:function(){this.tip&&(window.removeEventListener("scroll",this.onScroll),this.tip.destroy(),this.tip=null)},open:function(){this.tip&&this.tip.show()},close:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip.hide())},toggle:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip[this.tip.state.isVisible?"hide":"show"]())},isOpen:function(){return null!==this.tip&&this.tip.state.isVisible},onOpen:function(){this.closeOnScroll&&document.addEventListener("scroll",this.onScroll,!0),o.a.add(this.triggerEl,"has-dropdown-open"),this.$emit("open")},onShown:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),this.$emit("reveal")},onClose:function(){this.closeOnScroll&&document.removeEventListener("scroll",this.onScroll,!0),o.a.remove(this.triggerEl,"has-dropdown-open"),this.$emit("close")},onHidden:function(){this.lastFocusedElement&&this.returnFocus&&this.lastFocusedElement.focus(),this.$emit("hide"),this.returnFocus=!0},onScroll:function(t){this.isOpen()&&!this.$el.contains(t.target)&&this.close()}},components:{UiFocusContainer:r.a}}},function(t,e,i){"use strict";e.a={name:"ui-preloader",props:{show:{type:Boolean,required:!0}}}},function(t,e,i){"use strict";e.a={name:"ui-progress-circular",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0},size:{type:Number,default:32},stroke:Number,autoStroke:{type:Boolean,default:!0},disableTransition:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-progress-circular--color-"+this.color,"ui-progress-circular--type-"+this.type]},strokeDashArray:function(){var t=2*Math.PI*this.radius;return Math.round(1e3*t)/1e3},strokeDashOffset:function(){var t=this.moderateProgress(this.progress),e=2*Math.PI*this.radius;return(100-t)/100*e},radius:function(){var t=this.stroke?this.stroke:4;return(this.size-t)/2},calculatedStroke:function(){return this.stroke?this.stroke:this.autoStroke?parseInt(this.size/8,10):4}},methods:{moderateProgress:function(t){return isNaN(t)||t<0?0:t>100?100:t}}}},function(t,e,i){"use strict";e.a={name:"ui-progress-linear",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0}},computed:{classes:function(){return["ui-progress-linear--color-"+this.color,"ui-progress-linear--type-"+this.type]},moderatedProgress:function(){return this.progress<0?0:this.progress>100?100:this.progress}}}},function(t,e,i){"use strict";e.a={name:"ui-radio",props:{name:String,label:String,tabindex:[String,Number],value:{type:[Number,String],required:!0},trueValue:{type:[Number,String],required:!0},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},computed:{classes:function(){return["ui-radio--color-"+this.color,"ui-radio--button-position-"+this.buttonPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]},isChecked:function(){return String(this.value).length>0&&this.value==this.trueValue}},created:function(){this.checked&&this.$emit("input",this.trueValue)},methods:{focus:function(){this.$refs.input.focus()},toggleCheck:function(){this.disabled||this.$emit("input",this.trueValue)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t){this.$emit("change",this.isChecked,t)}}}},function(t,e,i){"use strict";var n=i(18);e.a={name:"ui-radio-group",props:{name:{type:String,required:!0},tabindex:[String,Number],label:String,options:{type:Array,required:!0},value:{type:[Number,String],required:!0},keys:{type:Object,default:function(){return{id:"id",class:"class",label:"label",value:"value",checked:"checked",disabled:"disabled"}}},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,initialValue:this.value,selectedOptionValue:this.value}},computed:{classes:function(){return["ui-radio-group--color-"+this.color,"ui-radio-group--button-position-"+this.buttonPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},watch:{selectedOptionValue:function(){this.$emit("input",this.selectedOptionValue),this.$emit("change",this.selectedOptionValue)},value:function(){this.selectedOptionValue=this.value}},methods:{reset:function(){this.$emit("input",this.initialValue)},isOptionCheckedByDefault:function(t){return this.initialValue==t[this.keys.value]||this.initialValue==t||t[this.keys.checked]},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}},components:{UiRadio:n.a}}},function(t,e,i){"use strict";var n=i(5),o=i(13),s=function(t,e){var i=e.currentTarget||e.target;if(i&&!n.a.has(i,"ui-ripple-ink")&&(i=i.querySelector(".ui-ripple-ink")),i){var o=i.getAttribute("data-ui-event");if(!o||o===t){i.setAttribute("data-ui-event",t);var s=i.getBoundingClientRect(),r=e.clientX-s.left,a=e.clientY-s.top,l=document.createElement("div"),u=void 0;u=s.width===s.height?1.412*s.width:Math.sqrt(s.width*s.width+s.height*s.height);var c=2*u+"px";l.style.width=c,l.style.height=c,l.style.marginLeft=-u+r+"px",l.style.marginTop=-u+a+"px",l.className="ui-ripple-ink__ink",i.appendChild(l),setTimeout(function(){n.a.add(l,"is-held")},0);var d="mousedown"===t?"mouseup":"touchend",p=function t(){document.removeEventListener(d,t),n.a.add(l,"is-done");var e=650;setTimeout(function(){i.removeChild(l),0===i.children.length&&i.removeAttribute("data-ui-event")},e)};document.addEventListener(d,p)}}},r=function(t){0===t.button&&s(t.type,t)},a=function(t){if(t.changedTouches)for(var e=0;e0?this.value.map(function(e){return e[t.keys.label]||e}).join(this.multipleDelimiter):"":this.value?this.value[this.keys.label]||this.value:""},hasDisplayText:function(){return Boolean(this.displayText.length)},hasNoResults:function(){return!this.loading&&0!==this.query.length&&(this.disableFilter?this.noResults:0===this.filteredOptions.length)},submittedValue:function(){var t=this;if(this.name&&this.value)return Array.isArray(this.value)?this.value.map(function(e){return e[t.keys.value]||e}).join(","):this.value[this.keys.value]||this.value}},watch:{filteredOptions:function(){this.highlightedIndex=0,i.i(u.a)(this.$refs.optionsList)},query:function(){this.$emit("query-change",this.query)}},created:function(){this.value&&""!==this.value||this.setValue(null)},mounted:function(){this.addExternalClickListener(this.$el,this.onExternalClick)},beforeDestroy:function(){this.removeExternalClickListener()},methods:{setValue:function(t){t=t?t:this.multiple?[]:"",this.$emit("input",t),this.$emit("change",t)},highlightOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{autoScroll:!0};if(this.highlightedIndex!==t&&0!==this.$refs.options.length){var i=0,n=this.$refs.options.length-1;tn&&(t=i),this.highlightedIndex=t,e.autoScroll&&this.scrollOptionIntoView(this.$refs.options[t].$el)}},selectHighlighted:function(t,e){this.$refs.options.length>0&&(e.preventDefault(),this.selectOption(this.$refs.options[t].option,t))},selectOption:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{autoClose:!0},n=this.multiple&&!this.isOptionSelected(t);this.multiple?this.updateOption(t,{select:n}):(this.setValue(t),this.selectedIndex=e),this.$emit("select",t,{selected:!this.multiple||n}),this.highlightedIndex=e,this.multiple||this.clearQuery(),!this.multiple&&i.autoClose&&this.closeDropdown()},isOptionSelected:function(t){return this.multiple?i.i(l.c)(this.value,t)>-1:i.i(l.b)(this.value,t)},updateOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{select:!0},n=[],o=!1,s=i.i(l.c)(this.value,t);e.select&&s<0&&(n=this.value.concat(t),o=!0),!e.select&&s>-1&&(n=this.value.slice(0,s).concat(this.value.slice(s+1)),o=!0),o&&this.setValue(n)},defaultFilter:function(t,e){var i=t[this.keys.label]||t;return"string"==typeof i&&(i=i.toLowerCase()),d()(e.toLowerCase(),i)},clearSelection:function(){this.setValue(null)},clearQuery:function(){this.query=""},focus:function(){this.$refs.label.focus()},toggleDropdown:function(){this.$refs.dropdown.toggle()},openDropdown:function(){this.disabled||(this.$refs.dropdown.open(),this.isActive||(this.isActive=!0))},closeDropdown:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoBlur:!1};this.$refs.dropdown.close(),this.isTouched||(this.isTouched=!0,this.$emit("touch")),t.autoBlur?this.isActive=!1:this.$refs.label.focus()},onFocus:function(t){this.isActive||(this.isActive=!0,this.$emit("focus",t))},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.$refs.dropdown.isOpen()&&this.closeDropdown({autoBlur:!0})},onOpen:function(){var t=this;this.$refs.dropdown.$el.style.width=this.$refs.label.getBoundingClientRect().width+"px",this.$nextTick(function(){t.scrollOptionIntoView(t.$refs.optionsList.querySelector(".is-selected"))}),this.$emit("dropdown-open")},onReveal:function(){this.$refs[this.hasSearch?"searchInput":"dropdownContent"].focus()},onClose:function(){this.highlightedIndex=this.multiple?-1:this.selectedIndex,this.$emit("dropdown-close")},onExternalClick:function(){this.$refs.dropdown.isOpen()?this.closeDropdown({autoBlur:!0}):this.isActive&&(this.isActive=!1)},scrollOptionIntoView:function(t){i.i(u.b)(t,{container:this.$refs.optionsList,marginTop:180})},reset:function(){this.setValue(JSON.parse(this.initialValue)),this.clearQuery(),this.resetTouched(),this.selectedIndex=-1,this.highlightedIndex=-1},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiSelectOption:r.a},mixins:[a.a]}},function(t,e,i){"use strict";var n=i(1);e.a={name:"ui-select-option",props:{option:{type:[String,Object],required:!0},type:{type:String,default:"basic"},multiple:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{class:"class",label:"label",image:"image"}}}},computed:{classes:function(){return["ui-select-option--type-"+this.type,this.option[this.keys.class],{"is-highlighted":this.highlighted},{"is-selected":this.selected}]},imageStyle:function(){return{"background-image":"url("+this.option[this.keys.image]+")"}}},components:{UiIcon:n.a}}},function(t,e,i){"use strict";var n=i(1),o=i(5),s=i(91);e.a={name:"ui-slider",props:{name:String,tabindex:[String,Number],icon:String,value:{type:Number,required:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:10},snapToSteps:{type:Boolean,default:!1},showMarker:{type:Boolean,default:!1},markerValue:[String,Number],disabled:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isDragging:!1,thumbSize:0,trackLength:0,trackOffset:0,localValue:this.value}},computed:{classes:function(){return[{"is-dragging":this.isDragging},{"is-disabled":this.disabled},{"is-active":this.isActive},{"has-icon":this.hasIcon},{"has-marker":this.showMarker}]},hasIcon:function(){return Boolean(this.$slots.icon)||Boolean(this.icon)},fillStyle:function(){return{transform:"scaleX("+this.relativeValue(this.localValue)+")"}},thumbStyle:function(){return{transform:"translateX("+(this.relativeValue(this.localValue)*this.trackLength-this.thumbSize/2)+"px)"}},markerText:function(){return void 0===this.markerValue?this.value:this.markerValue},snapPoints:function(){for(var t=[],e=this.step*Math.ceil(this.moderatedMin/this.step);e<=this.moderatedMax;)t.push(e),e+=this.step;return t},moderatedMin:function(){return this.max>this.min?this.min:0},moderatedMax:function(){return this.max>this.min?this.max:100}},watch:{value:function(){this.setValue(this.value)},isDragging:function(){var t=this.isDragging?"add":"remove";o.a[t](document.body,"ui-slider--is-dragging")}},mounted:function(){this.initializeSlider()},beforeDestroy:function(){this.teardownSlider()},methods:{focus:function(){this.$el.focus()},reset:function(){this.setValue(this.initialValue)},onFocus:function(){this.isActive=!0,this.$emit("focus")},onBlur:function(){this.isActive=!1,this.$emit("blur")},onExternalClick:function(t){this.$el.contains(t.target)||this.onBlur()},setValueWithSnap:function(t){t=this.getEdge(t),this.snapToSteps&&(t=this.getNearestSnapPoint(t)),this.setValue(t)},setValue:function(t){t=this.getEdge(t),t!==this.localValue&&(this.localValue=t,this.$emit("input",t),this.$emit("change",t))},incrementValue:function(){this.setValueWithSnap(this.localValue+this.step)},decrementValue:function(){this.setValueWithSnap(this.localValue-this.step)},getTrackOffset:function(){for(var t=this.$refs.track,e=t.offsetLeft;t.offsetParent;)t=t.offsetParent,e+=t.offsetLeft;return e},getPointStyle:function(t){return{left:t+"%"}},refreshSize:function(){this.thumbSize=this.$refs.thumb.offsetWidth,this.trackLength=this.$refs.track.offsetWidth,this.trackOffset=this.getTrackOffset(this.$refs.track)},initializeSlider:function(){var t=this;document.addEventListener("touchend",this.onDragStop),document.addEventListener("mouseup",this.onDragStop),document.addEventListener("click",this.onExternalClick),this.$on("window-resize",function(){t.refreshSize(),t.isDragging=!1}),this.refreshSize(),this.initializeDrag()},teardownSlider:function(){document.removeEventListener("touchend",this.onDragStop),document.removeEventListener("mouseup",this.onDragStop),document.removeEventListener("click",this.onExternalClick)},initializeDrag:function(){var t=this.getEdge(this.localValue?this.localValue:0);this.setValue(t)},onDragStart:function(t){this.disabled||(this.isActive||this.onFocus(),this.isDragging=!0,this.dragUpdate(t),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("mousemove",this.onDragMove),this.$emit("dragstart",this.localValue,t))},onDragMove:function(t){this.dragUpdate(t)},dragUpdate:function(t){var e=t.touches?t.touches[0].pageX:t.pageX,i=(e-this.trackOffset)/this.trackLength,n=this.getEdge(this.moderatedMin+i*(this.moderatedMax-this.moderatedMin));this.isDragging&&this.setValue(Math.round(n))},onDragStop:function(t){this.isDragging&&(this.isDragging=!1,this.snapToSteps&&this.value%this.step!==0&&this.setValueWithSnap(this.value),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("mousemove",this.onDragMove),this.$emit("dragend",this.localValue,t))},getNearestSnapPoint:function(t){var e=Math.floor(t/this.step)*this.step,i=e+this.step,n=(e+i)/2;return ethis.moderatedMax?t:i:t>=n&&i<=this.moderatedMax?i:e},relativeValue:function(t){return(t-this.moderatedMin)/(this.moderatedMax-this.moderatedMin)},getEdge:function(t){return tthis.moderatedMax?this.moderatedMax:t}},components:{UiIcon:n.a},mixins:[s.a]}},function(t,e,i){"use strict";var n=i(7);e.a={name:"ui-snackbar",props:{message:String,action:String,actionColor:{type:String,default:"accent"},transition:{type:String,default:"slide"}},computed:{transitionName:function(){return"ui-snackbar--transition-"+this.transition}},methods:{onClick:function(){this.$emit("click")},onActionClick:function(){this.$emit("action-click")},onEnter:function(){this.$emit("show")},onLeave:function(){this.$emit("hide")}},components:{UiButton:n.a}}},function(t,e,i){"use strict";var n=i(19);e.a={name:"ui-snackbar-container",props:{queueSnackbars:{type:Boolean,default:!1},duration:{type:Number,default:5e3},allowHtml:{type:Boolean,default:!1},position:{type:String,default:"left"},transition:{type:String,default:"slide"}},data:function(){return{queue:[],snackbarTimeout:null}},computed:{classes:function(){return["ui-snackbar-container--position-"+this.position]}},beforeDestroy:function(){this.resetTimeout()},methods:{createSnackbar:function(t){return t.show=!1,t.duration=t.duration||this.duration,this.queue.push(t),1===this.queue.length?this.showNextSnackbar():void(this.queueSnackbars||(this.queue[0].show=!1))},showNextSnackbar:function(){return 0===this.queue.length?void this.$emit("queue-end"):void(this.queue[0].show=!0)},onShow:function(t){var e=this;0===this.queue.indexOf(t)&&(this.snackbarTimeout=setTimeout(function(){e.queue[0].show=!1},t.duration),this.$emit("snackbar-show",t),this.callHook("onShow",t))},onHide:function(t,e){this.resetTimeout(),this.queueSnackbars||1===this.queue.length?this.queue.splice(e,1):this.queue.splice(e,this.queue.length-1),this.$emit("snackbar-hide",t),this.callHook("onHide",t),this.showNextSnackbar()},onClick:function(t){t.show=!1,this.callHook("onClick",t)},onActionClick:function(t){this.callHook("onActionClick",t)},callHook:function(t,e){"function"==typeof e[t]&&e[t].call(void 0,e)},resetTimeout:function(){clearTimeout(this.snackbarTimeout),this.snackbarTimeout=null}},components:{UiSnackbar:n.a}}},function(t,e,i){"use strict";var n=i(3);e.a={name:"ui-switch",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},switchPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:i.i(n.b)(this.value,this.trueValue)||this.checked,initialValue:this.value}},computed:{classes:function(){return["ui-switch--color-"+this.color,"ui-switch--switch-position-"+this.switchPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=i.i(n.b)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,i=t.target.checked;this.$emit("input",i?this.trueValue:this.falseValue,t),e!==i&&this.$emit("change",i?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,i){"use strict";var n=i(22);e.a={name:"ui-tab",props:{id:{type:String,default:function(){return n.a.short("ui-tab-")}},title:String,selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},watch:{disabled:function(){this.$parent.onTabDisabledChange(this)}},created:function(){this.$parent.addTab(this)},beforeDestroy:function(){this.$parent.removeTab(this)},methods:{activate:function(){this.isActive=!0,this.$emit("select",this.id)},deactivate:function(){this.isActive=!1,this.$emit("deselect",this.id)}}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-tab-header-item",components:{UiIcon:n.a,UiRippleInk:o.a},props:{id:String,type:{type:String,default:"text"},title:String,active:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-tab-header-item--type-"+this.type,{"is-active":this.active},{"is-disabled":this.disabled}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type},hasText:function(){return"text"===this.type||"icon-and-text"===this.type}}}},function(t,e,i){"use strict";var n=i(92),o=i(142);e.a={name:"ui-tabs",components:{Render:n.a,UiTabHeaderItem:o.a},props:{type:{type:String,default:"text"},confirmTabChange:Function,backgroundColor:{type:String,default:"default"},textColor:{type:String,default:"black"},textColorActive:{type:String,default:"primary"},indicatorColor:{type:String,default:"primary"},fullwidth:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1}},data:function(){return{tabs:[],activeTabId:null,activeTabIndex:-1}},computed:{classes:function(){return["ui-tabs--type-"+this.type,"ui-tabs--text-color-"+this.textColor,"ui-tabs--text-color-active-"+this.textColorActive,"ui-tabs--background-color-"+this.backgroundColor,"ui-tabs--indicator-color-"+this.indicatorColor,{"is-raised":this.raised},{"is-fullwidth":this.fullwidth}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type}},watch:{activeTabId:function(){var t=this;this.tabs.forEach(function(e,i){t.activeTabId===e.id?(e.activate(),t.activeTabIndex=i):e.isActive&&e.deactivate()})}},methods:{addTab:function(t){this.tabs.push(t),(null===this.activeTabId||t.selected)&&(this.activeTabId=t.id)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&(this.tabs.splice(e,1),t.id===this.activeTabId&&this.selectTab(this.findNearestTab()))},onTabDisabledChange:function(t){t.disabled&&this.activeTabId===t.id&&this.selectTab(this.findNearestTab())},onTabClick:function(t,e){this.$emit("tab-click",t,e),this.selectTab(t)},selectTab:function(t){null===t||t.disabled||t.id===this.activeTabId||this.confirmTabChange&&!this.confirmTabChange(this.tabs[this.activeTabIndex],t)||(this.activeTabId=t.id,this.$emit("tab-change",t))},selectNextTab:function(){var t=this.findNextTab();t&&(this.selectTab(t),t.$el.focus())},selectPreviousTab:function(){var t=this.findPreviousTab();t&&(this.selectTab(t),t.$el.focus())},findNextTab:function(){for(var t=null,e=this.activeTabIndex+1;e=0;e--)if(this.$refs.tabHeaders[e]&&!this.$refs.tabHeaders[e].disabled){t=this.$refs.tabHeaders[e];break}return t},findNearestTab:function(){return this.findPreviousTab()||this.findNextTab()},findTabById:function(t){for(var e=0;e0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched},refreshSize:function(){this.autosizeInitialized&&r.a.update(this.$refs.textarea)},focus:function(){(this.$refs.input||this.$refs.textarea).focus()}},components:{UiIcon:o.a},directives:{autofocus:n.a}}},function(t,e,i){"use strict";var n=i(11),o=i(17);e.a={name:"ui-toolbar",props:{type:{type:String,default:"default"},textColor:{type:String,default:"black"},title:String,brand:String,removeBrandDivider:{type:Boolean,default:!1},navIcon:{type:String,default:"menu"},removeNavIcon:{type:Boolean,default:!1},raised:{type:Boolean,default:!0},progressPosition:{type:String,default:"bottom"},loading:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-toolbar--type-"+this.type,"ui-toolbar--text-color-"+this.textColor,"ui-toolbar--progress-position-"+this.progressPosition,{"is-raised":this.raised}]},progressColor:function(){return"black"===this.textColor?"primary":"white"},hasBrandDivider:function(){return!this.removeBrandDivider&&(this.brand||this.$slots.brand)}},methods:{navIconClick:function(){this.$emit("nav-icon-click")}},components:{UiIconButton:n.a,UiProgressLinear:o.a}}},function(t,e,i){"use strict";var n=i(24),o=i(13);e.a={name:"ui-tooltip",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},openDelay:{type:Number,default:0},openOn:{type:String,default:"mouseenter focus"},position:{type:String,default:"bottom"},trigger:{validator:function(t){return o.a.validate(t,'[UiTooltip]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string.')}}},mounted:function(){if(this.triggerEl=o.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiTooltip]: Trigger element not found.");var t={animateFill:"fade"!==this.animation,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:4,duration:"none"===this.animation?0:250,multiple:!0,performance:!0,placement:this.position,theme:"ui-tooltip",trigger:this.openOn.indexOf("hover")===-1?this.openOn:this.openOn.replace("hover","mouseenter")};this.appendToBody||(t.appendTo=this.triggerEl.parentNode),this.tip=n.a.one(this.triggerEl,t)},beforeDestroy:function(){this.tip&&(this.tip.destroy(),this.tip=null)}}},function(t,e){document.addEventListener("DOMContentLoaded",function(){var t=!1,e=["input:not([type])","input[type=text]","input[type=number]","input[type=date]","input[type=time]","input[type=datetime]","textarea","[role=textbox]","[supports-modality=keyboard]"].join(","),i=void 0,n=function(){var t=document.body;return t.matchesSelector?t.matchesSelector:t.webkitMatchesSelector?t.webkitMatchesSelector:t.mozMatchesSelector?t.mozMatchesSelector:t.msMatchesSelector?t.msMatchesSelector:void console.error("Couldn't find any matchesSelector method on document.body.")}(),o=function(){var t="body:not([modality=keyboard]) :focus { outline: none; }",e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",i.id="disable-focus-ring",i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e.insertBefore(i,e.firstChild)},s=function(t){var i=!1;return n&&(i=n.call(t,e)&&n.call(t,":not([readonly])")),i};o(),document.body.addEventListener("keydown",function(){t=!0,i&&clearTimeout(i),i=setTimeout(function(){t=!1},100)},!0),document.body.addEventListener("focus",function(e){(t||s(e.target))&&document.body.setAttribute("modality","keyboard")},!0),document.body.addEventListener("blur",function(){document.body.removeAttribute("modality")},!0)})},function(t,e,i){"use strict";e.a={beforeDestroy:function(){"function"==typeof this.externalClickListener&&this.removeExternalClickListener()},methods:{addExternalClickListener:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.$el,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.externalClickListener=function(n){e.contains(n.target)||("function"==typeof i?i(n):t.$emit("external-click",n))},document.addEventListener("click",this.externalClickListener)},removeExternalClickListener:function(){document.removeEventListener("click",this.externalClickListener),this.externalClickListener=null}}}},function(t,e,i){"use strict";var n=i(135),o=i.n(n);e.a={data:function(){return{windowResizeListener:null}},mounted:function(){var t=this;this.windowResizeListener=o()(function(){t.$emit("window-resize")},200),window.addEventListener("resize",this.windowResizeListener)},beforeDestroy:function(){window.removeEventListener("resize",this.windowResizeListener)}}},function(t,e,i){"use strict";e.a={name:"render",functional:!0,props:["nodes"],render:function(t,e){return t("div",{class:"ui-render"},e.props.nodes)}}},function(t,e,i){"use strict";function n(t){return!!t&&"object"==typeof t}function o(t){var e=Object.prototype.toString.call(t);return"[object RegExp]"===e||"[object Date]"===e||s(t)}function s(t){return t.$$typeof===f}function r(t){return Array.isArray(t)?[]:{}}function a(t,e){var i=!e||e.clone!==!1;return i&&d(t)?c(r(t),t,e):t}function l(t,e,i){return t.concat(e).map(function(t){return a(t,i)})}function u(t,e,i){var n={};return d(t)&&Object.keys(t).forEach(function(e){n[e]=a(t[e],i)}),Object.keys(e).forEach(function(o){d(e[o])&&t[o]?n[o]=c(t[o],e[o],i):n[o]=a(e[o],i)}),n}function c(t,e,i){var n=Array.isArray(e),o=Array.isArray(t),s=i||{arrayMerge:l},r=n===o;if(r){if(n){var c=s.arrayMerge||l;return c(t,e,i)}return u(t,e,i)}return a(e,i)}var d=function(t){return n(t)&&!o(t)},p="function"==typeof Symbol&&Symbol.for,f=p?Symbol.for("react.element"):60103;c.all=function(t,e){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(t,i){return c(t,i,e)},{})};var h=c;e.a=h},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,i){(function(e){function i(t,e,i){function o(e){var i=v,n=m;return v=m=void 0,C=e,b=t.apply(n,i)}function s(t){return C=t,y=setTimeout(c,e),S?o(t):b}function l(t){var i=t-x,n=t-C,o=e-i;return E?w(o,g-n):o}function u(t){var i=t-x,n=t-C;return void 0===x||i>=e||i<0||E&&n>=g}function c(){var t=k();return u(t)?d(t):void(y=setTimeout(c,l(t)))}function d(t){return y=void 0,T&&v?o(t):(v=m=void 0,b)}function p(){void 0!==y&&clearTimeout(y),C=0,v=x=m=y=void 0}function f(){return void 0===y?b:d(k())}function h(){var t=k(),i=u(t);if(v=arguments,m=this,x=t,i){if(void 0===y)return s(x);if(E)return y=setTimeout(c,e),o(x)}return void 0===y&&(y=setTimeout(c,e)),b}var v,m,g,b,y,x,C=0,S=!1,E=!1,T=!0;if("function"!=typeof t)throw new TypeError(a);return e=r(e)||0,n(i)&&(S=!!i.leading,E="maxWait"in i,g=E?_(r(i.maxWait)||0,e):g,T="trailing"in i?!!i.trailing:T),h.cancel=p,h.flush=f,h}function n(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function o(t){return!!t&&"object"==typeof t}function s(t){return"symbol"==typeof t||o(t)&&y.call(t)==u}function r(t){if("number"==typeof t)return t;if(s(t))return l;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var i=p.test(t);return i||f.test(t)?h(t.slice(2),i?2:8):d.test(t)?l:+t}var a="Expected a function",l=NaN,u="[object Symbol]",c=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,f=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof e&&e&&e.Object===Object&&e,m="object"==typeof self&&self&&self.Object===Object&&self,g=v||m||Function("return this")(),b=Object.prototype,y=b.toString,_=Math.max,w=Math.min,k=function(){return g.Date.now()};t.exports=i}).call(e,i(25))},function(t,e,i){"use strict";function n(t){i(101)}var o=i(50),s=i(150),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(119)}var o=i(53),s=i(168),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(134)}var o=i(54),s=i(183),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(105)}var o=i(55),s=i(154),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(113)}var o=i(68),s=i(162),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(129)}var o=i(78),s=i(178),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(110)}var o=i(84),s=i(159),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-radio-group",class:t.classes},[t.label||t.$slots.default?i("div",{staticClass:"ui-radio-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-radio-group__radios"},t._l(t.options,function(e){return i("ui-radio",{key:e[t.keys.id],staticClass:"ui-radio-group__radio",class:e[t.keys.class],attrs:{"button-position":t.buttonPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name,tabindex:t.tabindex,"true-value":e[t.keys.value]||e},on:{blur:t.onBlur,focus:t.onFocus},model:{value:t.selectedOptionValue,callback:function(e){t.selectedOptionValue=e},expression:"selectedOptionValue"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-radio-group__feedback"},[t.showError?i("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-slider",class:t.classes,attrs:{role:"slider","aria-valuemax":t.moderatedMax,"aria-valuemin":t.moderatedMin,"aria-valuenow":t.localValue,tabindex:t.disabled?null:t.tabindex||"0"},on:{blur:t.onBlur,focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:(e.preventDefault(),t.incrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),t.incrementValue(e)):null}]}},[t.name?i("input",{staticClass:"ui-slider__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.value}}):t._e(),t._v(" "),t.hasIcon?i("div",{staticClass:"ui-slider__icon"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{ref:"track",staticClass:"ui-slider__track",on:{mousedown:t.onDragStart,touchstart:t.onDragStart}},[i("div",{staticClass:"ui-slider__track-background"},t._l(t.snapPoints,function(e){return t.snapToSteps?i("span",{staticClass:"ui-slider__snap-point",style:{left:100*t.relativeValue(e)+"%"}}):t._e()}),0),t._v(" "),i("div",{staticClass:"ui-slider__track-fill",style:t.fillStyle}),t._v(" "),i("div",{ref:"thumb",staticClass:"ui-slider__thumb",style:t.thumbStyle},[t.showMarker?i("div",{staticClass:"ui-slider__marker"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"36",height:"36"}},[i("path",{attrs:{d:"M11 .5c-1.7.2-3.4.9-4.7 2-1.1.9-2 2-2.5 3.2-1.2 2.4-1.2 5.1-.1 7.7 1.1 2.6 2.8 5 5.3 7.5 1.2 1.2 2.8 2.7 3 2.7 0 0 .3-.2.6-.5 3.2-2.7 5.6-5.6 7.1-8.5.8-1.5 1.1-2.6 1.3-3.8.2-1.4 0-2.9-.5-4.3-1.2-3.2-4.1-5.4-7.5-5.8-.5-.2-1.5-.2-2-.2z"}})]),t._v(" "),i("span",{staticClass:"ui-slider__marker-text"},[t._v(t._s(t.markerText))])]):t._e()])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.disableAnimation?null:"ui-alert--transition-toggle"}},[i("div",{staticClass:"ui-alert",class:t.classes,attrs:{role:"alert"}},[i("div",{staticClass:"ui-alert__body"},[t.removeIcon?t._e():i("div",{staticClass:"ui-alert__icon"},[t._t("icon",["info"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 9V6.984h-1.97V9h1.97zm0 8.016v-6h-1.97v6h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"success"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm2.016-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"warning"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 14.016v-4.03h-1.97v4.03h1.97zm0 3.984v-2.016h-1.97V18h1.97zm-12 3L12 2.016 23.016 21H.986z"}})])]):t._e(),t._v(" "),"error"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 12.984v-6h-1.97v6h1.97zm0 4.032V15h-1.97v2.016h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e()])],2),t._v(" "),i("div",{staticClass:"ui-alert__content"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"ui-alert__dismiss-button"},[t.dismissible?i("ui-close-button",{attrs:{size:"small"},on:{click:t.dismissAlert}}):t._e()],1)])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-snackbar-container",class:t.classes},t._l(t.queue,function(e,n){return i("ui-snackbar",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"snackbar.show"}],key:n,attrs:{"action-color":e.actionColor,action:e.action,message:e.message,transition:t.transition},on:{"action-click":function(i){t.onActionClick(e)},click:function(i){t.onClick(e)},hide:function(i){t.onHide(e,n)},show:function(i){t.onShow(e)}}},[t.allowHtml?i("div",{domProps:{innerHTML:t._s(e.message)}}):t._e()])}),1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar",class:t.classes},[i("div",{staticClass:"ui-calendar__header"},[i("div",{staticClass:"ui-calendar__header-year",class:{"is-active":t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!0},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!0):null}}},[t._v(t._s(t.headerYear))]),t._v(" "),i("div",{staticClass:"ui-calendar__header-details",class:{"is-active":!t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!1},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!1):null}}},[i("span",{staticClass:"ui-calendar__header-day"},[t._v(t._s(t.headerDay)+", ")]),t._v(" "),i("span",{staticClass:"ui-calendar__header-date"},[t._v(t._s(t.headerDate))])])]),t._v(" "),i("div",{staticClass:"ui-calendar__body"},[i("ul",{directives:[{name:"show",rawName:"v-show",value:t.showYearPicker,expression:"showYearPicker"}],ref:"years",staticClass:"ui-calendar__years"},t._l(t.yearRange,function(e){return t.isYearOutOfRange(e)?t._e():i("li",{staticClass:"ui-calendar__year",class:t.getYearClasses(e),attrs:{tabindex:"0"},on:{click:function(i){t.selectYear(e)},keydown:function(i){return"button"in i||!t._k(i.keyCode,"enter",13,i.key,"Enter")?void t.selectYear(e):null}}},[t._v(t._s(e))])}),0),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.showYearPicker,expression:"!showYearPicker"}]},[i("ui-calendar-controls",{ref:"controls",attrs:{"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate},on:{"go-to-date":t.onGoToDate}}),t._v(" "),i("ui-calendar-month",{ref:"month",attrs:{"date-filter":t.dateFilter,"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,selected:t.value,"start-of-week":t.startOfWeek},on:{change:t.onMonthChange,"date-select":t.onDateSelect}})],1),t._v(" "),t.$slots.footer?i("div",{staticClass:"ui-calendar__footer"},[t._t("footer")],2):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-radio",class:t.classes,on:{click:t.toggleCheck}},[i("div",{staticClass:"ui-radio__input-wrapper"},[i("input",{ref:"input",staticClass:"ui-radio__input",attrs:{type:"radio",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.checked,value:t.trueValue},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus}}),t._v(" "),i("div",{staticClass:"ui-radio__focus-ring"}),t._v(" "),i("span",{staticClass:"ui-radio__outer-circle"}),t._v(" "),i("span",{staticClass:"ui-radio__inner-circle"})]),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-radio__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"ui-progress-linear--transition-fade"}},[i("div",{staticClass:"ui-progress-linear",class:t.classes},["determinate"===t.type?i("div",{staticClass:"ui-progress-linear__progress-bar is-determinate",style:{transform:"scaleX("+t.moderatedProgress/100+")"},attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.moderatedProgress}}):i("div",{staticClass:"ui-progress-linear__progress-bar is-indeterminate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0}})])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-autocomplete-suggestion",class:t.classes},[t._t("default",["simple"===t.type?i("div",{staticClass:"ui-autocomplete-suggestion__simple"},[t._v("\n "+t._s(t.suggestion[t.keys.label]||t.suggestion)+"\n ")]):t._e(),t._v(" "),"image"===t.type?i("div",{staticClass:"ui-autocomplete-suggestion__image"},[i("div",{staticClass:"ui-autocomplete-suggestion__image-object",style:t.imageStyle}),t._v(" "),i("div",{staticClass:"ui-autocomplete-suggestion__image-text"},[t._v(t._s(t.suggestion[t.keys.label]))])]):t._e()])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-tabs",class:t.classes},[i("div",{staticClass:"ui-tabs__header"},[i("ul",{staticClass:"ui-tabs__header-items",attrs:{role:"tablist"}},t._l(t.tabs,function(e){return i("ui-tab-header-item",{key:e.id,ref:"tabHeaders",refInFor:!0,attrs:{active:t.activeTabId===e.id,"disable-ripple":t.disableRipple,disabled:e.disabled,id:e.id,title:e.title,type:t.type},nativeOn:{click:function(i){t.onTabClick(e,i)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:t.selectPreviousTab(e):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:t.selectNextTab(e):null}]}},[e.$slots.header?i("render",{attrs:{nodes:e.$slots.header}}):t.hasIcon&&Boolean(e.$slots.icon)?i("render",{attrs:{slot:"icon",nodes:e.$slots.icon},slot:"icon"}):t._e()],1)}),1)]),t._v(" "),i("div",{staticClass:"ui-tabs__body"},[t._t("default")],2)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-preloader",class:{"is-loading":t.show}},[i("div",{staticClass:"ui-preloader__progressbar",attrs:{role:"progressbar","aria-busy":!!t.show&&"true"}})])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("span",{staticClass:"ui-icon",class:[t.iconSet,t.icon],attrs:{"aria-label":t.ariaLabel}},[t.useSvg?i("svg",{staticClass:"ui-icon__svg"},[i("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+t.icon}})]):t._t("default",[t._v(t._s(t.removeText?null:t.icon))])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar-week"},t._l(t.dates,function(e,n){return i("div",{key:n,staticClass:"ui-calendar-week__date",class:t.getDateClasses(e),attrs:{tabindex:t.visible&&!t.isDateDisabled(e)?0:null},on:{click:function(i){t.selectDate(e)},keydown:function(i){return"button"in i||!t._k(i.keyCode,"enter",13,i.key,"Enter")?void t.selectDate(e):null}}},[t._v("\n "+t._s(t.getDayOfMonth(e))+"\n ")])}),0)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-menu",class:t.classes,attrs:{role:"menu",tag:"ul",lazy:"","contain-focus":t.containFocus}},t._l(t.options,function(e,n){return i("ui-menu-option",{key:n,attrs:{"disable-ripple":t.disableRipple,disabled:e[t.keys.disabled],href:e[t.keys.href],"icon-props":t.iconProps||e[t.keys.iconProps],icon:t.hasIcons?e[t.keys.icon]:null,label:"divider"===e[t.keys.type]?null:e[t.keys.label]||e,"secondary-text":t.hasSecondaryText?e[t.keys.secondaryText]:null,target:e[t.keys.target],type:e[t.keys.type]},nativeOn:{click:function(i){t.selectOption(e)},keydown:[function(i){return"button"in i||!t._k(i.keyCode,"enter",13,i.key,"Enter")?void t.selectOption(e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeMenu(e):null}]}},[t._t("option",null,{option:e})],2)}),1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-popover",class:{"is-raised":t.raised},attrs:{role:"dialog","contain-focus":t.containFocus,"focus-redirector":t.focusRedirector},on:{"focus-overflow":t.close},nativeOn:{keydown:function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.close(e):null}}},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"ui-fab",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip},on:{click:t.onClick}},[t.icon||t.$slots.default?i("div",{staticClass:"ui-fab__icon"},[t._t("default",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("span",{staticClass:"ui-fab__focus-ring"}),t._v(" "),t.disableRipple?t._e():i("ui-ripple-ink"),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-modal",{ref:"modal",staticClass:"ui-confirm",attrs:{role:"alertdialog","dismiss-on":t.dismissOn,dismissible:!t.loading,title:t.title,transition:t.transition,size:t.size},on:{close:t.onModalClose,hide:t.onModalHide,open:t.onModalOpen,reveal:t.onModalReveal}},[i("div",{staticClass:"ui-confirm__message"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"ui-confirm__footer",attrs:{slot:"footer"},slot:"footer"},[i("ui-button",{ref:"confirmButton",attrs:{color:t.confirmButtonColor,icon:t.confirmButtonIcon,loading:t.loading},on:{click:t.confirm}},[t._v(t._s(t.confirmButtonText))]),t._v(" "),i("ui-button",{ref:"denyButton",attrs:{disabled:t.loading,icon:t.denyButtonIcon},on:{click:t.deny}},[t._v(t._s(t.denyButtonText))])],1)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-tab-header-item",class:t.classes,attrs:{role:"tab","aria-controls":t.id,"aria-selected":t.active?"true":null,disabled:t.disabled,tabindex:t.active?0:-1}},[t._t("default",[t.hasIcon?i("div",{staticClass:"ui-tab-header-item__icon"},[t._t("icon")],2):t._e(),t._v(" "),t.hasText?i("div",{staticClass:"ui-tab-header-item__text"},[t._v(t._s(t.title))]):t._e()]),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-select",class:t.classes},[t.name?i("input",{staticClass:"ui-select__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}):t._e(),t._v(" "),t.icon||t.$slots.icon?i("div",{staticClass:"ui-select__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-select__content"},[i("div",{ref:"label",staticClass:"ui-select__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null}]}},[t.label||t.$slots.default?i("div",{staticClass:"ui-select__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-select__display"},[i("div",{staticClass:"ui-select__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),i("ui-icon",{staticClass:"ui-select__dropdown-button"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])])],1),t._v(" "),i("ui-popover",{ref:"dropdown",staticClass:"ui-select__dropdown",attrs:{"constrain-to-scroll-parent":!1,disabled:t.disabled},on:{close:t.onClose,open:t.onOpen,reveal:t.onReveal}},[i("div",{ref:"dropdownContent",staticClass:"ui-select__dropdown-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),e.stopPropagation(),void t.selectHighlighted(t.highlightedIndex,e)):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.preventDefault(),void t.closeDropdown()):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex-1)):null}]}},[t.hasSearch?i("div",{staticClass:"ui-select__search",on:{click:function(t){t.stopPropagation()},keydown:function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?void e.stopPropagation():null}}},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"searchInput",staticClass:"ui-select__search-input",attrs:{autocomplete:"off",type:"text",placeholder:t.searchPlaceholder},domProps:{value:t.query},on:{input:function(e){e.target.composing||(t.query=e.target.value)}}}),t._v(" "),i("ui-icon",{staticClass:"ui-select__search-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zm6 0l4.97 4.97-1.5 1.5-4.97-4.97v-.797l-.28-.282c-1.126.984-2.626 1.547-4.22 1.547-3.61 0-6.516-2.86-6.516-6.47S5.906 3 9.516 3s6.47 2.906 6.47 6.516c0 1.594-.564 3.094-1.548 4.22l.28.28h.798z"}})])]),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-select__search-progress",attrs:{size:20,stroke:4}}):t._e()],1):t._e(),t._v(" "),i("ul",{ref:"optionsList",staticClass:"ui-select__options"},[t._l(t.filteredOptions,function(e,n){return i("ui-select-option",{key:n,ref:"options",refInFor:!0,attrs:{highlighted:t.highlightedIndex===n,keys:t.keys,multiple:t.multiple,option:e,selected:t.isOptionSelected(e),type:t.type},nativeOn:{click:function(i){i.stopPropagation(),t.selectOption(e,n)},mouseover:function(e){e.stopPropagation(),t.highlightOption(n,{autoScroll:!1})}}},[t._t("option",null,{highlighted:t.highlightedIndex===n,index:n,option:e,
-selected:t.isOptionSelected(e)})],2)}),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.hasNoResults,expression:"hasNoResults"}],staticClass:"ui-select__no-results"},[t._t("no-results",[t._v("No results found")])],2)],2)])])],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-select__feedback"},[t.showError?i("div",{staticClass:"ui-select__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-select__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.transitionName},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[i("div",{staticClass:"ui-snackbar",on:{click:t.onClick}},[i("div",{staticClass:"ui-snackbar__message"},[t._t("default",[t._v(t._s(t.message))])],2),t._v(" "),i("div",{staticClass:"ui-snackbar__action"},[t.action?i("ui-button",{staticClass:"ui-snackbar__action-button",attrs:{type:"secondary",color:t.actionColor},on:{click:function(e){return e.stopPropagation(),t.onActionClick(e)}}},[t._v(t._s(t.action))]):t._e()],1)])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"li",{tag:"component",staticClass:"ui-menu-option",class:t.classes,attrs:{role:"menu-item",href:t.isAnchor?t.disabled?null:t.href:null,tabindex:t.isDivider||t.isAnchor||t.disabled?null:"0",target:t.isAnchor?t.disabled?null:t.target:null}},[t.isDivider?t._e():t._t("default",[i("div",{staticClass:"ui-menu-option__content"},[t.icon?i("ui-icon",{staticClass:"ui-menu-option__icon",attrs:{"icon-set":t.iconProps.iconSet,icon:t.icon,"remove-text":t.iconProps.removeText,"use-svg":t.iconProps.useSvg}}):t._e(),t._v(" "),i("div",{staticClass:"ui-menu-option__text"},[t._v(t._s(t.label))]),t._v(" "),t.secondaryText?i("div",{staticClass:"ui-menu-option__secondary-text"},[t._v("\n "+t._s(t.secondaryText)+"\n ")]):t._e()],1)]),t._v(" "),t.disabled||t.isDivider||t.disableRipple?t._e():i("ui-ripple-ink")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.toggleTransition},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],staticClass:"ui-modal ui-modal__mask",class:t.classes,attrs:{role:t.role},on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[i("div",{staticClass:"ui-modal__wrapper",class:{"has-dummy-scrollbar":t.preventShift},style:t.alignTopStyle,on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.stopPropagation(),t.onEsc(e)):null}}},[t.removeHeader?t._e():i("div",{staticClass:"ui-modal__header"},[t._t("header",[i("h1",{staticClass:"ui-modal__header-text"},[t._v(t._s(t.title))])]),t._v(" "),i("div",{staticClass:"ui-modal__close-button"},[t.dismissOnCloseButton&&!t.removeCloseButton&&t.dismissible?i("ui-close-button",{on:{click:t.close}}):t._e()],1)],2),t._v(" "),i("div",{staticClass:"ui-modal__body"},[t._t("default")],2),t._v(" "),t.hasFooter?i("div",{staticClass:"ui-modal__footer"},[t._t("footer")],2):t._e()])],1)])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-ripple-ink"})},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-button",class:t.classes,attrs:{disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[i("div",{staticClass:"ui-button__content"},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-button__icon"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),t._t("default"),t._v(" "),t.hasDropdown&&"right"!==t.iconPosition?i("ui-icon",{staticClass:"ui-button__dropdown-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],2),t._v(" "),i("div",{staticClass:"ui-button__focus-ring"}),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-button__progress",attrs:{"disable-transition":"",color:t.progressColor,size:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink"),t._v(" "),t.hasDropdown?i("ui-popover",{ref:"dropdown",attrs:{"contain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.tag,{tag:"component",staticClass:"ui-focus-container"},[t.renderRedirector?i("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!1})}}}):t._e(),t._v(" "),i("div",{ref:"content",staticClass:"ui-focus-container__content",attrs:{tabindex:"-1"}},[t._t("default")],2),t._v(" "),!t.disabled&&t.containFocus?i("span",{ref:"lastFocusable",staticClass:"ui-focus-container__last-focusable",attrs:{tabindex:"-1"}}):t._e(),t._v(" "),t.renderRedirector?i("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!0})}}}):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-tooltip"},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar-controls"},[i("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_left",type:"secondary",disabled:t.previousMonthDisabled},on:{click:t.goToPreviousMonth}},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z"}})])])],1),t._v(" "),i("div",{staticClass:"ui-calendar-controls__month-and-year"},[t._v(t._s(t.monthAndYear))]),t._v(" "),i("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_right",type:"secondary",disabled:t.nextMonthDisabled},on:{click:t.goToNextMonth}},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M8.578 16.36l4.594-4.595L8.578 7.17l1.406-1.405 6 6-6 6z"}})])])],1)],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-datepicker",class:t.classes},[i("input",{staticClass:"ui-datepicker__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}),t._v(" "),t.icon||t.$slots.icon?i("div",{staticClass:"ui-datepicker__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-datepicker__content"},[i("div",{ref:"label",staticClass:"ui-datepicker__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{click:t.onClick,focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.openPicker(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.openPicker(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null}]}},[t.label||t.$slots.default?i("div",{staticClass:"ui-datepicker__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-datepicker__display"},[i("div",{staticClass:"ui-datepicker__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),t.usesPopover&&!t.disabled?i("ui-icon",{staticClass:"ui-datepicker__dropdown-button"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],1),t._v(" "),t.usesPopover?i("ui-popover",{directives:[{name:"show",rawName:"v-show",value:!t.disabled,expression:"!disabled"}],ref:"popover",attrs:{"contain-focus":""},on:{close:t.onPickerClose,open:t.onPickerOpen}},[i("ui-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek},on:{"date-select":t.onDateSelect}})],1):t._e()],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-datepicker__feedback"},[t.showError?i("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()]),t._v(" "),t.usesModal&&!t.disabled?i("ui-modal",{ref:"modal",attrs:{"remove-header":""},on:{close:t.onPickerClose,open:t.onPickerOpen}},[i("ui-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek},on:{"date-select":t.onDateSelect}},[i("div",{staticClass:"ui-datepicker__modal-buttons",attrs:{slot:"footer"},slot:"footer"},[i("ui-button",{attrs:{type:"secondary",color:t.color},on:{click:function(e){t.$refs.modal.close()}}},[t._v(t._s(t.okButtonText))]),t._v(" "),i("ui-button",{attrs:{type:"secondary",color:t.color},on:{click:t.onPickerCancel}},[t._v(t._s(t.cancelButtonText))])],1)])],1):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-checkbox",class:t.classes},[i("input",{ref:"input",staticClass:"ui-checkbox__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-checkbox__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-checkbox__checkmark"},[i("div",{staticClass:"ui-checkbox__focus-ring"})])}],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-checkbox-group",class:t.classes},[t.label||t.$slots.default?i("div",{staticClass:"ui-checkbox-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-checkbox-group__checkboxes"},t._l(t.options,function(e,n){return i("ui-checkbox",{key:e[t.keys.id],staticClass:"ui-checkbox-group__checkbox",class:e[t.keys.class],attrs:{"box-position":t.boxPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name||e[t.keys.name]},on:{blur:t.onBlur,change:function(i){t.onChange(arguments,e)},focus:t.onFocus},model:{value:t.checkboxValues[n],callback:function(e){t.$set(t.checkboxValues,n,e)},expression:"checkboxValues[index]"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-checkbox-group__feedback"},[t.showError?i("div",{staticClass:"ui-checkbox-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-checkbox-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"ui-close-button",class:t.classes,attrs:{"aria-label":"Close",type:"button",disabled:t.disabled},on:{click:t.onClick}},[i("div",{staticClass:"ui-close-button__icon"},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])])],1),t._v(" "),i("span",{staticClass:"ui-close-button__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.disableTransition?null:"ui-progress-circular--transition-fade"}},[i("div",{staticClass:"ui-progress-circular",class:t.classes,style:{width:t.size+"px",height:t.size+"px"}},["determinate"===t.type?i("svg",{staticClass:"ui-progress-circular__determinate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.progress,height:t.size,width:t.size}},[i("circle",{staticClass:"ui-progress-circular__determinate-path",style:{"stroke-dashoffset":t.strokeDashOffset,"stroke-width":t.calculatedStroke},attrs:{fill:"transparent","stroke-dashoffset":"0",cx:t.size/2,cy:t.size/2,r:t.radius,"stroke-dasharray":t.strokeDashArray}})]):i("svg",{staticClass:"ui-progress-circular__indeterminate",attrs:{role:"progressbar",viewBox:"25 25 50 50","aria-valuemax":100,"aria-valuemin":0}},[i("circle",{staticClass:"ui-progress-circular__indeterminate-path",attrs:{cx:"50",cy:"50",fill:"none",r:"20","stroke-miterlimit":"10","stroke-width":t.calculatedStroke}})])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-autocomplete",class:t.classes},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-autocomplete__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-autocomplete__content"},[i("label",{staticClass:"ui-autocomplete__label"},[t.label||t.$slots.default?i("div",{staticClass:"ui-autocomplete__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("ui-icon",{directives:[{name:"show",rawName:"v-show",value:!t.disabled&&t.valueLength>0,expression:"!disabled && valueLength > 0"}],staticClass:"ui-autocomplete__clear-button",attrs:{title:"Clear"},nativeOn:{click:function(e){t.updateValue("")}}},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])]),t._v(" "),i("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-autocomplete__input",attrs:{autocomplete:"off",disabled:t.disabled,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly?t.readonly:null,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void t.selectHighlighted(t.highlightedIndex,e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex-1)):null}]}}),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.showDropdown,expression:"showDropdown"}],staticClass:"ui-autocomplete__suggestions"},t._l(t.matchingSuggestions,function(e,n){return i("ui-autocomplete-suggestion",{key:n,ref:"suggestions",refInFor:!0,attrs:{highlighted:t.highlightedIndex===n,keys:t.keys,suggestion:e,type:t.type},nativeOn:{click:function(i){t.selectSuggestion(e)}}},[t._t("suggestion",null,{highlighted:t.highlightedIndex===n,index:n,suggestion:e})],2)}),1)],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-autocomplete__feedback"},[t.showError?i("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isActive,expression:"isActive"}],staticClass:"ui-tab",attrs:{role:"tabpanel","aria-hidden":t.isActive?null:"true",id:t.id,tabindex:t.isActive?"0":null}},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-fileupload",class:t.classes},[t.renderInput?i("input",{ref:"input",staticClass:"ui-fileupload__input",attrs:{type:"file",accept:t.accept,disabled:t.disabled,multiple:t.multiple,name:t.name,required:t.required,tabindex:t.tabindex},on:{blur:t.onBlur,input:t.onInput,change:t.onChange,focus:t.onFocus}}):t._e(),t._v(" "),i("div",{staticClass:"ui-fileupload__content"},[i("div",{staticClass:"ui-fileupload__icon"},[t._t("icon",[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M5.016 18h13.969v2.016H5.016V18zM9 15.984v-6H5.016L12 3l6.984 6.984H15v6H9z"}})])])])],2),t._v(" "),t.hasSelection?i("span",{staticClass:"ui-fileupload__display-text"},[t._v(t._s(t.displayText))]):t._t("default",[t._v(t._s(t.placeholder))])],2),t._v(" "),i("div",{staticClass:"ui-fileupload__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-icon-button",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip,disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[t.icon||t.$slots.default?i("div",{staticClass:"ui-icon-button__icon"},[t._t("default",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-icon-button__focus-ring"}),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-icon-button__progress",attrs:{color:t.progressColor,size:"large"===t.size?24:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink"),t._v(" "),t.hasDropdown?i("ui-popover",{ref:"dropdown",attrs:{"constain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-select-option",class:t.classes},[t._t("default",["basic"===t.type?i("div",{staticClass:"ui-select-option__basic"},[t._v("\n "+t._s(t.option[t.keys.label]||t.option)+"\n ")]):t._e(),t._v(" "),"image"===t.type?i("div",{staticClass:"ui-select-option__image"},[i("div",{staticClass:"ui-select-option__image-object",style:t.imageStyle}),t._v(" "),i("div",{staticClass:"ui-select-option__image-text"},[t._v(t._s(t.option[t.keys.label]))])]):t._e(),t._v(" "),t.multiple?i("div",{staticClass:"ui-select-option__checkbox"},[t.selected?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm9-14.016C20.11 3 21 3.938 21 5.016v13.97C21 20.062 20.11 21 18.984 21H5.014C3.89 21 3 20.064 3 18.986V5.015C3 3.94 3.89 3 5.014 3h13.97z"}})])]):i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 3C20.062 3 21 3.938 21 5.016v13.97C21 20.062 20.062 21 18.984 21H5.014C3.938 21 3 20.064 3 18.986V5.015C3 3.94 3.936 3 5.014 3h13.97zm0 2.016H5.014v13.97h13.97V5.015z"}})])])],1):t._e()])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-textbox",class:t.classes},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-textbox__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-textbox__content"},[i("label",{staticClass:"ui-textbox__label"},[t.multiLine?i("textarea",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"textarea",staticClass:"ui-textbox__textarea",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,maxlength:t.enforceMaxlength?t.maxlength:null,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,rows:t.rows,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}):i("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-textbox__input",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,max:t.maxValue,maxlength:t.enforceMaxlength?t.maxlength:null,min:t.minValue,name:t.name,number:"number"===t.type||null,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,step:t.stepValue,tabindex:t.tabindex,type:t.type},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-textbox__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e()]),t._v(" "),t.hasFeedback||t.maxlength?i("div",{staticClass:"ui-textbox__feedback"},[t.showError?i("div",{staticClass:"ui-textbox__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-textbox__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e(),t._v(" "),t.maxlength?i("div",{staticClass:"ui-textbox__counter"},[t._v("\n "+t._s(t.valueLength+"/"+t.maxlength)+"\n ")]):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-toolbar",class:t.classes},[i("div",{staticClass:"ui-toolbar__left"},[t.removeNavIcon?t._e():i("div",{staticClass:"ui-toolbar__nav-icon"},[t._t("icon",[i("ui-icon-button",{attrs:{size:"large",type:"secondary",color:t.textColor,icon:t.navIcon},on:{click:t.navIconClick}})])],2),t._v(" "),t.brand||t.$slots.brand?i("div",{staticClass:"ui-toolbar__brand"},[t._t("brand",[i("div",{staticClass:"ui-toolbar__brand-text"},[t._v(t._s(t.brand))])])],2):t._e()]),t._v(" "),i("div",{staticClass:"ui-toolbar__body",class:{"has-brand-divider":t.hasBrandDivider}},[t._t("default",[t.title?i("div",{staticClass:"ui-toolbar__title"},[t._v(t._s(t.title))]):t._e()])],2),t._v(" "),i("div",{staticClass:"ui-toolbar__right"},[t._t("actions")],2),t._v(" "),i("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],staticClass:"ui-toolbar__progress",attrs:{color:t.progressColor}})],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-switch",class:t.classes},[i("div",{staticClass:"ui-switch__input-wrapper"},[i("input",{ref:"input",staticClass:"ui-switch__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),i("div",{staticClass:"ui-switch__track"})]),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-switch__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-switch__thumb"},[i("div",{staticClass:"ui-switch__focus-ring"})])}],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-collapsible",class:t.classes},[i("div",{staticClass:"ui-collapsible__header",attrs:{"aria-controls":t.id,"aria-expanded":t.isOpen?"true":"false",tabindex:t.disabled?null:0},on:{click:t.toggleCollapsible,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.toggleCollapsible(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.toggleCollapsible(e)):null}]}},[i("div",{staticClass:"ui-collapsible__header-content"},[t._t("header",[t._v(t._s(t.title))])],2),t._v(" "),t.removeIcon?t._e():i("ui-icon",{staticClass:"ui-collapsible__header-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M7.406 7.828L12 12.422l4.594-4.594L18 9.234l-6 6-6-6z"}})])]),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1),t._v(" "),i("transition",{on:{enter:t.onEnter,"after-enter":t.afterEnter,"before-leave":t.beforeLeave,leave:t.onLeave}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],ref:"bodyWrapper",staticClass:"ui-collapsible__body-wrapper",attrs:{"aria-hidden":t.isOpen?null:"true",id:t.id}},[i("div",{staticClass:"ui-collapsible__body"},[t._t("default")],2)])])],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar-month"},[i("div",{staticClass:"ui-calendar-month__header"},t._l(t.daysOfWeek,function(e){return i("span",[t._v(t._s(e))])}),0),t._v(" "),i("div",{ref:"current",staticClass:"ui-calendar-month__week is-current",class:t.weekClasses,on:{transitionend:t.onTransitionEnd}},t._l(t.currentWeekStartDates,function(e,n){return i("ui-calendar-week",{key:n,attrs:{"date-filter":t.dateFilter,"max-date":t.maxDate,"min-date":t.minDate,month:t.currentWeekStartDates[1].getMonth(),selected:t.selected,"week-start":e},on:{"date-select":t.onDateSelect}})}),1),t._v(" "),i("div",{ref:"other",staticClass:"ui-calendar-month__week is-other",class:t.weekClasses},t._l(t.otherWeekStartDates,function(e,n){return i("ui-calendar-week",{key:n,attrs:{"max-date":t.maxDate,"min-date":t.minDate,month:t.otherWeekStartDates[1].getMonth(),selected:t.selected,visible:!1,"week-start":e},on:{"date-select":t.onDateSelect}})}),1)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(i(26),i(27)),o=i(3),s=i(28),r=i(29),a=i(7),l=i(15),u=i(16),c=i(30),d=i(10),p=i(31),f=i(32),h=i(33),v=i(34),m=i(35),g=i(1),b=i(11),y=i(36),_=i(12),w=i(4),k=i(37),x=i(8),C=i(17),S=i(18),E=i(38),T=i(2),D=i(39),O=i(40),$=i(19),B=i(41),L=i(42),F=i(43),A=i(44),M=i(45),I=i(46),P=i(9);i.d(e,"UiAlert",function(){return s.a}),i.d(e,"UiAutocomplete",function(){return r.a}),i.d(e,"UiButton",function(){return a.a}),i.d(e,"UiCalendar",function(){return l.a}),i.d(e,"UiCheckbox",function(){return u.a}),i.d(e,"UiCheckboxGroup",function(){return c.a}),i.d(e,"UiCloseButton",function(){return d.a}),i.d(e,"UiCollapsible",function(){return p.a}),i.d(e,"UiConfirm",function(){return f.a}),i.d(e,"UiDatepicker",function(){return h.a}),i.d(e,"UiFab",function(){return v.a}),i.d(e,"UiFileupload",function(){return m.a}),i.d(e,"UiIcon",function(){return g.a}),i.d(e,"UiIconButton",function(){return b.a}),i.d(e,"UiMenu",function(){return y.a}),i.d(e,"UiModal",function(){return _.a}),i.d(e,"UiPopover",function(){return w.a}),i.d(e,"UiPreloader",function(){return k.a}),i.d(e,"UiProgressCircular",function(){return x.a}),i.d(e,"UiProgressLinear",function(){return C.a}),i.d(e,"UiRadio",function(){return S.a}),i.d(e,"UiRadioGroup",function(){return E.a}),i.d(e,"UiRippleInk",function(){return T.a}),i.d(e,"UiSelect",function(){return D.a}),i.d(e,"UiSlider",function(){return O.a}),i.d(e,"UiSnackbar",function(){return $.a}),i.d(e,"UiSnackbarContainer",function(){return B.a}),i.d(e,"UiSwitch",function(){return L.a}),i.d(e,"UiTab",function(){return F.a}),i.d(e,"UiTabs",function(){return A.a}),i.d(e,"UiTextbox",function(){return M.a}),i.d(e,"UiToolbar",function(){return I.a}),i.d(e,"UiTooltip",function(){return P.a});var V={UiAlert:s.a,UiAutocomplete:r.a,UiButton:a.a,UiCalendar:l.a,UiCheckbox:u.a,UiCheckboxGroup:c.a,UiCloseButton:d.a,UiCollapsible:p.a,UiConfirm:f.a,UiDatepicker:h.a,UiFab:v.a,UiFileupload:m.a,UiIcon:g.a,UiIconButton:b.a,UiMenu:y.a,UiModal:_.a,UiPopover:w.a,UiPreloader:k.a,UiProgressCircular:x.a,UiProgressLinear:C.a,UiRadio:S.a,UiRadioGroup:E.a,UiRippleInk:T.a,UiSelect:D.a,UiSlider:O.a,UiSnackbar:$.a,UiSnackbarContainer:B.a,UiSwitch:L.a,UiTab:F.a,UiTabs:A.a,UiTextbox:M.a,UiToolbar:I.a,UiTooltip:P.a};V.install=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(e).forEach(function(t){if(i.i(o.a)(t,"Ui")){if(void 0===V[t])return;var s=V[t],r=e[t];i.i(n.a)(s,r)}}),Object.keys(V).forEach(function(e){if(i.i(o.a)(e,"Ui")){var n=V[e];t.component(n.name,n)}})},"undefined"!=typeof window&&window.Vue&&window.Vue.use(V,window.KeenUiConfig),e.default=V}])});
\ No newline at end of file
+!function(i,r){o=[e,t],n=r,s="function"==typeof n?n.apply(e,o):n,!(void 0!==s&&(t.exports=s))}(this,function(t,e){"use strict";function i(t){function e(){var e=window.getComputedStyle(t,null);"vertical"===e.resize?t.style.resize="none":"both"===e.resize&&(t.style.resize="horizontal"),l="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(l)&&(l=0),a()}function i(e){var i=t.style.width;t.style.width="0px",t.offsetWidth,t.style.width=i,t.style.overflowY=e}function n(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return e}function o(){var e=t.style.height,i=n(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="auto";var s=t.scrollHeight+l;return 0===t.scrollHeight?void(t.style.height=e):(t.style.height=s+"px",u=t.clientWidth,i.forEach(function(t){t.node.scrollTop=t.scrollTop}),void(o&&(document.documentElement.scrollTop=o)))}function a(){o();var e=Math.round(parseFloat(t.style.height)),n=window.getComputedStyle(t,null),s=Math.round(parseFloat(n.height));if(s!==e?"visible"!==n.overflowY&&(i("visible"),o(),s=Math.round(parseFloat(window.getComputedStyle(t,null).height))):"hidden"!==n.overflowY&&(i("hidden"),o(),s=Math.round(parseFloat(window.getComputedStyle(t,null).height))),c!==s){c=s;var a=r("autosize:resized");try{t.dispatchEvent(a)}catch(t){}}}if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!s.has(t)){var l=null,u=t.clientWidth,c=null,d=function(){t.clientWidth!==u&&a()},p=function(e){window.removeEventListener("resize",d,!1),t.removeEventListener("input",a,!1),t.removeEventListener("keyup",a,!1),t.removeEventListener("autosize:destroy",p,!1),t.removeEventListener("autosize:update",a,!1),Object.keys(e).forEach(function(i){t.style[i]=e[i]}),s.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",p,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",a,!1),window.addEventListener("resize",d,!1),t.addEventListener("input",a,!1),t.addEventListener("autosize:update",a,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",s.set(t,{destroy:p,update:a}),e()}}function n(t){var e=s.get(t);e&&e.destroy()}function o(t){var e=s.get(t);e&&e.update()}var s="function"==typeof Map?new Map:function(){var t=[],e=[];return{has:function(e){return t.indexOf(e)>-1},get:function(i){return e[t.indexOf(i)]},set:function(i,n){t.indexOf(i)===-1&&(t.push(i),e.push(n))},delete:function(i){var n=t.indexOf(i);n>-1&&(t.splice(n,1),e.splice(n,1))}}}(),r=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(t){r=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}var a=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(a=function(t){return t},a.destroy=function(t){return t},a.update=function(t){return t}):(a=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return i(t,e)}),t},a.destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],n),t},a.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.exports=a})},function(t,e,i){"use strict";var n=i(10),o=i(1);e.a={name:"ui-alert",props:{type:{type:String,default:"info"},removeIcon:{type:Boolean,default:!1},disableAnimation:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0}},computed:{classes:function(){return["ui-alert--type-"+this.type,{"has-no-transition":this.disableAnimation}]}},methods:{dismissAlert:function(){this.$emit("dismiss")}},components:{UiCloseButton:n.a,UiIcon:o.a}}},function(t,e,i){"use strict";var n=i(20),o=i(143),s=i(1),r=i(25),a=i.n(r);e.a={name:"ui-autocomplete",props:{name:String,placeholder:String,tabindex:[String,Number],value:{type:[String,Number],default:""},icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},help:String,error:String,readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{type:String,default:"simple"},suggestions:{type:Array,default:function(){return[]}},limit:{type:Number,default:8},append:{type:Boolean,default:!1},appendDelimiter:{type:String,default:", "},minChars:{type:Number,default:2},showOnUpDown:{type:Boolean,default:!0},autofocus:{type:Boolean,default:!1},filter:Function,sort:Function,highlightOnFirstMatch:{type:Boolean,default:!0},cycleHighlight:{type:Boolean,default:!0},keys:{type:Object,default:function(){return{label:"label",value:"value",image:"image"}}},invalid:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isTouched:!1,showDropdown:!1,highlightedIndex:-1}},computed:{classes:function(){return["ui-autocomplete--type-"+this.type,"ui-autocomplete--icon-position-"+this.iconPosition,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return 0===this.valueLength&&!this.isActive},valueLength:function(){return this.value?this.value.length:0},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},matchingSuggestions:function(){var t=this,e=this.suggestions.filter(function(e){if(t.filter)return t.filter(e,t.value,t.defaultFilter);var i=null===t.value?"":t.value;return t.defaultFilter(e,i)});return this.sort&&e.sort(this.sort.bind(this)),e.slice(0,this.limit)}},watch:{value:function(){this.isActive&&this.valueLength>=this.minChars&&this.openDropdown(),this.highlightedIndex=this.highlightOnFirstMatch?0:-1}},created:function(){null===this.value&&(this.initialValue="",this.updateValue(""))},mounted:function(){document.addEventListener("click",this.onExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.onExternalClick)},methods:{defaultFilter:function(t,e){var i=t[this.keys.label]||t;return"string"==typeof e&&(e=e.toLowerCase()),a()(e,i.toLowerCase())},selectSuggestion:function(t){var e=this,i=void 0;this.append?i+=this.appendDelimiter+(t[this.keys.value]||t):i=t[this.keys.value]||t,this.updateValue(i),this.$emit("select",t),this.$nextTick(function(){e.closeDropdown(),e.$refs.input.focus()})},highlightSuggestion:function(t){var e=0,i=this.$refs.suggestions.length-1;t===-2?t=i:ti&&(t=this.cycleHighlight?e:-1),this.highlightedIndex=t,this.showOnUpDown&&this.openDropdown(),ti?this.$emit("highlight-overflow",t):this.$emit("highlight",this.$refs.suggestions[t].suggestion,t)},selectHighlighted:function(t,e){this.showDropdown&&this.$refs.suggestions.length>0&&(e.preventDefault(),this.selectSuggestion(this.$refs.suggestions[t].suggestion))},focus:function(){this.$refs.input.focus()},openDropdown:function(){this.showDropdown||(this.showDropdown=!0,this.$emit("dropdown-open"))},closeDropdown:function(){var t=this;this.showDropdown&&this.$nextTick(function(){t.showDropdown=!1,t.highlightedIndex=-1,t.$emit("dropdown-close")})},updateValue:function(t){this.$emit("input",t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onChange:function(t){this.$emit("change",this.value,t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(t){!this.$el.contains(t.target)&&this.showDropdown&&this.closeDropdown()},reset:function(){document.isActiveElement===this.$refs.input&&document.isActiveElement.blur(),this.updateValue(this.initialValue),this.isTouched=!1}},components:{UiAutocompleteSuggestion:o.a,UiIcon:s.a},directives:{autofocus:n.a}}},function(t,e,i){"use strict";e.a={name:"ui-autocomplete-suggestion",props:{suggestion:{type:[String,Object],required:!0},type:{type:String,default:"simple"},highlighted:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{label:"label",image:"image"}}}},computed:{classes:function(){return["ui-autocomplete-suggestion--type-"+this.type,{"is-highlighted":this.highlighted}]},imageStyle:function(){return{"background-image":"url("+this.suggestion[this.keys.image]+")"}}}}},function(t,e,i){"use strict";var n=i(1),o=i(5),s=i(8),r=i(2),a=i(9);e.a={name:"ui-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},icon:String,iconPosition:{type:String,default:"left"},loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-button--type-"+this.type,"ui-button--color-"+this.color,"ui-button--icon-position-"+this.iconPosition,"ui-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-raised":this.raised},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"default"===this.color||"secondary"===this.type?"black":"white"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiRippleInk:r.a,UiTooltip:a.a}}},function(t,e,i){"use strict";var n=i(27),o=i(28),s=i(3);e.a={name:"ui-calendar",props:{color:{type:String,default:"default"},dateFilter:Function,lang:{type:Object,default:function(){return s.a.defaultLang}},maxDate:Date,minDate:Date,raised:{type:Boolean,default:!1},startOfWeek:{type:Number,default:0},squareCells:{type:Boolean,default:!1},value:Date,yearRange:{type:Array,default:function(){var t=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(e,i){return t-100+i})}}},data:function(){return{today:new Date,dateInView:this.value||new Date}},computed:{classes:function(){return["ui-calendar--color-"+this.color,{"is-raised":this.raised}]}},watch:{value:function(){this.value&&(this.dateInView=s.a.clone(this.value))}},methods:{onDateSelect:function(t){this.$emit("input",t),this.$emit("date-select",t)},onMonthChange:function(t){this.dateInView=t,this.$emit("month-change",t)},goToDate:function(t){this.$refs.month.goToDate(t)}},components:{UiCalendarControls:n.a,UiCalendarMonth:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(11),s=i(3);e.a={name:"ui-calendar-controls",props:{color:{type:String,default:"default"},lang:Object,dateInView:Date,minDate:Date,maxDate:Date,yearRange:{type:Array,required:!0}},computed:{classes:function(){return["ui-calendar-controls--color-"+this.color]},monthAndYear:function(){return s.a.getMonthFull(this.dateInView,this.lang)+" "+this.dateInView.getFullYear()},previousMonthDisabled:function(){var t=s.a.clone(this.dateInView);t.setDate(0);var e=t.getFullYear()this.yearRange[this.yearRange.length-1];return this.maxDate?e||t.getTime()>this.maxDate.getTime():e}},methods:{goToPreviousMonth:function(){var t=s.a.clone(this.dateInView);t.setDate(1),t.setMonth(t.getMonth()-1),this.goToDate(t)},goToNextMonth:function(){var t=s.a.clone(this.dateInView);t.setDate(1),t.setMonth(t.getMonth()+1),this.goToDate(t)},goToDate:function(t){this.$emit("go-to-date",t)}},components:{UiIcon:n.a,UiIconButton:o.a}}},function(t,e,i){"use strict";var n=i(144),o=i(3);e.a={name:"ui-calendar-month",props:{lang:Object,dateFilter:Function,dateInView:Date,selected:Date,maxDate:Date,minDate:Date,startOfWeek:{type:Number,default:0},color:{type:String,default:"primary"},squareCells:{type:Boolean,default:!1}},computed:{daysOfWeek:function(){var t=this.lang.days.initials.slice(this.startOfWeek);return 7===t.length?t:t.concat(this.lang.days.initials.slice(0,this.startOfWeek))},currentWeekStartDates:function(){return this.getWeekStartDates(this.dateInView)}},methods:{getWeekStartDates:function(t){var e=o.a.clone(t);e.setDate(1),e=o.a.moveToDayOfWeek(e,this.startOfWeek);var i=o.a.clone(e);i.setDate(i.getDate()+7);for(var n=[e],s=i.getMonth();i.getMonth()===s;)n.push(o.a.clone(i)),i.setDate(i.getDate()+7);return n},goToDate:function(t){this.$emit("change",o.a.clone(t))},onDateSelect:function(t){this.$emit("date-select",t)}},components:{UiCalendarWeek:n.a}}},function(t,e,i){"use strict";var n=i(3);e.a={name:"ui-calendar-week",props:{month:Number,weekStart:Date,minDate:Date,maxDate:Date,selected:Date,dateFilter:Function,color:{type:String,default:"primary"},squareCells:{type:Boolean,default:!1}},data:function(){return{today:new Date}},computed:{dates:function(){return this.buildDays(this.weekStart)},classes:function(){return["ui-calendar-week--color-"+this.color,{"ui-calendar-week--has-square-cells":this.squareCells}]}},methods:{buildDays:function(t){for(var e=[n.a.clone(t)],i=n.a.clone(t),o=1;o<=6;o++)i=n.a.clone(i),i.setDate(i.getDate()+1),e.push(i);return e},getDateClasses:function(t){return[{"is-today":n.a.isSameDay(t,this.today)},{"is-in-other-month":this.isDateInOtherMonth(t)},{"is-selected":this.selected&&n.a.isSameDay(t,this.selected)},{"is-disabled":this.isDateDisabled(t)}]},selectDate:function(t){this.isDateDisabled(t)||this.$emit("date-select",t)},isDateInOtherMonth:function(t){return this.month!==t.getMonth()},isDateDisabled:function(t){var e=this.minDate&&n.a.isBefore(t,this.minDate)||this.maxDate&&n.a.isAfter(t,this.maxDate);return!!e||!!this.dateFilter&&!this.dateFilter(t)}}}},function(t,e,i){"use strict";var n=i(4);e.a={name:"ui-checkbox",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},boxPosition:{type:String,default:"left"},color:{type:String,default:"primary"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:i.i(n.b)(this.value,this.trueValue)||this.checked}},computed:{classes:function(){return["ui-checkbox--color-"+this.color,"ui-checkbox--box-position-"+this.boxPosition,{"is-checked":this.isChecked},{"is-active":this.isActive},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=i.i(n.b)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,i=t.target.checked;this.$emit("input",i?this.trueValue:this.falseValue,t),e!==i&&this.$emit("change",i?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,i){"use strict";var n=i(15),o=i(4);e.a={name:"ui-checkbox-group",props:{name:String,options:{type:Array,required:!0},value:{type:Array,required:!0},keys:{type:Object,default:function(){return{id:"id",name:"name",class:"class",label:"label",value:"value",disabled:"disabled"}}},label:String,color:{type:String,default:"primary"},boxPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,ignoreChange:!1,checkboxValues:[],initialValue:JSON.parse(JSON.stringify(this.value))}},computed:{classes:function(){return["ui-checkbox-group--color-"+this.color,"ui-checkbox-group--box-position-"+this.boxPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},methods:{reset:function(){var t=this;this.ignoreChange=!0,this.options.forEach(function(e,i){t.checkboxValues[i]=t.isOptionCheckedByDefault(e)}),this.ignoreChange=!1,this.$emit("input",this.initialValue.length>0?[].concat(this.initialValue):[])},isOptionCheckedByDefault:function(t){return i.i(o.c)(this.initialValue,t[this.keys.value]||t)>-1},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t,e){if(!this.ignoreChange){var n=t[0],s=t[1],r=[],a=e[this.keys.value]||e,l=i.i(o.c)(this.value,a);n&&l<0&&(r=this.value.concat(a)),!n&&l>-1&&(r=this.value.slice(0,l).concat(this.value.slice(l+1))),this.$emit("input",r),this.$emit("change",r,s)}}},components:{UiCheckbox:n.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-close-button",props:{size:{type:String,default:"normal"},color:{type:String,default:"black"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-close-button--size-"+this.size,"ui-close-button--color-"+this.color,{"is-disabled":this.disabled||this.loading}]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(23);e.a={name:"ui-collapsible",props:{open:{type:Boolean,default:!1},title:String,removeIcon:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isOpen:this.open,id:s.a.short("ui-collapsible-")}},computed:{classes:function(){return[{"is-open":this.isOpen},{"is-disabled":this.disabled}]}},watch:{open:function(){this.isOpen!==this.open&&(this.isOpen=this.open)}},mounted:function(){this.isOpen&&(this.$refs.bodyWrapper.style.maxHeight="none")},methods:{toggleCollapsible:function(){this.disabled||(this.isOpen=!this.isOpen)},onEnter:function(t){this.$emit("open"),t.style.maxHeight=t.scrollHeight+"px"},afterEnter:function(t){t.style.maxHeight="none"},beforeLeave:function(t){t.style.maxHeight=t.scrollHeight+"px",t.offsetHeight},onLeave:function(t){t.style.maxHeight=0,this.$emit("close")}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(7),o=i(12),s=i(6);e.a={name:"ui-confirm",props:{title:{type:String,default:"UiConfirm"},type:{type:String,default:"primary"},size:String,confirmButtonText:{type:String,default:"OK"},confirmButtonIcon:String,denyButtonText:{type:String,default:"Cancel"},denyButtonIcon:String,autofocus:{type:String,default:"deny-button"},closeOnConfirm:{type:Boolean,default:!0},dismissOn:String,transition:String,loading:{type:Boolean,default:!1}},computed:{confirmButtonColor:function(){var t={default:"default",primary:"primary",accent:"accent",success:"green",warning:"orange",danger:"red"};return t[this.type]}},methods:{open:function(){this.$refs.modal.open()},close:function(){this.$refs.modal.close()},confirm:function(){this.$emit("confirm"),this.closeOnConfirm&&this.$refs.modal.close()},deny:function(){this.$refs.modal.close(),this.$emit("deny")},onModalOpen:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(s.a.add(t,"has-focus-ring"),t.addEventListener("blur",this.removeAutoFocus),t.focus()),this.$emit("open")},onModalReveal:function(){this.$emit("reveal")},onModalClose:function(){this.$emit("close")},onModalHide:function(){this.$emit("hide")},removeAutoFocus:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(s.a.remove(t,"has-focus-ring"),t.removeEventListener("blur",this.removeAutoFocus))}},components:{UiButton:n.a,UiModal:o.a}}},function(t,e,i){"use strict";var n=i(7),o=i(16),s=i(1),r=i(12),a=i(5),l=i(24),u=i(3);e.a={name:"ui-datepicker",props:{name:String,value:[Date,String],tabindex:[String,Number],startOfWeek:{type:Number,default:0},minDate:Date,maxDate:Date,yearRange:Array,lang:{type:Object,default:function(){return u.a.defaultLang}},customFormatter:Function,dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"},pickerType:{type:String,default:"popover"},appendDropdownToBody:Boolean,dropdownZIndex:Number,placeholder:String,icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},help:String,error:String,disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isTouched:!1,initialValue:JSON.stringify(this.value)}},computed:{date:function(){return"string"==typeof this.value?new Date(this.value):this.value},classes:function(){return["ui-datepicker--icon-position-"+this.iconPosition,"ui-datepicker--orientation-"+this.orientation,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return!this.date&&!this.isActive},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},displayText:function(){return this.date?this.customFormatter?this.customFormatter(this.date,this.lang):u.a.humanize(this.date,this.lang):""},hasDisplayText:function(){return Boolean(this.displayText.length)},submittedValue:function(){return this.date?this.date.getFullYear()+"-"+(1+this.date.getMonth())+"-"+this.date.getDate():""},usesPopover:function(){return"popover"===this.pickerType},usesModal:function(){return"modal"===this.pickerType}},watch:{isActive:function(t){t?this.addExternalClickListener([this.$el,this.getPicker().$el],this.onExternalClick):this.removeExternalClickListener()}},methods:{onDateSelect:function(t){this.$emit("input",t),this.closePicker()},isPickerOpen:function(){return this.usesModal?this.$refs.modal.isOpen:this.$refs.popover.isOpen()},getPicker:function(){return this.$refs[this.usesModal?"modal":"popover"]},openPicker:function(){this.disabled||this.getPicker().open()},closePicker:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.getPicker().close(),t.returnFocus&&this.$refs.label.focus()},togglePicker:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.isPickerOpen()?this.closePicker(t):this.openPicker()},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onTabAway:function(t){this.isActive=!1,this.$emit("blur",t),this.isPickerOpen()&&this.closePicker({returnFocus:!1})},onPickerOpen:function(){this.$emit("open")},onPickerClose:function(){this.$emit("close"),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(){this.isActive=!1},focus:function(){this.$refs.label.focus()},clear:function(){this.$emit("input",null)},reset:function(){this.$emit("input",JSON.parse(this.initialValue))},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiButton:n.a,UiDatepickerCalendar:o.a,UiIcon:s.a,UiModal:r.a,UiPopover:a.a},mixins:[l.a]}},function(t,e,i){"use strict";var n=i(27),o=i(28),s=i(3),r=i(21);e.a={name:"ui-datepicker-calendar",props:{value:Date,minDate:Date,maxDate:Date,startOfWeek:{type:Number,default:0},lang:{type:Object,default:function(){return s.a.defaultLang}},yearRange:{type:Array,default:function(){var t=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(e,i){return t-100+i})}},dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"}},data:function(){return{today:new Date,dateInView:this.getDateInRange(this.value,new Date),showYearPicker:!1}},computed:{classes:function(){return["ui-datepicker-calendar--color-"+this.color,"ui-datepicker-calendar--orientation-"+this.orientation]},headerYear:function(){return this.value?this.value.getFullYear():this.today.getFullYear()},headerWeekday:function(){return this.value?s.a.getDayAbbreviated(this.value,this.lang):s.a.getDayAbbreviated(this.today,this.lang)},headerDay:function(){var t=this.value?this.value:this.today;return s.a.getMonthAbbreviated(t,this.lang)+" "+s.a.getDayOfMonth(t,this.lang)}},watch:{value:function(){this.value&&(this.dateInView=s.a.clone(this.value))},showYearPicker:function(){var t=this;this.showYearPicker&&this.$nextTick(function(){var e=t.$refs.years.querySelector(".is-selected")||t.$refs.years.querySelector(".is-current-year");i.i(r.b)(e,{marginTop:144})})}},methods:{selectYear:function(t){var e=s.a.clone(this.dateInView);e.setFullYear(t),this.dateInView=this.getDateInRange(e),this.showYearPicker=!1},getDateInRange:function(t,e){return t=t||e,this.minDate&&t.getTime()this.maxDate.getTime()?this.maxDate:t},getYearClasses:function(t){return{"is-current-year":this.isYearCurrent(t),"is-selected":this.isYearSelected(t)}},isYearCurrent:function(t){return t===this.today.getFullYear()},isYearSelected:function(t){return this.value&&t===this.value.getFullYear()},isYearOutOfRange:function(t){return!!(this.minDate&&tthis.maxDate.getFullYear())||(this.yearthis.yearRange[this.yearRange.length-1]))},onDateSelect:function(t){this.$emit("input",t),this.$emit("date-select",t)},onGoToDate:function(t){this.$refs.month.goToDate(t)},onMonthChange:function(t){this.dateInView=t,this.$emit("month-change",t)}},components:{UiCalendarControls:n.a,UiCalendarMonth:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9);e.a={name:"ui-fab",props:{size:{type:String,default:"normal"},color:{type:String,default:"default"},icon:String,ariaLabel:String,tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-fab--color-"+this.color,"ui-fab--size-"+this.size]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:n.a,UiRippleInk:o.a,UiTooltip:s.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-fileupload",props:{name:{type:String,required:!0},label:String,tabindex:[String,Number],accept:String,multiple:{type:Boolean,default:!1},required:{type:Boolean,default:!1},type:{type:String,default:"primary"},color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},iconPosition:{type:String,default:"left"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,renderInput:!0,hasSelection:!1,hasMultiple:!1,displayText:""}},computed:{classes:function(){return["ui-fileupload--type-"+this.type,"ui-fileupload--color-"+this.color,"ui-fileupload--icon-position-"+this.iconPosition,"ui-fileupload--size-"+this.size,{"is-active":this.isActive},{"is-multiple":this.hasMultiple},{"is-raised":this.raised},{"is-disabled":this.disabled}]},placeholder:function(){return this.label?this.label:this.multiple?"Choose files":"Choose a file"}},methods:{onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onInput:function(t){this.$emit("input",this.$refs.input.files,t)},onChange:function(t){this.updateDisplayText(t),this.$emit("change",this.$refs.input.files,t)},updateDisplayText:function(t){var e=void 0,i=this.$refs.input;e=i.files&&i.files.length>1?i.files.length+" files selected":t.target.value.split("\\").pop(),e&&(this.hasSelection=!0,this.displayText=e,this.hasMultiple=i.files.length>1)},focus:function(){this.$refs.input.focus()},openPicker:function(){this.$refs.input.click()},clear:function(){var t=this;this.renderInput=!1,this.$nextTick(function(){t.renderInput=!0})}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";e.a={name:"ui-focus-container",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,defualt:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(t,e){return this.containFocus?(t.stopPropagation(),this.focusRedirector?void this.focusRedirector(t,e):void(e.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus())):void this.$emit("focus-overflow",t,e)}}}},function(t,e,i){"use strict";e.a={name:"ui-icon",props:{icon:String,iconSet:{type:String,default:"material-icons"},ariaLabel:String,removeText:{type:Boolean,default:!1},useSvg:{type:Boolean,default:!1}}}},function(t,e,i){"use strict";var n=i(1),o=i(5),s=i(8),r=i(2),a=i(9);e.a={name:"ui-icon-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},icon:String,ariaLabel:String,loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-icon-button--type-"+this.type,"ui-icon-button--color-"+this.color,"ui-icon-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"primary"===this.type?"default"===this.color||"black"===this.color?"black":"white":"white"===this.color?"white":"black"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiRippleInk:r.a,UiTooltip:a.a}}},function(t,e,i){"use strict";var n=i(14),o=i(145);e.a={name:"ui-menu",props:{options:{type:Array,default:function(){return[]}},hasIcons:{type:Boolean,default:!1},iconProps:Object,hasSecondaryText:{type:Boolean,default:!1},containFocus:{
+type:Boolean,default:!1},keys:{type:Object,default:function(){return{icon:"icon",type:"type",label:"label",secondaryText:"secondaryText",iconProps:"iconProps",disabled:"disabled",href:"href",target:"target"}}},disableRipple:{type:Boolean,default:!1},raised:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-raised":this.raised,"has-icons":this.hasIcons,"has-secondary-text":this.hasSecondaryText}}},methods:{selectOption:function(t){t.disabled||"divider"===t.type||(this.$emit("select",t),this.closeMenu())},closeMenu:function(){this.$emit("close")}},components:{UiFocusContainer:n.a,UiMenuOption:o.a}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-menu-option",props:{type:String,label:String,href:String,target:String,icon:String,iconProps:{type:Object,default:function(){return{}}},secondaryText:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-divider":this.isDivider,"is-disabled":this.disabled,"is-anchor":this.isAnchor}},isDivider:function(){return"divider"===this.type},isAnchor:function(){return!this.isDivider&&void 0!==this.href}},components:{UiIcon:n.a,UiRippleInk:o.a}}},function(t,e,i){"use strict";var n=i(10),o=i(14),s=i(6);e.a={name:"ui-modal",props:{title:{type:String,default:"UiModal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"normal"},role:{type:String,default:"dialog"},transition:{type:String,default:"scale-down"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["ui-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"ui-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var t=this;this.$nextTick(function(){t[t.isOpen?"onOpen":"onClose"]()})}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus()},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),s.a.add(document.body,"ui-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.returnFocus(),this.$emit("close")},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide");var t=this.decrementOpenModalCount();0===t&&s.a.remove(document.body,"ui-modal--is-open")},getOpenModalCount:function(){var t=document.body.getAttribute("data-ui-open-modals");return void 0===t?0:Number(t)},setOpenModalCount:function(t){var e=Math.max(0,t);return 0===e?document.body.removeAttribute("data-ui-open-modals"):document.body.setAttribute("data-ui-open-modals",e),e},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}},components:{UiCloseButton:n.a,UiFocusContainer:o.a}}},function(t,e,i){"use strict";var n=i(26),o=i(6),s=i(13),r=i(22),a=i(14);e.a={name:"ui-popover",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},closeOnScroll:{type:Boolean,default:!0},constrainToScrollParent:{type:Boolean,default:!0},containFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},focusRedirector:Function,openOn:{type:String,default:"click"},position:{type:String,default:"bottom-start"},raised:{type:Boolean,default:!0},trigger:{validator:function(t){return s.a.validate(t,'[UiPopover]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string which matches an existing element.')}},zIndex:Number},data:function(){return{returnFocus:!0}},watch:{disabled:function(t){this.tip&&(t===!0?this.tip.disable():this.tip.enable())}},created:function(){this.tip=null},mounted:function(){this.setupPopover()},beforeDestroy:function(){this.destroyPopover()},methods:{setupPopover:function(){if(this.triggerEl=s.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiPopover]: Trigger element not found.");var t={animateFill:!1,animation:"none"===this.animation?"fade":this.animation,appendTo:this.appendToBody?document.body:this.triggerEl.parentElement,arrow:!1,content:this.$el,delay:[0,0],distance:0,duration:"none"===this.animation?0:[250,200],hideOnClick:!1,ignoreAttributes:!0,interactive:!0,lazy:!0,maxWidth:"100%",multiple:!0,onHidden:this.onHidden,onHide:this.onClose,onShow:this.onOpen,onShown:this.onShown,placement:this.position,role:"dialog",theme:"ui-popover",trigger:this.openOn.replace("hover","mouseenter"),zIndex:this.zIndex,popperOptions:{modifiers:{computeStyle:{gpuAcceleration:!(window.devicePixelRatio<1.5&&/Win/.test(navigator.platform))}}}};this.constrainToScrollParent||(t.popperOptions.modifiers.preventOverflow={enabled:!1},t.popperOptions.modifiers.hide={enabled:!1}),this.tip=i.i(n.a)(this.triggerEl,t),this.disabled&&this.tip.disable()},destroyPopover:function(){this.tip&&(this.removeCloseEventListeners(),this.tip.destroy(),this.tip=null)},isOpen:function(){return this.tip&&this.tip.state.isVisible},open:function(){this.tip&&this.tip.show()},close:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip.hide())},toggle:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip[this.isOpen()?"hide":"show"]())},scheduleUpdate:function(){this.tip&&this.tip.popperInstance.scheduleUpdate()},onOpen:function(){this.addCloseEventListeners(),o.a.add(this.triggerEl,"has-dropdown-open"),this.$emit("open")},onClose:function(){this.returnFocus&&this.lastFocusedElement&&this.lastFocusedElement.focus(),this.removeCloseEventListeners(),o.a.remove(this.triggerEl,"has-dropdown-open"),this.$emit("close"),this.returnFocus=!0},onShown:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),this.$emit("reveal")},onHidden:function(){this.$emit("hide")},closeOnExternal:function(t,e){this.$el.contains(t.target)||this.close(e)},addCloseEventListeners:function(){var t=this;this.removeCloseEventListeners(),setTimeout(function(){t.removeExternalClickListener=r.a.on("click",document,function(e){t.closeOnExternal(e,{returnFocus:!1})}),t.removeEscListener=r.a.onKeydown(27,document,function(){t.close({returnFocus:!0})}),t.closeOnScroll&&(t.removeScrollListener=r.a.on("scroll",document,function(e){t.closeOnExternal(e,{returnFocus:!0})}))},0)},removeCloseEventListeners:function(){this.removeExternalClickListener&&(this.removeExternalClickListener(),this.removeExternalClickListener=null),this.removeEscListener&&(this.removeEscListener(),this.removeEscListener=null),this.removeScrollListener&&(this.removeScrollListener(),this.removeScrollListener=null)}},components:{UiFocusContainer:a.a}}},function(t,e,i){"use strict";e.a={name:"ui-preloader",props:{show:{type:Boolean,required:!0}}}},function(t,e,i){"use strict";e.a={name:"ui-progress-circular",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0},size:{type:Number,default:32},stroke:Number,autoStroke:{type:Boolean,default:!0},disableTransition:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-progress-circular--color-"+this.color,"ui-progress-circular--type-"+this.type]},strokeDashArray:function(){var t=2*Math.PI*this.radius;return Math.round(1e3*t)/1e3},strokeDashOffset:function(){var t=this.moderateProgress(this.progress),e=2*Math.PI*this.radius;return(100-t)/100*e},radius:function(){var t=this.stroke?this.stroke:4;return(this.size-t)/2},calculatedStroke:function(){return this.stroke?this.stroke:this.autoStroke?parseInt(this.size/8,10):4}},methods:{moderateProgress:function(t){return isNaN(t)||t<0?0:t>100?100:t}}}},function(t,e,i){"use strict";e.a={name:"ui-progress-linear",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0}},computed:{classes:function(){return["ui-progress-linear--color-"+this.color,"ui-progress-linear--type-"+this.type]},moderatedProgress:function(){return this.progress<0?0:this.progress>100?100:this.progress}}}},function(t,e,i){"use strict";e.a={name:"ui-radio",props:{name:String,label:String,tabindex:[String,Number],value:{type:[Number,String],required:!0},trueValue:{type:[Number,String],required:!0},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},computed:{classes:function(){return["ui-radio--color-"+this.color,"ui-radio--button-position-"+this.buttonPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]},isChecked:function(){return String(this.value).length>0&&this.value==this.trueValue}},created:function(){this.checked&&this.$emit("input",this.trueValue)},methods:{focus:function(){this.$refs.input.focus()},toggleCheck:function(){this.disabled||this.$emit("input",this.trueValue)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t){this.$emit("change",this.isChecked,t)}}}},function(t,e,i){"use strict";var n=i(18);e.a={name:"ui-radio-group",props:{name:{type:String,required:!0},tabindex:[String,Number],label:String,options:{type:Array,required:!0},value:{type:[Number,String],required:!0},keys:{type:Object,default:function(){return{id:"id",class:"class",label:"label",value:"value",checked:"checked",disabled:"disabled"}}},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,initialValue:this.value,selectedOptionValue:this.value}},computed:{classes:function(){return["ui-radio-group--color-"+this.color,"ui-radio-group--button-position-"+this.buttonPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},watch:{selectedOptionValue:function(){this.$emit("input",this.selectedOptionValue),this.$emit("change",this.selectedOptionValue)},value:function(){this.selectedOptionValue=this.value}},methods:{reset:function(){this.$emit("input",this.initialValue)},isOptionCheckedByDefault:function(t){return this.initialValue==t[this.keys.value]||this.initialValue==t||t[this.keys.checked]},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}},components:{UiRadio:n.a}}},function(t,e,i){"use strict";var n=i(6),o=i(13),s=function(t,e){var i=e.currentTarget||e.target;if(i&&!n.a.has(i,"ui-ripple-ink")&&(i=i.querySelector(".ui-ripple-ink")),i){var o=i.getAttribute("data-ui-event");if(!o||o===t){i.setAttribute("data-ui-event",t);var s=i.getBoundingClientRect(),r=e.clientX-s.left,a=e.clientY-s.top,l=document.createElement("div"),u=void 0;u=s.width===s.height?1.412*s.width:Math.sqrt(s.width*s.width+s.height*s.height);var c=2*u+"px";l.style.width=c,l.style.height=c,l.style.marginLeft=-u+r+"px",l.style.marginTop=-u+a+"px",l.className="ui-ripple-ink__ink",i.appendChild(l),setTimeout(function(){n.a.add(l,"is-held")},0);var d="mousedown"===t?"mouseup":"touchend",p=function t(){document.removeEventListener(d,t),n.a.add(l,"is-done");var e=650;setTimeout(function(){i.removeChild(l),0===i.children.length&&i.removeAttribute("data-ui-event")},e)};document.addEventListener(d,p)}}},r=function(t){0===t.button&&s(t.type,t)},a=function(t){if(t.changedTouches)for(var e=0;e0?this.value.map(function(e){return e[t.keys.label]||e}).join(this.multipleDelimiter):"":this.value?this.value[this.keys.label]||this.value:""},hasDisplayText:function(){return Boolean(this.displayText.length)},hasNoResults:function(){return!this.loading&&0!==this.query.length&&(this.disableFilter?this.noResults:0===this.filteredOptions.length)},submittedValue:function(){var t=this;if(this.name&&this.value)return Array.isArray(this.value)?this.value.map(function(e){return e[t.keys.value]||e}).join(","):this.value[this.keys.value]||this.value}},watch:{filteredOptions:function(){this.highlightedIndex=0,i.i(u.a)(this.$refs.optionsList)},query:function(){this.$emit("query-change",this.query)},isActive:function(t){t?this.addExternalClickListener(this.$el,this.onExternalClick):this.removeExternalClickListener()}},created:function(){this.value&&""!==this.value||this.setValue(null)},methods:{setValue:function(t){t=t?t:this.multiple?[]:"",this.$emit("input",t),this.$emit("change",t)},highlightOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{autoScroll:!0};if(this.highlightedIndex!==t&&0!==this.$refs.options.length){var i=0,n=this.$refs.options.length-1;tn&&(t=i),this.highlightedIndex=t,e.autoScroll&&this.scrollOptionIntoView(this.$refs.options[t].$el)}},selectHighlighted:function(t,e){this.$refs.options.length>0&&(e.preventDefault(),this.selectOption(this.$refs.options[t].option,t))},selectOption:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{autoClose:!0},n=this.multiple&&!this.isOptionSelected(t);this.multiple?this.updateOption(t,{select:n}):(this.setValue(t),this.selectedIndex=e),this.$emit("select",t,{selected:!this.multiple||n}),this.highlightedIndex=e,this.multiple||this.clearQuery(),!this.multiple&&i.autoClose&&this.closeDropdown()},isOptionSelected:function(t){return this.multiple?i.i(l.c)(this.value,t)>-1:i.i(l.b)(this.value,t)},updateOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{select:!0},n=[],o=!1,s=i.i(l.c)(this.value,t);e.select&&s<0&&(n=this.value.concat(t),o=!0),!e.select&&s>-1&&(n=this.value.slice(0,s).concat(this.value.slice(s+1)),o=!0),o&&this.setValue(n)},defaultFilter:function(t,e){var i=t[this.keys.label]||t;return"string"==typeof i&&(i=i.toLowerCase()),d()(e.toLowerCase(),i)},clearSelection:function(){this.setValue(null)},clearQuery:function(){this.query=""},focus:function(){this.$refs.label.focus()},toggleDropdown:function(){this.$refs.dropdown.toggle()},openDropdown:function(){this.disabled||this.$refs.dropdown.open()},closeDropdown:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{blurAfterClose:!1};this.$refs.dropdown.close(),this.isTouched||(this.isTouched=!0,this.$emit("touch")),t.blurAfterClose?this.isActive=!1:this.$refs.label.focus()},onFocus:function(t){this.isActive||(this.isActive=!0,this.$emit("focus",t))},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.$refs.dropdown.isOpen()&&this.closeDropdown({blurAfterClose:!0})},onOpen:function(){var t=this;this.isActive=!0,this.$refs.dropdown.$el.style.width=this.$refs.label.getBoundingClientRect().width+"px",this.$nextTick(function(){t.scrollOptionIntoView(t.$refs.optionsList.querySelector(".is-selected"))}),this.$emit("dropdown-open")},onReveal:function(){this.$refs[this.hasSearch?"searchInput":"dropdownContent"].focus()},onClose:function(){this.highlightedIndex=this.multiple?-1:this.selectedIndex,this.$emit("dropdown-close")},onExternalClick:function(){this.$refs.dropdown.isOpen()?this.closeDropdown({blurAfterClose:!0}):this.isActive&&(this.isActive=!1)},scrollOptionIntoView:function(t){i.i(u.b)(t,{container:this.$refs.optionsList,marginTop:180})},reset:function(){this.setValue(JSON.parse(this.initialValue)),this.clearQuery(),this.resetTouched(),this.selectedIndex=-1,this.highlightedIndex=-1},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiIcon:n.a,UiPopover:o.a,UiProgressCircular:s.a,UiSelectOption:r.a},mixins:[a.a]}},function(t,e,i){"use strict";var n=i(1);e.a={name:"ui-select-option",props:{option:{type:[String,Object],required:!0},type:{type:String,default:"basic"},multiple:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{class:"class",label:"label",image:"image"}}}},computed:{classes:function(){return["ui-select-option--type-"+this.type,this.option[this.keys.class],{"is-highlighted":this.highlighted},{"is-selected":this.selected}]},imageStyle:function(){return{"background-image":"url("+this.option[this.keys.image]+")"}}},components:{UiIcon:n.a}}},function(t,e,i){"use strict";var n=i(1),o=i(6),s=i(96);e.a={name:"ui-slider",props:{name:String,tabindex:[String,Number],icon:String,value:{type:Number,required:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:10},snapToSteps:{type:Boolean,default:!1},showMarker:{type:Boolean,default:!1},markerValue:[String,Number],disabled:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isDragging:!1,thumbSize:0,trackLength:0,trackOffset:0,localValue:this.value}},computed:{classes:function(){return[{"is-dragging":this.isDragging},{"is-disabled":this.disabled},{"is-active":this.isActive},{"has-icon":this.hasIcon},{"has-marker":this.showMarker}]},hasIcon:function(){return Boolean(this.$slots.icon)||Boolean(this.icon)},fillStyle:function(){return{transform:"scaleX("+this.relativeValue(this.localValue)+")"}},thumbStyle:function(){return{transform:"translateX("+(this.relativeValue(this.localValue)*this.trackLength-this.thumbSize/2)+"px)"}},markerText:function(){return void 0===this.markerValue?this.value:this.markerValue},snapPoints:function(){for(var t=[],e=this.step*Math.ceil(this.moderatedMin/this.step);e<=this.moderatedMax;)t.push(e),e+=this.step;return t},moderatedMin:function(){return this.max>this.min?this.min:0},moderatedMax:function(){return this.max>this.min?this.max:100}},watch:{value:function(){this.setValue(this.value)},isDragging:function(){var t=this.isDragging?"add":"remove";o.a[t](document.body,"ui-slider--is-dragging")}},mounted:function(){this.initializeSlider()},beforeDestroy:function(){this.teardownSlider()},methods:{focus:function(){this.$el.focus()},reset:function(){this.setValue(this.initialValue)},onFocus:function(){this.isActive=!0,this.$emit("focus")},onBlur:function(){this.isActive=!1,this.$emit("blur")},onExternalClick:function(t){this.$el.contains(t.target)||this.onBlur()},setValueWithSnap:function(t){t=this.getEdge(t),this.snapToSteps&&(t=this.getNearestSnapPoint(t)),this.setValue(t)},setValue:function(t){t=this.getEdge(t),t!==this.localValue&&(this.localValue=t,this.$emit("input",t),this.$emit("change",t))},incrementValue:function(){this.setValueWithSnap(this.localValue+this.step)},decrementValue:function(){this.setValueWithSnap(this.localValue-this.step)},getTrackOffset:function(){for(var t=this.$refs.track,e=t.offsetLeft;t.offsetParent;)t=t.offsetParent,e+=t.offsetLeft;return e},getPointStyle:function(t){return{left:t+"%"}},refreshSize:function(){this.thumbSize=this.$refs.thumb.offsetWidth,this.trackLength=this.$refs.track.offsetWidth,this.trackOffset=this.getTrackOffset(this.$refs.track)},initializeSlider:function(){var t=this;document.addEventListener("touchend",this.onDragStop),document.addEventListener("mouseup",this.onDragStop),document.addEventListener("click",this.onExternalClick),this.$on("window-resize",function(){t.refreshSize(),t.isDragging=!1}),this.refreshSize(),this.initializeDrag()},teardownSlider:function(){document.removeEventListener("touchend",this.onDragStop),document.removeEventListener("mouseup",this.onDragStop),document.removeEventListener("click",this.onExternalClick)},initializeDrag:function(){var t=this.getEdge(this.localValue?this.localValue:0);this.setValue(t)},onDragStart:function(t){this.disabled||(this.isActive||this.onFocus(),this.isDragging=!0,this.dragUpdate(t),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("mousemove",this.onDragMove),this.$emit("dragstart",this.localValue,t))},onDragMove:function(t){this.dragUpdate(t)},dragUpdate:function(t){var e=t.touches?t.touches[0].pageX:t.pageX,i=(e-this.trackOffset)/this.trackLength,n=this.getEdge(this.moderatedMin+i*(this.moderatedMax-this.moderatedMin));this.isDragging&&this.setValue(Math.round(n))},onDragStop:function(t){this.isDragging&&(this.isDragging=!1,this.snapToSteps&&this.value%this.step!==0&&this.setValueWithSnap(this.value),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("mousemove",this.onDragMove),this.$emit("dragend",this.localValue,t))},getNearestSnapPoint:function(t){var e=Math.floor(t/this.step)*this.step,i=e+this.step,n=(e+i)/2;return ethis.moderatedMax?t:i:t>=n&&i<=this.moderatedMax?i:e},relativeValue:function(t){return(t-this.moderatedMin)/(this.moderatedMax-this.moderatedMin)},getEdge:function(t){return tthis.moderatedMax?this.moderatedMax:t}},components:{UiIcon:n.a},mixins:[s.a]}},function(t,e,i){"use strict";var n=i(7);e.a={name:"ui-snackbar",props:{message:String,action:String,actionColor:{type:String,default:"accent"},transition:{type:String,default:"slide"}},computed:{transitionName:function(){return"ui-snackbar--transition-"+this.transition}},methods:{onClick:function(){this.$emit("click")},onActionClick:function(){this.$emit("action-click")},onEnter:function(){this.$emit("show")},onLeave:function(){this.$emit("hide")}},components:{UiButton:n.a}}},function(t,e,i){"use strict";var n=i(19);e.a={name:"ui-snackbar-container",props:{queueSnackbars:{type:Boolean,default:!1},duration:{type:Number,default:5e3},allowHtml:{type:Boolean,default:!1},position:{type:String,default:"left"},transition:{type:String,default:"slide"}},data:function(){return{queue:[],snackbarTimeout:null}},computed:{classes:function(){return["ui-snackbar-container--position-"+this.position]}},beforeDestroy:function(){this.resetTimeout()},methods:{createSnackbar:function(t){return t.show=!1,t.duration=t.duration||this.duration,this.queue.push(t),1===this.queue.length?this.showNextSnackbar():void(this.queueSnackbars||(this.queue[0].show=!1))},showNextSnackbar:function(){return 0===this.queue.length?void this.$emit("queue-end"):void(this.queue[0].show=!0)},onShow:function(t){var e=this;0===this.queue.indexOf(t)&&(this.snackbarTimeout=setTimeout(function(){e.queue[0].show=!1},t.duration),this.$emit("snackbar-show",t),this.callHook("onShow",t))},onHide:function(t,e){this.resetTimeout(),this.queueSnackbars||1===this.queue.length?this.queue.splice(e,1):this.queue.splice(e,this.queue.length-1),this.$emit("snackbar-hide",t),this.callHook("onHide",t),this.showNextSnackbar()},onClick:function(t){t.show=!1,this.callHook("onClick",t)},onActionClick:function(t){this.callHook("onActionClick",t)},callHook:function(t,e){"function"==typeof e[t]&&e[t].call(void 0,e)},resetTimeout:function(){clearTimeout(this.snackbarTimeout),this.snackbarTimeout=null}},components:{UiSnackbar:n.a}}},function(t,e,i){"use strict";var n=i(4);e.a={name:"ui-switch",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},switchPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:i.i(n.b)(this.value,this.trueValue)||this.checked,initialValue:this.value}},computed:{classes:function(){return["ui-switch--color-"+this.color,"ui-switch--switch-position-"+this.switchPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=i.i(n.b)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,i=t.target.checked;this.$emit("input",i?this.trueValue:this.falseValue,t),e!==i&&this.$emit("change",i?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,i){"use strict";var n=i(23);e.a={name:"ui-tab",props:{id:{type:String,default:function(){return n.a.short("ui-tab-")}},title:String,selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},watch:{disabled:function(){this.$parent.onTabDisabledChange(this)}},created:function(){this.$parent.addTab(this)},beforeDestroy:function(){this.$parent.removeTab(this)},methods:{activate:function(){this.isActive=!0,this.$emit("select",this.id)},deactivate:function(){this.isActive=!1,this.$emit("deselect",this.id)}}}},function(t,e,i){"use strict";var n=i(1),o=i(2);e.a={name:"ui-tab-header-item",components:{UiIcon:n.a,UiRippleInk:o.a},props:{id:String,type:{type:String,default:"text"},title:String,active:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-tab-header-item--type-"+this.type,{"is-active":this.active},{"is-disabled":this.disabled}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type},hasText:function(){return"text"===this.type||"icon-and-text"===this.type}}}},function(t,e,i){"use strict";var n=i(97),o=i(147);e.a={name:"ui-tabs",components:{Render:n.a,UiTabHeaderItem:o.a},props:{type:{type:String,default:"text"},confirmTabChange:Function,backgroundColor:{type:String,default:"default"},textColor:{type:String,default:"black"},textColorActive:{type:String,default:"primary"},indicatorColor:{type:String,default:"primary"},fullwidth:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1}},data:function(){return{tabs:[],activeTabId:null,activeTabIndex:-1}},computed:{classes:function(){return["ui-tabs--type-"+this.type,"ui-tabs--text-color-"+this.textColor,"ui-tabs--text-color-active-"+this.textColorActive,"ui-tabs--background-color-"+this.backgroundColor,"ui-tabs--indicator-color-"+this.indicatorColor,{"is-raised":this.raised},{"is-fullwidth":this.fullwidth}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type}},watch:{activeTabId:function(){var t=this;this.tabs.forEach(function(e,i){t.activeTabId===e.id?(e.activate(),t.activeTabIndex=i):e.isActive&&e.deactivate()})}},methods:{addTab:function(t){this.tabs.push(t),(null===this.activeTabId||t.selected)&&(this.activeTabId=t.id)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&(this.tabs.splice(e,1),t.id===this.activeTabId&&this.selectTab(this.findNearestTab()))},onTabDisabledChange:function(t){t.disabled&&this.activeTabId===t.id&&this.selectTab(this.findNearestTab())},onTabClick:function(t,e){this.$emit("tab-click",t,e),this.selectTab(t)},selectTab:function(t){null===t||t.disabled||t.id===this.activeTabId||this.confirmTabChange&&!this.confirmTabChange(this.tabs[this.activeTabIndex],t)||(this.activeTabId=t.id,this.$emit("tab-change",t))},selectNextTab:function(){var t=this.findNextTab();t&&(this.selectTab(t),t.$el.focus())},selectPreviousTab:function(){var t=this.findPreviousTab();t&&(this.selectTab(t),t.$el.focus())},findNextTab:function(){for(var t=null,e=this.activeTabIndex+1;e=0;e--)if(this.$refs.tabHeaders[e]&&!this.$refs.tabHeaders[e].disabled){t=this.$refs.tabHeaders[e];break}return t},findNearestTab:function(){return this.findPreviousTab()||this.findNextTab()},findTabById:function(t){for(var e=0;e0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched},refreshSize:function(){this.autosizeInitialized&&r.a.update(this.$refs.textarea)},focus:function(){(this.$refs.input||this.$refs.textarea).focus()}},components:{UiIcon:o.a},directives:{autofocus:n.a}}},function(t,e,i){"use strict";var n=i(11),o=i(17);e.a={name:"ui-toolbar",props:{type:{type:String,default:"default"},textColor:{type:String,default:"black"},title:String,brand:String,removeBrandDivider:{type:Boolean,default:!1},navIcon:{type:String,default:"menu"},removeNavIcon:{type:Boolean,default:!1},raised:{type:Boolean,default:!0},progressPosition:{type:String,default:"bottom"},loading:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-toolbar--type-"+this.type,"ui-toolbar--text-color-"+this.textColor,"ui-toolbar--progress-position-"+this.progressPosition,{"is-raised":this.raised}]},progressColor:function(){return"black"===this.textColor?"primary":"white"},hasBrandDivider:function(){return!this.removeBrandDivider&&(this.brand||this.$slots.brand)}},methods:{navIconClick:function(){this.$emit("nav-icon-click")}},components:{UiIconButton:n.a,UiProgressLinear:o.a}}},function(t,e,i){"use strict";var n=i(26),o=i(13);e.a={name:"ui-tooltip",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},openDelay:{type:Number,default:0},openOn:{type:String,default:"mouseenter focus"},position:{type:String,default:"bottom"},trigger:{validator:function(t){return o.a.validate(t,'[UiTooltip]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string.')}},zIndex:Number},mounted:function(){if(this.triggerEl=o.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiTooltip]: Trigger element not found.");var t={animateFill:"fade"!==this.animation,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:4,duration:"none"===this.animation?0:[250,200],ignoreAttributes:!0,lazy:!0,multiple:!0,placement:this.position,theme:"ui-tooltip",trigger:this.openOn.replace("hover","mouseenter"),zIndex:this.zIndex,popperOptions:{modifiers:{computeStyle:{gpuAcceleration:!(window.devicePixelRatio<1.5&&/Win/.test(navigator.platform))}}}};this.appendToBody||(t.appendTo=this.triggerEl.parentElement),this.tip=i.i(n.a)(this.triggerEl,t)},beforeDestroy:function(){this.tip&&(this.tip.destroy(),this.tip=null)}}},function(t,e){document.addEventListener("DOMContentLoaded",function(){var t=!1,e=["input:not([type])","input[type=text]","input[type=number]","input[type=date]","input[type=time]","input[type=datetime]","textarea","[role=textbox]","[supports-modality=keyboard]"].join(","),i=void 0,n=function(){var t=document.body;return t.matchesSelector?t.matchesSelector:t.webkitMatchesSelector?t.webkitMatchesSelector:t.mozMatchesSelector?t.mozMatchesSelector:t.msMatchesSelector?t.msMatchesSelector:void console.error("Couldn't find any matchesSelector method on document.body.")}(),o=function(){var t="body:not([modality=keyboard]) :focus { outline: none; }",e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",i.id="disable-focus-ring",i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e.insertBefore(i,e.firstChild)},s=function(t){var i=!1;return n&&(i=n.call(t,e)&&n.call(t,":not([readonly])")),i};o(),document.body.addEventListener("keydown",function(){t=!0,i&&clearTimeout(i),i=setTimeout(function(){t=!1},100)},!0),document.body.addEventListener("focus",function(e){(t||s(e.target))&&document.body.setAttribute("modality","keyboard")},!0),document.body.addEventListener("blur",function(){document.body.removeAttribute("modality")},!0)})},function(t,e,i){"use strict";var n=i(141),o=i.n(n);e.a={data:function(){return{windowResizeListener:null}},mounted:function(){var t=this;this.windowResizeListener=o()(function(){t.$emit("window-resize")},200),window.addEventListener("resize",this.windowResizeListener)},beforeDestroy:function(){window.removeEventListener("resize",this.windowResizeListener)}}},function(t,e,i){"use strict";e.a={name:"render",functional:!0,props:["nodes"],render:function(t,e){return t("div",{class:"ui-render"},e.props.nodes)}}},function(t,e,i){"use strict";function n(t){return!!t&&"object"==typeof t}function o(t){var e=Object.prototype.toString.call(t);return"[object RegExp]"===e||"[object Date]"===e||s(t)}function s(t){return t.$$typeof===f}function r(t){return Array.isArray(t)?[]:{}}function a(t,e){var i=!e||e.clone!==!1;return i&&d(t)?c(r(t),t,e):t}function l(t,e,i){return t.concat(e).map(function(t){return a(t,i)})}function u(t,e,i){var n={};return d(t)&&Object.keys(t).forEach(function(e){n[e]=a(t[e],i)}),Object.keys(e).forEach(function(o){d(e[o])&&t[o]?n[o]=c(t[o],e[o],i):n[o]=a(e[o],i)}),n}function c(t,e,i){var n=Array.isArray(e),o=Array.isArray(t),s=i||{arrayMerge:l},r=n===o;if(r){if(n){var c=s.arrayMerge||l;return c(t,e,i)}return u(t,e,i)}return a(e,i)}var d=function(t){return n(t)&&!o(t)},p="function"==typeof Symbol&&Symbol.for,f=p?Symbol.for("react.element"):60103;c.all=function(t,e){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(t,i){return c(t,i,e)},{})};var h=c;e.a=h},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,i){(function(e){function i(t,e,i){function o(e){var i=v,n=m;return v=m=void 0,C=e,b=t.apply(n,i)}function s(t){return C=t,y=setTimeout(c,e),S?o(t):b}function l(t){var i=t-x,n=t-C,o=e-i;return E?w(o,g-n):o}function u(t){var i=t-x,n=t-C;return void 0===x||i>=e||i<0||E&&n>=g}function c(){var t=k();return u(t)?d(t):void(y=setTimeout(c,l(t)))}function d(t){return y=void 0,D&&v?o(t):(v=m=void 0,b)}function p(){void 0!==y&&clearTimeout(y),C=0,v=x=m=y=void 0}function f(){return void 0===y?b:d(k())}function h(){var t=k(),i=u(t);if(v=arguments,m=this,x=t,i){if(void 0===y)return s(x);if(E)return y=setTimeout(c,e),o(x)}return void 0===y&&(y=setTimeout(c,e)),b}var v,m,g,b,y,x,C=0,S=!1,E=!1,D=!0;if("function"!=typeof t)throw new TypeError(a);return e=r(e)||0,n(i)&&(S=!!i.leading,E="maxWait"in i,g=E?_(r(i.maxWait)||0,e):g,D="trailing"in i?!!i.trailing:D),h.cancel=p,h.flush=f,h}function n(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function o(t){return!!t&&"object"==typeof t}function s(t){return"symbol"==typeof t||o(t)&&y.call(t)==u}function r(t){if("number"==typeof t)return t;if(s(t))return l;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var i=p.test(t);return i||f.test(t)?h(t.slice(2),i?2:8):d.test(t)?l:+t}var a="Expected a function",l=NaN,u="[object Symbol]",c=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,f=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof e&&e&&e.Object===Object&&e,m="object"==typeof self&&self&&self.Object===Object&&self,g=v||m||Function("return this")(),b=Object.prototype,y=b.toString,_=Math.max,w=Math.min,k=function(){return g.Date.now()};t.exports=i}).call(e,i(29))},function(t,e,i){"use strict";(function(t){function i(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then(function(){e=!1,t()}))}}function n(t){var e=!1;return function(){e||(e=!0,setTimeout(function(){e=!1,t()},pt))}}function o(t){var e={};return t&&"[object Function]"===e.toString.call(t)}function s(t,e){if(1!==t.nodeType)return[];var i=t.ownerDocument.defaultView,n=i.getComputedStyle(t,null);return e?n[e]:n}function r(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function a(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=s(t),i=e.overflow,n=e.overflowX,o=e.overflowY;return/(auto|scroll|overlay)/.test(i+o+n)?t:a(r(t))}function l(t){return 11===t?mt:10===t?gt:mt||gt}function u(t){if(!t)return document.documentElement;for(var e=l(10)?document.body:null,i=t.offsetParent||null;i===e&&t.nextElementSibling;)i=(t=t.nextElementSibling).offsetParent;var n=i&&i.nodeName;return n&&"BODY"!==n&&"HTML"!==n?["TH","TD","TABLE"].indexOf(i.nodeName)!==-1&&"static"===s(i,"position")?u(i):i:t?t.ownerDocument.documentElement:document.documentElement}function c(t){var e=t.nodeName;return"BODY"!==e&&("HTML"===e||u(t.firstElementChild)===t)}function d(t){return null!==t.parentNode?d(t.parentNode):t}function p(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var i=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,n=i?t:e,o=i?e:t,s=document.createRange();s.setStart(n,0),s.setEnd(o,0);var r=s.commonAncestorContainer;if(t!==r&&e!==r||n.contains(o))return c(r)?r:u(r);var a=d(t);return a.host?p(a.host,e):p(t,d(e).host)}function f(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",i="top"===e?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var o=t.ownerDocument.documentElement,s=t.ownerDocument.scrollingElement||o;return s[i]}return t[i]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=f(e,"top"),o=f(e,"left"),s=i?-1:1;return t.top+=n*s,t.bottom+=n*s,t.left+=o*s,t.right+=o*s,t}function v(t,e){var i="x"===e?"Left":"Top",n="Left"===i?"Right":"Bottom";return parseFloat(t["border"+i+"Width"],10)+parseFloat(t["border"+n+"Width"],10)}function m(t,e,i,n){return Math.max(e["offset"+t],e["scroll"+t],i["client"+t],i["offset"+t],i["scroll"+t],l(10)?parseInt(i["offset"+t])+parseInt(n["margin"+("Height"===t?"Top":"Left")])+parseInt(n["margin"+("Height"===t?"Bottom":"Right")]):0)}function g(t){var e=t.body,i=t.documentElement,n=l(10)&&getComputedStyle(i);return{height:m("Height",e,i,n),width:m("Width",e,i,n)}}function b(t){return wt({},t,{right:t.left+t.width,bottom:t.top+t.height})}function y(t){var e={};try{if(l(10)){e=t.getBoundingClientRect();var i=f(t,"top"),n=f(t,"left");e.top+=i,e.left+=n,e.bottom+=i,e.right+=n}else e=t.getBoundingClientRect()}catch(t){}var o={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},r="HTML"===t.nodeName?g(t.ownerDocument):{},a=r.width||t.clientWidth||o.right-o.left,u=r.height||t.clientHeight||o.bottom-o.top,c=t.offsetWidth-a,d=t.offsetHeight-u;if(c||d){var p=s(t);c-=v(p,"x"),d-=v(p,"y"),o.width-=c,o.height-=d}return b(o)}function _(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=l(10),o="HTML"===e.nodeName,r=y(t),u=y(e),c=a(t),d=s(e),p=parseFloat(d.borderTopWidth,10),f=parseFloat(d.borderLeftWidth,10);i&&o&&(u.top=Math.max(u.top,0),u.left=Math.max(u.left,0));var v=b({top:r.top-u.top-p,left:r.left-u.left-f,width:r.width,height:r.height});if(v.marginTop=0,v.marginLeft=0,!n&&o){var m=parseFloat(d.marginTop,10),g=parseFloat(d.marginLeft,10);v.top-=p-m,v.bottom-=p-m,v.left-=f-g,v.right-=f-g,v.marginTop=m,v.marginLeft=g}return(n&&!i?e.contains(c):e===c&&"BODY"!==c.nodeName)&&(v=h(v,e)),v}function w(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=t.ownerDocument.documentElement,n=_(t,i),o=Math.max(i.clientWidth,window.innerWidth||0),s=Math.max(i.clientHeight,window.innerHeight||0),r=e?0:f(i),a=e?0:f(i,"left"),l={top:r-n.top+n.marginTop,left:a-n.left+n.marginLeft,width:o,height:s};return b(l)}function k(t){var e=t.nodeName;if("BODY"===e||"HTML"===e)return!1;if("fixed"===s(t,"position"))return!0;var i=r(t);return!!i&&k(i)}function x(t){if(!t||!t.parentElement||l())return document.documentElement;for(var e=t.parentElement;e&&"none"===s(e,"transform");)e=e.parentElement;return e||document.documentElement}function C(t,e,i,n){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s={top:0,left:0},l=o?x(t):p(t,e);if("viewport"===n)s=w(l,o);else{var u=void 0;"scrollParent"===n?(u=a(r(e)),"BODY"===u.nodeName&&(u=t.ownerDocument.documentElement)):u="window"===n?t.ownerDocument.documentElement:n;var c=_(u,l,o);if("HTML"!==u.nodeName||k(l))s=c;else{var d=g(t.ownerDocument),f=d.height,h=d.width;s.top+=c.top-c.marginTop,s.bottom=f+c.top,s.left+=c.left-c.marginLeft,s.right=h+c.left}}i=i||0;var v="number"==typeof i;return s.left+=v?i:i.left||0,s.top+=v?i:i.top||0,s.right-=v?i:i.right||0,s.bottom-=v?i:i.bottom||0,s}function S(t){var e=t.width,i=t.height;return e*i}function E(t,e,i,n,o){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(t.indexOf("auto")===-1)return t;var r=C(i,n,s,o),a={top:{width:r.width,height:e.top-r.top},right:{width:r.right-e.right,height:r.height},bottom:{width:r.width,height:r.bottom-e.bottom},left:{width:e.left-r.left,height:r.height}},l=Object.keys(a).map(function(t){return wt({key:t},a[t],{area:S(a[t])})}).sort(function(t,e){return e.area-t.area}),u=l.filter(function(t){var e=t.width,n=t.height;return e>=i.clientWidth&&n>=i.clientHeight}),c=u.length>0?u[0].key:l[0].key,d=t.split("-")[1];return c+(d?"-"+d:"")}function D(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=n?x(e):p(e,i);return _(i,o,n)}function T(t){var e=t.ownerDocument.defaultView,i=e.getComputedStyle(t),n=parseFloat(i.marginTop||0)+parseFloat(i.marginBottom||0),o=parseFloat(i.marginLeft||0)+parseFloat(i.marginRight||0),s={width:t.offsetWidth+o,height:t.offsetHeight+n};return s}function $(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function O(t,e,i){i=i.split("-")[0];var n=T(t),o={width:n.width,height:n.height},s=["right","left"].indexOf(i)!==-1,r=s?"top":"left",a=s?"left":"top",l=s?"height":"width",u=s?"width":"height";return o[r]=e[r]+e[l]/2-n[l]/2,i===a?o[a]=e[a]-n[u]:o[a]=e[$(a)],o}function B(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function L(t,e,i){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===i});var n=B(t,function(t){return t[e]===i});return t.indexOf(n)}function F(t,e,i){var n=void 0===i?t:t.slice(0,L(t,"name",i));return n.forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var i=t.function||t.fn;t.enabled&&o(i)&&(e.offsets.popper=b(e.offsets.popper),e.offsets.reference=b(e.offsets.reference),e=i(e,t))}),e}function A(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=D(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=E(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=O(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=F(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}function I(t,e){return t.some(function(t){var i=t.name,n=t.enabled;return n&&i===e})}function M(t){for(var e=[!1,"ms","Webkit","Moz","O"],i=t.charAt(0).toUpperCase()+t.slice(1),n=0;na[h]&&(t.offsets.popper[p]+=l[p]+v-a[h]),t.offsets.popper=b(t.offsets.popper);var m=l[p]+l[c]/2-v/2,g=s(t.instance.popper),y=parseFloat(g["margin"+d],10),_=parseFloat(g["border"+d+"Width"],10),w=m-t.offsets.popper[p]-y-_;return w=Math.max(Math.min(a[c]-v,w),0),t.arrowElement=n,t.offsets.arrow=(i={},_t(i,p,Math.round(w)),_t(i,f,""),i),t}function Z(t){return"end"===t?"start":"start"===t?"end":t}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Ct.indexOf(t),n=Ct.slice(i+1).concat(Ct.slice(0,i));return e?n.reverse():n}function et(t,e){if(I(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var i=C(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),n=t.placement.split("-")[0],o=$(n),s=t.placement.split("-")[1]||"",r=[];switch(e.behavior){case St.FLIP:r=[n,o];break;case St.CLOCKWISE:r=tt(n);break;case St.COUNTERCLOCKWISE:r=tt(n,!0);break;default:r=e.behavior}return r.forEach(function(a,l){if(n!==a||r.length===l+1)return t;n=t.placement.split("-")[0],o=$(n);var u=t.offsets.popper,c=t.offsets.reference,d=Math.floor,p="left"===n&&d(u.right)>d(c.left)||"right"===n&&d(u.left)d(c.top)||"bottom"===n&&d(u.top)d(i.right),v=d(u.top)d(i.bottom),g="left"===n&&f||"right"===n&&h||"top"===n&&v||"bottom"===n&&m,b=["top","bottom"].indexOf(n)!==-1,y=!!e.flipVariations&&(b&&"start"===s&&f||b&&"end"===s&&h||!b&&"start"===s&&v||!b&&"end"===s&&m);(p||g||y)&&(t.flipped=!0,(p||g)&&(n=r[l+1]),y&&(s=Z(s)),t.placement=n+(s?"-"+s:""),t.offsets.popper=wt({},t.offsets.popper,O(t.instance.popper,t.offsets.reference,t.placement)),t=F(t.instance.modifiers,t,"flip"))}),t}function it(t){var e=t.offsets,i=e.popper,n=e.reference,o=t.placement.split("-")[0],s=Math.floor,r=["top","bottom"].indexOf(o)!==-1,a=r?"right":"bottom",l=r?"left":"top",u=r?"width":"height";return i[a]s(n[a])&&(t.offsets.popper[l]=s(n[a])),t}function nt(t,e,i,n){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),s=+o[1],r=o[2];if(!s)return t;if(0===r.indexOf("%")){var a=void 0;switch(r){case"%p":a=i;break;case"%":case"%r":default:a=n}var l=b(a);return l[e]/100*s}if("vh"===r||"vw"===r){var u=void 0;return u="vh"===r?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),u/100*s}return s}function ot(t,e,i,n){var o=[0,0],s=["right","left"].indexOf(n)!==-1,r=t.split(/(\+|\-)/).map(function(t){return t.trim()}),a=r.indexOf(B(r,function(t){return t.search(/,|\s/)!==-1}));r[a]&&r[a].indexOf(",")===-1&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,u=a!==-1?[r.slice(0,a).concat([r[a].split(l)[0]]),[r[a].split(l)[1]].concat(r.slice(a+1))]:[r];return u=u.map(function(t,n){var o=(1===n?!s:s)?"height":"width",r=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&["+","-"].indexOf(e)!==-1?(t[t.length-1]=e,r=!0,t):r?(t[t.length-1]+=e,r=!1,t):t.concat(e)},[]).map(function(t){return nt(t,o,e,i)})}),u.forEach(function(t,e){t.forEach(function(i,n){q(i)&&(o[e]+=i*("-"===t[n-1]?-1:1))})}),o}function st(t,e){var i=e.offset,n=t.placement,o=t.offsets,s=o.popper,r=o.reference,a=n.split("-")[0],l=void 0;return l=q(+i)?[+i,0]:ot(i,s,r,a),"left"===a?(s.top+=l[0],s.left-=l[1]):"right"===a?(s.top+=l[0],s.left+=l[1]):"top"===a?(s.left+=l[0],s.top-=l[1]):"bottom"===a&&(s.left+=l[0],s.top+=l[1]),t.popper=s,t}function rt(t,e){var i=e.boundariesElement||u(t.instance.popper);t.instance.reference===i&&(i=u(i));var n=M("transform"),o=t.instance.popper.style,s=o.top,r=o.left,a=o[n];o.top="",o.left="",o[n]="";var l=C(t.instance.popper,t.instance.reference,e.padding,i,t.positionFixed);o.top=s,o.left=r,o[n]=a,e.boundaries=l;var c=e.priority,d=t.offsets.popper,p={primary:function(t){var i=d[t];return d[t]l[t]&&!e.escapeWithReference&&(n=Math.min(d[i],l[t]-("right"===t?d.width:d.height))),_t({},i,n)}};return c.forEach(function(t){var e=["left","top"].indexOf(t)!==-1?"primary":"secondary";d=wt({},d,p[e](t))}),t.offsets.popper=d,t}function at(t){var e=t.placement,i=e.split("-")[0],n=e.split("-")[1];if(n){var o=t.offsets,s=o.reference,r=o.popper,a=["bottom","top"].indexOf(i)!==-1,l=a?"left":"top",u=a?"width":"height",c={start:_t({},l,s[l]),end:_t({},l,s[l]+s[u]-r[u])};t.offsets.popper=wt({},r,c[n])}return t}function lt(t){if(!G(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,i=B(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottomi.right||e.top>i.bottom||e.right=0){pt=1;break}var ht=ct&&window.Promise,vt=ht?i:n,mt=ct&&!(!window.MSInputMethodContext||!document.documentMode),gt=ct&&/MSIE 10/.test(navigator.userAgent),bt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},yt=function(){function t(t,e){for(var i=0;i2&&void 0!==arguments[2]?arguments[2]:{};bt(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=vt(this.update.bind(this)),this.options=wt({},t.Defaults,s),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=i&&i.jquery?i[0]:i,this.options.modifiers={},Object.keys(wt({},t.Defaults.modifiers,s.modifiers)).forEach(function(e){n.options.modifiers[e]=wt({},t.Defaults.modifiers[e]||{},s.modifiers?s.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return wt({name:t},n.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&o(t.onLoad)&&t.onLoad(n.reference,n.popper,n.options,t,n.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return yt(t,[{key:"update",value:function(){return A.call(this)}},{key:"destroy",value:function(){return P.call(this)}},{key:"enableEventListeners",value:function(){return N.call(this)}},{key:"disableEventListeners",value:function(){return H.call(this)}}]),t}();Tt.Utils=("undefined"!=typeof window?window:t).PopperUtils,Tt.placements=xt,Tt.Defaults=Dt,e.a=Tt}).call(e,i(29))},function(t,e,i){"use strict";function n(t){i(106)}var o=i(55),s=i(155),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(110)}var o=i(60),s=i(159),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(118)}var o=i(74),s=i(167),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);
+e.a=c.exports},function(t,e,i){"use strict";function n(t){i(134)}var o=i(84),s=i(183),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";function n(t){i(115)}var o=i(90),s=i(164),r=i(0),a=n,l=null,u=null,c=r(o.a,s.a,a,l,u);e.a=c.exports},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-radio-group",class:t.classes},[t.label||t.$slots.default?i("div",{staticClass:"ui-radio-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-radio-group__radios"},t._l(t.options,function(e){return i("ui-radio",{key:e[t.keys.id],staticClass:"ui-radio-group__radio",class:e[t.keys.class],attrs:{"button-position":t.buttonPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name,tabindex:t.tabindex,"true-value":e[t.keys.value]||e},on:{blur:t.onBlur,focus:t.onFocus},model:{value:t.selectedOptionValue,callback:function(e){t.selectedOptionValue=e},expression:"selectedOptionValue"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-radio-group__feedback"},[t.showError?i("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-slider",class:t.classes,attrs:{role:"slider","aria-valuemax":t.moderatedMax,"aria-valuemin":t.moderatedMin,"aria-valuenow":t.localValue,tabindex:t.disabled?null:t.tabindex||"0"},on:{blur:t.onBlur,focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:(e.preventDefault(),t.incrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),t.incrementValue(e)):null}]}},[t.name?i("input",{staticClass:"ui-slider__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.value}}):t._e(),t._v(" "),t.hasIcon?i("div",{staticClass:"ui-slider__icon"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{ref:"track",staticClass:"ui-slider__track",on:{mousedown:t.onDragStart,touchstart:t.onDragStart}},[i("div",{staticClass:"ui-slider__track-background"},t._l(t.snapPoints,function(e){return t.snapToSteps?i("span",{staticClass:"ui-slider__snap-point",style:{left:100*t.relativeValue(e)+"%"}}):t._e()}),0),t._v(" "),i("div",{staticClass:"ui-slider__track-fill",style:t.fillStyle}),t._v(" "),i("div",{ref:"thumb",staticClass:"ui-slider__thumb",style:t.thumbStyle},[t.showMarker?i("div",{staticClass:"ui-slider__marker"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"36",height:"36"}},[i("path",{attrs:{d:"M11 .5c-1.7.2-3.4.9-4.7 2-1.1.9-2 2-2.5 3.2-1.2 2.4-1.2 5.1-.1 7.7 1.1 2.6 2.8 5 5.3 7.5 1.2 1.2 2.8 2.7 3 2.7 0 0 .3-.2.6-.5 3.2-2.7 5.6-5.6 7.1-8.5.8-1.5 1.1-2.6 1.3-3.8.2-1.4 0-2.9-.5-4.3-1.2-3.2-4.1-5.4-7.5-5.8-.5-.2-1.5-.2-2-.2z"}})]),t._v(" "),i("span",{staticClass:"ui-slider__marker-text"},[t._v(t._s(t.markerText))])]):t._e()])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.disableAnimation?null:"ui-alert--transition-toggle"}},[i("div",{staticClass:"ui-alert",class:t.classes,attrs:{role:"alert"}},[i("div",{staticClass:"ui-alert__body"},[t.removeIcon?t._e():i("div",{staticClass:"ui-alert__icon"},[t._t("icon",["info"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 9V6.984h-1.97V9h1.97zm0 8.016v-6h-1.97v6h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"success"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm2.016-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"warning"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 14.016v-4.03h-1.97v4.03h1.97zm0 3.984v-2.016h-1.97V18h1.97zm-12 3L12 2.016 23.016 21H.986z"}})])]):t._e(),t._v(" "),"error"===t.type?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12.984 12.984v-6h-1.97v6h1.97zm0 4.032V15h-1.97v2.016h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e()])],2),t._v(" "),i("div",{staticClass:"ui-alert__content"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"ui-alert__dismiss-button"},[t.dismissible?i("ui-close-button",{attrs:{size:"small"},on:{click:t.dismissAlert}}):t._e()],1)])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-snackbar-container",class:t.classes},t._l(t.queue,function(e,n){return i("ui-snackbar",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"snackbar.show"}],key:n,attrs:{"action-color":e.actionColor,action:e.action,message:e.message,transition:t.transition},on:{"action-click":function(i){t.onActionClick(e)},click:function(i){t.onClick(e)},hide:function(i){t.onHide(e,n)},show:function(i){t.onShow(e)}}},[t.allowHtml?i("div",{domProps:{innerHTML:t._s(e.message)}}):t._e()])}),1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar",class:t.classes},[i("ui-calendar-controls",{ref:"controls",staticClass:"ui-calendar__header",attrs:{color:t.color,"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,"year-range":t.yearRange},on:{"go-to-date":t.goToDate}}),t._v(" "),i("div",{staticClass:"ui-calendar__body"},[i("ui-calendar-month",{ref:"month",attrs:{color:t.color,"date-in-view":t.dateInView,lang:t.lang,selected:t.value,"start-of-week":t.startOfWeek,"square-cells":t.squareCells},on:{change:t.onMonthChange,"date-select":t.onDateSelect},scopedSlots:t._u([{key:"date",fn:function(e){return[t.$scopedSlots.date?t._t("date",null,{date:e.date}):[t._v(t._s(e.date.getDate()))]]}}])})],1)],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-radio",class:t.classes,on:{click:t.toggleCheck}},[i("div",{staticClass:"ui-radio__input-wrapper"},[i("input",{ref:"input",staticClass:"ui-radio__input",attrs:{type:"radio",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.checked,value:t.trueValue},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus}}),t._v(" "),i("div",{staticClass:"ui-radio__focus-ring"}),t._v(" "),i("span",{staticClass:"ui-radio__outer-circle"}),t._v(" "),i("span",{staticClass:"ui-radio__inner-circle"})]),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-radio__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"ui-progress-linear--transition-fade"}},[i("div",{staticClass:"ui-progress-linear",class:t.classes},["determinate"===t.type?i("div",{staticClass:"ui-progress-linear__progress-bar is-determinate",style:{transform:"scaleX("+t.moderatedProgress/100+")"},attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.moderatedProgress}}):i("div",{staticClass:"ui-progress-linear__progress-bar is-indeterminate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0}})])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-autocomplete-suggestion",class:t.classes},[t._t("default",["simple"===t.type?i("div",{staticClass:"ui-autocomplete-suggestion__simple"},[t._v("\n "+t._s(t.suggestion[t.keys.label]||t.suggestion)+"\n ")]):t._e(),t._v(" "),"image"===t.type?i("div",{staticClass:"ui-autocomplete-suggestion__image"},[i("div",{staticClass:"ui-autocomplete-suggestion__image-object",style:t.imageStyle}),t._v(" "),i("div",{staticClass:"ui-autocomplete-suggestion__image-text"},[t._v(t._s(t.suggestion[t.keys.label]))])]):t._e()])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-tabs",class:t.classes},[i("div",{staticClass:"ui-tabs__header"},[i("ul",{staticClass:"ui-tabs__header-items",attrs:{role:"tablist"}},t._l(t.tabs,function(e){return i("ui-tab-header-item",{key:e.id,ref:"tabHeaders",refInFor:!0,attrs:{active:t.activeTabId===e.id,"disable-ripple":t.disableRipple,disabled:e.disabled,id:e.id,title:e.title,type:t.type},nativeOn:{click:function(i){t.onTabClick(e,i)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:t.selectPreviousTab(e):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:t.selectNextTab(e):null}]}},[e.$slots.header?i("render",{attrs:{nodes:e.$slots.header}}):t.hasIcon&&Boolean(e.$slots.icon)?i("render",{attrs:{slot:"icon",nodes:e.$slots.icon},slot:"icon"}):t._e()],1)}),1)]),t._v(" "),i("div",{staticClass:"ui-tabs__body"},[t._t("default")],2)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-preloader",class:{"is-loading":t.show}},[i("div",{staticClass:"ui-preloader__progressbar",attrs:{role:"progressbar","aria-busy":!!t.show&&"true"}})])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("span",{staticClass:"ui-icon",class:[t.iconSet,t.icon],attrs:{"aria-label":t.ariaLabel}},[t.useSvg?i("svg",{staticClass:"ui-icon__svg"},[i("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+t.icon}})]):t._t("default",[t._v(t._s(t.removeText?null:t.icon))])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("tr",{staticClass:"ui-calendar-week",class:t.classes},t._l(t.dates,function(e){return i("td",{key:e.toString()},[i("button",{staticClass:"ui-calendar-week__date",class:t.getDateClasses(e),attrs:{disabled:t.isDateDisabled(e)},on:{click:function(i){t.selectDate(e)}}},[t._t("default",[t._v(t._s(e.getDate()))],{date:e})],2)])}),0)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-menu",class:t.classes,attrs:{role:"menu",tag:"ul",lazy:"","contain-focus":t.containFocus}},t._l(t.options,function(e,n){return i("ui-menu-option",{key:n,attrs:{"disable-ripple":t.disableRipple,disabled:e[t.keys.disabled],href:e[t.keys.href],"icon-props":t.iconProps||e[t.keys.iconProps],icon:t.hasIcons?e[t.keys.icon]:null,label:"divider"===e[t.keys.type]?null:e[t.keys.label]||e,"secondary-text":t.hasSecondaryText?e[t.keys.secondaryText]:null,target:e[t.keys.target],type:e[t.keys.type]},nativeOn:{click:function(i){t.selectOption(e)},keydown:[function(i){return"button"in i||!t._k(i.keyCode,"enter",13,i.key,"Enter")?void t.selectOption(e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeMenu(e):null}]}},[t._t("option",null,{option:e})],2)}),1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-popover",class:{"is-raised":t.raised},attrs:{role:"dialog","contain-focus":t.containFocus,"focus-redirector":t.focusRedirector},on:{"focus-overflow":function(e){t.close()}}},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"ui-fab",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip},on:{click:t.onClick}},[t.icon||t.$slots.default?i("div",{staticClass:"ui-fab__icon"},[t._t("default",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("span",{staticClass:"ui-fab__focus-ring"}),t._v(" "),t.disableRipple?t._e():i("ui-ripple-ink"),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ui-modal",{ref:"modal",staticClass:"ui-confirm",attrs:{role:"alertdialog","dismiss-on":t.dismissOn,dismissible:!t.loading,title:t.title,transition:t.transition,size:t.size},on:{close:t.onModalClose,hide:t.onModalHide,open:t.onModalOpen,reveal:t.onModalReveal}},[i("div",{staticClass:"ui-confirm__message"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"ui-confirm__footer",attrs:{slot:"footer"},slot:"footer"},[i("ui-button",{ref:"confirmButton",attrs:{color:t.confirmButtonColor,icon:t.confirmButtonIcon,loading:t.loading},on:{click:t.confirm}},[t._v(t._s(t.confirmButtonText))]),t._v(" "),i("ui-button",{ref:"denyButton",attrs:{disabled:t.loading,icon:t.denyButtonIcon},on:{click:t.deny}},[t._v(t._s(t.denyButtonText))])],1)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-tab-header-item",class:t.classes,attrs:{role:"tab","aria-controls":t.id,"aria-selected":t.active?"true":null,disabled:t.disabled,tabindex:t.active?0:-1}},[t._t("default",[t.hasIcon?i("div",{staticClass:"ui-tab-header-item__icon"},[t._t("icon")],2):t._e(),t._v(" "),t.hasText?i("div",{staticClass:"ui-tab-header-item__text"},[t._v(t._s(t.title))]):t._e()]),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-select",class:t.classes},[t.name?i("input",{staticClass:"ui-select__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}):t._e(),t._v(" "),t.icon||t.$slots.icon?i("div",{staticClass:"ui-select__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-select__content"},[i("div",{ref:"label",staticClass:"ui-select__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null}]}},[t.label||t.$slots.default?i("div",{staticClass:"ui-select__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-select__display"},[i("div",{staticClass:"ui-select__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),i("ui-icon",{staticClass:"ui-select__dropdown-button"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])])],1),t._v(" "),i("ui-popover",{ref:"dropdown",staticClass:"ui-select__dropdown",attrs:{"close-on-scroll":!1,"constrain-to-scroll-parent":!1,disabled:t.disabled},on:{close:t.onClose,open:t.onOpen,reveal:t.onReveal}},[i("div",{ref:"dropdownContent",staticClass:"ui-select__dropdown-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),e.stopPropagation(),void t.selectHighlighted(t.highlightedIndex,e)):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.preventDefault(),void t.closeDropdown()):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex-1)):null}]}},[t.hasSearch?i("div",{staticClass:"ui-select__search",on:{click:function(t){t.stopPropagation()},keydown:function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?void e.stopPropagation():null}}},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"searchInput",staticClass:"ui-select__search-input",attrs:{autocomplete:"off",type:"text",placeholder:t.searchPlaceholder},domProps:{value:t.query},on:{input:function(e){e.target.composing||(t.query=e.target.value)}}}),t._v(" "),i("ui-icon",{staticClass:"ui-select__search-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zm6 0l4.97 4.97-1.5 1.5-4.97-4.97v-.797l-.28-.282c-1.126.984-2.626 1.547-4.22 1.547-3.61 0-6.516-2.86-6.516-6.47S5.906 3 9.516 3s6.47 2.906 6.47 6.516c0 1.594-.564 3.094-1.548 4.22l.28.28h.798z"}})])]),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-select__search-progress",attrs:{size:20,stroke:4}}):t._e()],1):t._e(),t._v(" "),i("ul",{ref:"optionsList",staticClass:"ui-select__options"},[t._l(t.filteredOptions,function(e,n){return i("ui-select-option",{key:n,ref:"options",refInFor:!0,attrs:{highlighted:t.highlightedIndex===n,keys:t.keys,multiple:t.multiple,option:e,selected:t.isOptionSelected(e),type:t.type},nativeOn:{click:function(i){i.stopPropagation(),t.selectOption(e,n)},mouseover:function(e){e.stopPropagation(),t.highlightOption(n,{autoScroll:!1})}}},[t._t("option",null,{highlighted:t.highlightedIndex===n,index:n,option:e,selected:t.isOptionSelected(e)})],2)}),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.hasNoResults,expression:"hasNoResults"}],staticClass:"ui-select__no-results"},[t._t("no-results",[t._v("No results found")])],2)],2)])])],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-select__feedback"},[t.showError?i("div",{staticClass:"ui-select__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-select__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.transitionName},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[i("div",{staticClass:"ui-snackbar",on:{click:t.onClick}},[i("div",{staticClass:"ui-snackbar__message"},[t._t("default",[t._v(t._s(t.message))])],2),t._v(" "),i("div",{staticClass:"ui-snackbar__action"},[t.action?i("ui-button",{staticClass:"ui-snackbar__action-button",attrs:{type:"secondary",color:t.actionColor},on:{click:function(e){return e.stopPropagation(),t.onActionClick(e)}}},[t._v(t._s(t.action))]):t._e()],1)])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"li",{tag:"component",staticClass:"ui-menu-option",class:t.classes,attrs:{role:"menu-item",href:t.isAnchor?t.disabled?null:t.href:null,tabindex:t.isDivider||t.isAnchor||t.disabled?null:"0",target:t.isAnchor?t.disabled?null:t.target:null}},[t.isDivider?t._e():t._t("default",[i("div",{staticClass:"ui-menu-option__content"},[t.icon?i("ui-icon",{staticClass:"ui-menu-option__icon",attrs:{"icon-set":t.iconProps.iconSet,icon:t.icon,"remove-text":t.iconProps.removeText,"use-svg":t.iconProps.useSvg}}):t._e(),t._v(" "),i("div",{staticClass:"ui-menu-option__text"},[t._v(t._s(t.label))]),t._v(" "),t.secondaryText?i("div",{staticClass:"ui-menu-option__secondary-text"},[t._v("\n "+t._s(t.secondaryText)+"\n ")]):t._e()],1)]),t._v(" "),t.disabled||t.isDivider||t.disableRipple?t._e():i("ui-ripple-ink")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.toggleTransition},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],staticClass:"ui-modal ui-modal__mask",class:t.classes,attrs:{role:t.role},on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[i("div",{staticClass:"ui-modal__wrapper",class:{"has-dummy-scrollbar":t.preventShift},style:t.alignTopStyle,on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[i("ui-focus-container",{ref:"focusContainer",staticClass:"ui-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.stopPropagation(),t.onEsc(e)):null}}},[t.removeHeader?t._e():i("div",{staticClass:"ui-modal__header"},[t._t("header",[i("h1",{staticClass:"ui-modal__header-text"},[t._v(t._s(t.title))])]),t._v(" "),i("div",{staticClass:"ui-modal__close-button"},[t.dismissOnCloseButton&&!t.removeCloseButton&&t.dismissible?i("ui-close-button",{on:{click:t.close}}):t._e()],1)],2),t._v(" "),i("div",{staticClass:"ui-modal__body"},[t._t("default")],2),t._v(" "),t.hasFooter?i("div",{staticClass:"ui-modal__footer"},[t._t("footer")],2):t._e()])],1)])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-ripple-ink"})},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-button",class:t.classes,attrs:{disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[i("div",{staticClass:"ui-button__content"},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-button__icon"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),t._t("default"),t._v(" "),t.hasDropdown&&"right"!==t.iconPosition?i("ui-icon",{staticClass:"ui-button__dropdown-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],2),t._v(" "),i("div",{staticClass:"ui-button__focus-ring"}),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-button__progress",attrs:{"disable-transition":"",color:t.progressColor,size:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink"),t._v(" "),t.hasDropdown?i("ui-popover",{ref:"dropdown",attrs:{"contain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.tag,{tag:"component",staticClass:"ui-focus-container"},[t.renderRedirector?i("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!1})}}}):t._e(),t._v(" "),i("div",{ref:"content",staticClass:"ui-focus-container__content",attrs:{tabindex:"-1"}},[t._t("default")],2),t._v(" "),!t.disabled&&t.containFocus?i("span",{ref:"lastFocusable",staticClass:"ui-focus-container__last-focusable",attrs:{tabindex:"-1"}}):t._e(),t._v(" "),t.renderRedirector?i("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!0})}}}):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-tooltip"},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-calendar-controls",class:t.classes},[i("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_left",type:"secondary",color:"default"===t.color?"default":"white",disabled:t.previousMonthDisabled},on:{click:t.goToPreviousMonth}},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z"}})])])],1),t._v(" "),i("div",{staticClass:"ui-calendar-controls__month-and-year"},[t._v(t._s(t.monthAndYear))]),t._v(" "),i("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_right",type:"secondary",color:"default"===t.color?"default":"white",disabled:t.nextMonthDisabled},on:{click:t.goToNextMonth}},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M8.578 16.36l4.594-4.595L8.578 7.17l1.406-1.405 6 6-6 6z"}})])])],1)],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-datepicker",class:t.classes},[i("input",{staticClass:"ui-datepicker__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}),t._v(" "),t.icon||t.$slots.icon?i("div",{staticClass:"ui-datepicker__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-datepicker__content"},[i("div",{ref:"label",staticClass:"ui-datepicker__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{focus:t.onFocus,click:function(e){t.togglePicker({returnFocus:!1})},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),void t.togglePicker({returnFocus:!1})):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),void t.togglePicker({returnFocus:!1})):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onTabAway(e):null}]}},[t.label||t.$slots.default?i("div",{staticClass:"ui-datepicker__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-datepicker__display"},[i("div",{staticClass:"ui-datepicker__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),t.usesPopover&&!t.disabled?i("ui-icon",{staticClass:"ui-datepicker__dropdown-button"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],1),t._v(" "),t.usesPopover?i("ui-popover",{directives:[{name:"show",rawName:"v-show",value:!t.disabled,expression:"!disabled"}],ref:"popover",attrs:{"contain-focus":"","open-on":"manual","close-on-scroll":!1,"append-to-body":t.appendDropdownToBody,"z-index":t.dropdownZIndex},on:{close:t.onPickerClose,open:t.onPickerOpen}},[i("ui-datepicker-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek,"year-range":t.yearRange},on:{"date-select":t.onDateSelect}})],1):t._e()],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-datepicker__feedback"},[t.showError?i("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()]),t._v(" "),t.usesModal&&!t.disabled?i("ui-modal",{ref:"modal",attrs:{"remove-header":"",size:"auto"},on:{hidden:t.onPickerClose,open:t.onPickerOpen}},[i("ui-datepicker-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek,"year-range":t.yearRange},on:{"date-select":t.onDateSelect}})],1):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-checkbox",class:t.classes},[i("input",{ref:"input",staticClass:"ui-checkbox__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-checkbox__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-checkbox__checkmark"},[i("div",{staticClass:"ui-checkbox__focus-ring"})])}],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-checkbox-group",class:t.classes},[t.label||t.$slots.default?i("div",{staticClass:"ui-checkbox-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-checkbox-group__checkboxes"},t._l(t.options,function(e,n){return i("ui-checkbox",{key:e[t.keys.id],staticClass:"ui-checkbox-group__checkbox",class:e[t.keys.class],attrs:{"box-position":t.boxPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name||e[t.keys.name]},on:{blur:t.onBlur,change:function(i){t.onChange(arguments,e)},focus:t.onFocus},model:{value:t.checkboxValues[n],callback:function(e){t.$set(t.checkboxValues,n,e)},expression:"checkboxValues[index]"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-checkbox-group__feedback"},[t.showError?i("div",{staticClass:"ui-checkbox-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{
+staticClass:"ui-checkbox-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"ui-close-button",class:t.classes,attrs:{"aria-label":"Close",type:"button",disabled:t.disabled},on:{click:t.onClick}},[i("div",{staticClass:"ui-close-button__icon"},[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])])],1),t._v(" "),i("span",{staticClass:"ui-close-button__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.disableTransition?null:"ui-progress-circular--transition-fade"}},[i("div",{staticClass:"ui-progress-circular",class:t.classes,style:{width:t.size+"px",height:t.size+"px"}},["determinate"===t.type?i("svg",{staticClass:"ui-progress-circular__determinate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.progress,height:t.size,width:t.size}},[i("circle",{staticClass:"ui-progress-circular__determinate-path",style:{"stroke-dashoffset":t.strokeDashOffset,"stroke-width":t.calculatedStroke},attrs:{fill:"transparent","stroke-dashoffset":"0",cx:t.size/2,cy:t.size/2,r:t.radius,"stroke-dasharray":t.strokeDashArray}})]):i("svg",{staticClass:"ui-progress-circular__indeterminate",attrs:{role:"progressbar",viewBox:"25 25 50 50","aria-valuemax":100,"aria-valuemin":0}},[i("circle",{staticClass:"ui-progress-circular__indeterminate-path",attrs:{cx:"50",cy:"50",fill:"none",r:"20","stroke-miterlimit":"10","stroke-width":t.calculatedStroke}})])])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-autocomplete",class:t.classes},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-autocomplete__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-autocomplete__content"},[i("label",{staticClass:"ui-autocomplete__label"},[t.label||t.$slots.default?i("div",{staticClass:"ui-autocomplete__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),i("ui-icon",{directives:[{name:"show",rawName:"v-show",value:!t.disabled&&t.valueLength>0,expression:"!disabled && valueLength > 0"}],staticClass:"ui-autocomplete__clear-button",attrs:{title:"Clear"},nativeOn:{click:function(e){t.updateValue("")}}},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])]),t._v(" "),i("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-autocomplete__input",attrs:{autocomplete:"off",disabled:t.disabled,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly?t.readonly:null,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void t.selectHighlighted(t.highlightedIndex,e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex-1)):null}]}}),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.showDropdown,expression:"showDropdown"}],staticClass:"ui-autocomplete__suggestions"},t._l(t.matchingSuggestions,function(e,n){return i("ui-autocomplete-suggestion",{key:n,ref:"suggestions",refInFor:!0,attrs:{highlighted:t.highlightedIndex===n,keys:t.keys,suggestion:e,type:t.type},nativeOn:{click:function(i){t.selectSuggestion(e)}}},[t._t("suggestion",null,{highlighted:t.highlightedIndex===n,index:n,suggestion:e})],2)}),1)],1),t._v(" "),t.hasFeedback?i("div",{staticClass:"ui-autocomplete__feedback"},[t.showError?i("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isActive,expression:"isActive"}],staticClass:"ui-tab",attrs:{role:"tabpanel","aria-hidden":t.isActive?null:"true",id:t.id,tabindex:t.isActive?"0":null}},[t._t("default")],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-fileupload",class:t.classes},[t.renderInput?i("input",{ref:"input",staticClass:"ui-fileupload__input",attrs:{type:"file",accept:t.accept,disabled:t.disabled,multiple:t.multiple,name:t.name,required:t.required,tabindex:t.tabindex},on:{blur:t.onBlur,input:t.onInput,change:t.onChange,focus:t.onFocus}}):t._e(),t._v(" "),i("div",{staticClass:"ui-fileupload__content"},[i("div",{staticClass:"ui-fileupload__icon"},[t._t("icon",[i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M5.016 18h13.969v2.016H5.016V18zM9 15.984v-6H5.016L12 3l6.984 6.984H15v6H9z"}})])])])],2),t._v(" "),t.hasSelection?i("span",{staticClass:"ui-fileupload__display-text"},[t._v(t._s(t.displayText))]):t._t("default",[t._v(t._s(t.placeholder))])],2),t._v(" "),i("div",{staticClass:"ui-fileupload__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-icon-button",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip,disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[t.icon||t.$slots.default?i("div",{staticClass:"ui-icon-button__icon"},[t._t("default",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-icon-button__focus-ring"}),t._v(" "),t.loading?i("ui-progress-circular",{staticClass:"ui-icon-button__progress",attrs:{color:t.progressColor,size:"large"===t.size?24:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink"),t._v(" "),t.hasDropdown?i("ui-popover",{ref:"dropdown",attrs:{"constain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?i("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"ui-select-option",class:t.classes},[t._t("default",["basic"===t.type?i("div",{staticClass:"ui-select-option__basic"},[t._v("\n "+t._s(t.option[t.keys.label]||t.option)+"\n ")]):t._e(),t._v(" "),"image"===t.type?i("div",{staticClass:"ui-select-option__image"},[i("div",{staticClass:"ui-select-option__image-object",style:t.imageStyle}),t._v(" "),i("div",{staticClass:"ui-select-option__image-text"},[t._v(t._s(t.option[t.keys.label]))])]):t._e(),t._v(" "),t.multiple?i("div",{staticClass:"ui-select-option__checkbox"},[t.selected?i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm9-14.016C20.11 3 21 3.938 21 5.016v13.97C21 20.062 20.11 21 18.984 21H5.014C3.89 21 3 20.064 3 18.986V5.015C3 3.94 3.89 3 5.014 3h13.97z"}})])]):i("ui-icon",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M18.984 3C20.062 3 21 3.938 21 5.016v13.97C21 20.062 20.062 21 18.984 21H5.014C3.938 21 3 20.064 3 18.986V5.015C3 3.94 3.936 3 5.014 3h13.97zm0 2.016H5.014v13.97h13.97V5.015z"}})])])],1):t._e()])],2)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-textbox",class:t.classes},[t.icon||t.$slots.icon?i("div",{staticClass:"ui-textbox__icon-wrapper"},[t._t("icon",[i("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),i("div",{staticClass:"ui-textbox__content"},[i("label",{staticClass:"ui-textbox__label"},[t.multiLine?i("textarea",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"textarea",staticClass:"ui-textbox__textarea",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,maxlength:t.enforceMaxlength?t.maxlength:null,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,rows:t.rows,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}):i("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-textbox__input",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,max:t.maxValue,maxlength:t.enforceMaxlength?t.maxlength:null,min:t.minValue,name:t.name,number:"number"===t.type||null,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,step:t.stepValue,tabindex:t.tabindex,type:t.type},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-textbox__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e()]),t._v(" "),t.hasFeedback||t.maxlength?i("div",{staticClass:"ui-textbox__feedback"},[t.showError?i("div",{staticClass:"ui-textbox__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?i("div",{staticClass:"ui-textbox__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e(),t._v(" "),t.maxlength?i("div",{staticClass:"ui-textbox__counter"},[t._v("\n "+t._s(t.valueLength+"/"+t.maxlength)+"\n ")]):t._e()]):t._e()])])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-toolbar",class:t.classes},[i("div",{staticClass:"ui-toolbar__left"},[t.removeNavIcon?t._e():i("div",{staticClass:"ui-toolbar__nav-icon"},[t._t("icon",[i("ui-icon-button",{attrs:{size:"large",type:"secondary",color:t.textColor,icon:t.navIcon},on:{click:t.navIconClick}})])],2),t._v(" "),t.brand||t.$slots.brand?i("div",{staticClass:"ui-toolbar__brand"},[t._t("brand",[i("div",{staticClass:"ui-toolbar__brand-text"},[t._v(t._s(t.brand))])])],2):t._e()]),t._v(" "),i("div",{staticClass:"ui-toolbar__body",class:{"has-brand-divider":t.hasBrandDivider}},[t._t("default",[t.title?i("div",{staticClass:"ui-toolbar__title"},[t._v(t._s(t.title))]):t._e()])],2),t._v(" "),i("div",{staticClass:"ui-toolbar__right"},[t._t("actions")],2),t._v(" "),i("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],staticClass:"ui-toolbar__progress",attrs:{color:t.progressColor}})],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-datepicker-calendar",class:t.classes},[i("div",{staticClass:"ui-datepicker-calendar__header"},[i("div",{staticClass:"ui-datepicker-calendar__header-year",class:{"is-active":t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!0},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!0):null}}},[t._v(t._s(t.headerYear))]),t._v(" "),i("div",{staticClass:"ui-datepicker-calendar__header-date",class:{"is-active":!t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!1},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!1):null}}},[i("span",{staticClass:"ui-datepicker-calendar__header-weekday"},[t._v(t._s(t.headerWeekday)+", ")]),t._v(" "),i("span",{staticClass:"ui-datepicker-calendar__header-day"},[t._v(t._s(t.headerDay))])])]),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.showYearPicker,expression:"showYearPicker"}],ref:"years",staticClass:"ui-datepicker-calendar__years"},t._l(t.yearRange,function(e){return t.isYearOutOfRange(e)?t._e():i("li",{staticClass:"ui-datepicker-calendar__year",class:t.getYearClasses(e),attrs:{tabindex:"0"},on:{click:function(i){t.selectYear(e)},keydown:function(i){return"button"in i||!t._k(i.keyCode,"enter",13,i.key,"Enter")?void t.selectYear(e):null}}},[t._v(t._s(e))])}),0),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.showYearPicker,expression:"!showYearPicker"}],staticClass:"ui-datepicker-calendar__body"},[i("ui-calendar-controls",{ref:"controls",attrs:{"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,"year-range":t.yearRange},on:{"go-to-date":t.onGoToDate}}),t._v(" "),i("ui-calendar-month",{ref:"month",attrs:{"square-cells":"",color:t.color,"date-filter":t.dateFilter,"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,selected:t.value,"start-of-week":t.startOfWeek},on:{change:t.onMonthChange,"date-select":t.onDateSelect}})],1)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",{staticClass:"ui-switch",class:t.classes},[i("div",{staticClass:"ui-switch__input-wrapper"},[i("input",{ref:"input",staticClass:"ui-switch__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),i("div",{staticClass:"ui-switch__track"})]),t._v(" "),t.label||t.$slots.default?i("div",{staticClass:"ui-switch__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},o=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-switch__thumb"},[i("div",{staticClass:"ui-switch__focus-ring"})])}],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"ui-collapsible",class:t.classes},[i("div",{staticClass:"ui-collapsible__header",attrs:{"aria-controls":t.id,"aria-expanded":t.isOpen?"true":"false",tabindex:t.disabled?null:0},on:{click:t.toggleCollapsible,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.toggleCollapsible(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.toggleCollapsible(e)):null}]}},[i("div",{staticClass:"ui-collapsible__header-content"},[t._t("header",[t._v(t._s(t.title))])],2),t._v(" "),t.removeIcon?t._e():i("ui-icon",{staticClass:"ui-collapsible__header-icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M7.406 7.828L12 12.422l4.594-4.594L18 9.234l-6 6-6-6z"}})])]),t._v(" "),t.disableRipple||t.disabled?t._e():i("ui-ripple-ink")],1),t._v(" "),i("transition",{on:{enter:t.onEnter,"after-enter":t.afterEnter,"before-leave":t.beforeLeave,leave:t.onLeave}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],ref:"bodyWrapper",staticClass:"ui-collapsible__body-wrapper",attrs:{"aria-hidden":t.isOpen?null:"true",id:t.id}},[i("div",{staticClass:"ui-collapsible__body"},[t._t("default")],2)])])],1)},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("table",{staticClass:"ui-calendar-month"},[i("thead",{staticClass:"ui-calendar-month__header"},[i("tr",t._l(t.daysOfWeek,function(e){return i("th",[t._v(t._s(e))])}),0)]),t._v(" "),i("tbody",{staticClass:"ui-calendar-month__body"},t._l(t.currentWeekStartDates,function(e){return i("ui-calendar-week",{key:e.toString(),tag:"tr",attrs:{color:t.color,"date-filter":t.dateFilter,"max-date":t.maxDate,"min-date":t.minDate,month:t.currentWeekStartDates[1].getMonth(),selected:t.selected,"square-cells":t.squareCells,"week-start":e},on:{"date-select":t.onDateSelect},scopedSlots:t._u([{key:"default",fn:function(e){return t.$scopedSlots.date?[t._t("date",null,{date:e.date})]:void 0}}])})}),1)])},o=[],s={render:n,staticRenderFns:o};e.a=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(i(30),i(31)),o=i(4),s=i(32),r=i(33),a=i(7),l=i(34),u=i(15),c=i(35),d=i(10),p=i(36),f=i(37),h=i(38),v=i(16),m=i(39),g=i(40),b=i(1),y=i(11),_=i(41),w=i(12),k=i(5),x=i(42),C=i(8),S=i(17),E=i(18),D=i(43),T=i(2),$=i(44),O=i(45),B=i(19),L=i(46),F=i(47),A=i(48),I=i(49),M=i(50),P=i(51),V=i(9);i.d(e,"UiAlert",function(){return s.a}),i.d(e,"UiAutocomplete",function(){return r.a}),i.d(e,"UiButton",function(){return a.a}),i.d(e,"UiCalendar",function(){return l.a}),i.d(e,"UiCheckbox",function(){return u.a}),i.d(e,"UiCheckboxGroup",function(){return c.a}),i.d(e,"UiCloseButton",function(){return d.a}),i.d(e,"UiCollapsible",function(){return p.a}),i.d(e,"UiConfirm",function(){return f.a}),i.d(e,"UiDatepicker",function(){return h.a}),i.d(e,"UiDatepickerCalendar",function(){return v.a}),i.d(e,"UiFab",function(){return m.a}),i.d(e,"UiFileupload",function(){return g.a}),i.d(e,"UiIcon",function(){return b.a}),i.d(e,"UiIconButton",function(){return y.a}),i.d(e,"UiMenu",function(){return _.a}),i.d(e,"UiModal",function(){return w.a}),i.d(e,"UiPopover",function(){return k.a}),i.d(e,"UiPreloader",function(){return x.a}),i.d(e,"UiProgressCircular",function(){return C.a}),i.d(e,"UiProgressLinear",function(){return S.a}),i.d(e,"UiRadio",function(){return E.a}),i.d(e,"UiRadioGroup",function(){return D.a}),i.d(e,"UiRippleInk",function(){return T.a}),i.d(e,"UiSelect",function(){return $.a}),i.d(e,"UiSlider",function(){return O.a}),i.d(e,"UiSnackbar",function(){return B.a}),i.d(e,"UiSnackbarContainer",function(){return L.a}),i.d(e,"UiSwitch",function(){return F.a}),i.d(e,"UiTab",function(){return A.a}),i.d(e,"UiTabs",function(){return I.a}),i.d(e,"UiTextbox",function(){return M.a}),i.d(e,"UiToolbar",function(){return P.a}),i.d(e,"UiTooltip",function(){return V.a});var U={UiAlert:s.a,UiAutocomplete:r.a,UiButton:a.a,UiCalendar:l.a,UiCheckbox:u.a,UiCheckboxGroup:c.a,UiCloseButton:d.a,UiCollapsible:p.a,UiConfirm:f.a,UiDatepicker:h.a,UiDatepickerCalendar:v.a,UiFab:m.a,UiFileupload:g.a,UiIcon:b.a,UiIconButton:y.a,UiMenu:_.a,UiModal:w.a,UiPopover:k.a,UiPreloader:x.a,UiProgressCircular:C.a,UiProgressLinear:S.a,UiRadio:E.a,UiRadioGroup:D.a,UiRippleInk:T.a,UiSelect:$.a,UiSlider:O.a,UiSnackbar:B.a,UiSnackbarContainer:L.a,UiSwitch:F.a,UiTab:A.a,UiTabs:I.a,UiTextbox:M.a,UiToolbar:P.a,UiTooltip:V.a};U.install=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(e).forEach(function(t){if(i.i(o.a)(t,"Ui")){if(void 0===U[t])return;var s=U[t],r=e[t];i.i(n.a)(s,r)}}),Object.keys(U).forEach(function(e){if(i.i(o.a)(e,"Ui")){var n=U[e];t.component(n.name,n)}})},"undefined"!=typeof window&&window.Vue&&window.Vue.use(U,window.KeenUiConfig),e.default=U}])});
\ No newline at end of file
diff --git a/docs/docs.bundle.css b/docs/docs.bundle.css
index c2d384ad..820f20c5 100644
--- a/docs/docs.bundle.css
+++ b/docs/docs.bundle.css
@@ -1 +1 @@
-code{border-radius:.25rem;font-size:90%;padding:.125rem .25rem}code,pre{background-color:#f9f2f4;color:#c7254e;font-family:Menlo,Monaco,Consolas,Courier New,monospace}pre{border-radius:4px;display:block;line-height:1.4;margin:0 0 1rem;padding:1rem;word-break:break-all;word-wrap:break-word}pre.is-compact{font-size:.875rem;padding:.5rem .75rem}pre code{background:inherit;border-radius:0;color:inherit;font-size:inherit;padding:0}kbd{background-color:#333;border-radius:.1875rem;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);color:#fff;font-size:90%;padding:.125rem .25rem}kbd kbd{box-shadow:none;font-size:100%;font-weight:700;padding:0}table{border-collapse:collapse;border-spacing:0;background-color:transparent}td,th{padding:0}td.fixed-width,th.fixed-width{width:144px}caption{padding-top:.5rem;padding-bottom:.5rem;color:#777}caption,th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:1.25rem}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:.5rem;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:.125rem solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:.125rem solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:.3125rem}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:.9375rem;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.no-wrap{white-space:nowrap!important}*{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:100%}body{color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem}a{color:#1976d2;cursor:pointer;text-decoration:none}a:focus,a:hover{text-decoration:underline}.keen-docs-content{width:100%;padding-left:18.5rem}@media screen and (max-width:768px){.keen-docs-content{padding-left:0}}.page{margin:0 auto;max-width:68.25rem;padding:6.75rem 2rem 2rem;line-height:1.6}@media screen and (max-width:768px){.page{padding-top:6rem}}.page>h1:first-child,.page>h2:first-child,.page>h3:first-child,.page>h4:first-child,.page>p:first-child{margin-top:0}.page .page__section-title{margin-top:2rem;font-weight:400;font-size:1.5rem;line-height:1.33em}.page .page__section-title a{font-size:.6em;padding-left:.25rem}.page .page__demo-title{font-size:1.125rem}.page .table{margin-bottom:0}.page__title{font-size:2.125rem;font-weight:400;line-height:1.176em}td p:first-child,th p:first-child{margin-top:0}td p:last-child,th p:last-child{margin-bottom:0}tbody td:first-child{min-width:5.5rem}.keen-docs__custom-popover-content{padding:1rem;max-width:25rem}.keen-docs__custom-popover-content p:first-child{margin-top:0}.keen-docs__custom-popover-content p:last-child{margin-bottom:0}.keen-docs-navbar{height:3.875rem;background-color:#009688;color:#fff;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;z-index:20;position:fixed}.keen-docs-navbar__left{-ms-flex-negative:0;flex-shrink:0;width:18.5rem!important}@media screen and (max-width:768px){.keen-docs-navbar__left{display:none}}.keen-docs-navbar__right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.keen-docs-navbar__right,.keen-docs-navbar__right-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keen-docs-navbar__right-container{margin:0 auto;width:100%;max-width:68.25rem;padding-left:2rem;padding-right:2rem}@media screen and (max-width:768px){.keen-docs-navbar__right-container{padding-left:1.5rem;padding-right:1.5rem}}.ui-icon-button.keen-docs-navbar__menu-button{margin-right:1rem;cursor:pointer;display:none}@media screen and (max-width:768px){.ui-icon-button.keen-docs-navbar__menu-button{display:-webkit-box;display:-ms-flexbox;display:flex}}.keen-docs-navbar__title{margin:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:400;font-size:1.3rem}.keen-docs-navbar__action{margin-left:auto;font-size:.9rem;color:#fff}.keen-docs-brand{background-color:#009688;font-size:1.5rem;height:3.875rem;padding:1rem;width:100%;color:#fff}.keen-docs-brand__version{color:#fff;display:inline-block;font-size:.9rem;opacity:.7;vertical-align:super}.keen-docs-brand__version:focus,.keen-docs-brand__version:hover{opacity:1}.keen-docs-brand__button{color:#fff;float:right;line-height:1;opacity:.8}.keen-docs-brand__button:focus,.keen-docs-brand__button:hover{opacity:1}.ui-icon{cursor:inherit;display:inline-block;font-size:1.5rem;height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:1em}.ui-icon svg{display:block;fill:currentColor;height:1em;margin:0;padding:0;width:1em}.ui-icon-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border-radius:50%;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-icon-button,.ui-icon-button .ui-icon-button__focus-ring{height:2.25rem;width:2.25rem}body[modality=keyboard] .ui-icon-button:focus .ui-icon-button__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-icon-button::-moz-focus-inner{border:0}.ui-icon-button.is-anchor{cursor:pointer;text-decoration:none}.ui-icon-button.is-anchor.is-disabled{cursor:default}.ui-icon-button.is-loading .ui-icon-button__icon{opacity:0}.ui-icon-button.is-disabled{opacity:.6}.ui-icon-button__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;position:relative;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:100%;z-index:1}.ui-icon-button__icon .ui-icon{display:block}.ui-icon-button__focus-ring{border-radius:50%;height:2.25rem;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:2.25rem}.ui-progress-circular.ui-icon-button__progress{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-icon-button--size-mini,.ui-icon-button--size-mini .ui-icon-button__focus-ring{height:1.5rem;width:1.5rem}.ui-icon-button--size-mini .ui-icon{font-size:1.125rem}.ui-icon-button--size-small,.ui-icon-button--size-small .ui-icon-button__focus-ring{height:2rem;width:2rem}.ui-icon-button--size-small .ui-icon{font-size:1.125rem}.ui-icon-button--size-large,.ui-icon-button--size-large .ui-icon-button__focus-ring{height:3rem;width:3rem}.ui-icon-button--color-black,.ui-icon-button--color-white{background-color:transparent}.ui-icon-button--color-black.has-dropdown-open,.ui-icon-button--color-black:hover:not(.is-disabled),.ui-icon-button--color-white.has-dropdown-open,.ui-icon-button--color-white:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}.ui-icon-button--color-black .ui-icon-button__focus-ring,.ui-icon-button--color-white .ui-icon-button__focus-ring{background-color:rgba(0,0,0,.12)}.ui-icon-button--color-black{color:rgba(0,0,0,.54)}.ui-icon-button--color-white{color:#fff}.ui-icon-button--type-primary.ui-icon-button--color-default{color:rgba(0,0,0,.87);background-color:#eee}.ui-icon-button--type-primary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-icon-button--type-primary.ui-icon-button--color-default .ui-icon-button__focus-ring{background-color:#cfcfcf}.ui-icon-button--type-primary.ui-icon-button--color-default .ui-ripple-ink__ink{opacity:.2}.ui-icon-button--type-primary.ui-icon-button--color-accent,.ui-icon-button--type-primary.ui-icon-button--color-green,.ui-icon-button--type-primary.ui-icon-button--color-orange,.ui-icon-button--type-primary.ui-icon-button--color-primary,.ui-icon-button--type-primary.ui-icon-button--color-red{color:#fff}.ui-icon-button--type-primary.ui-icon-button--color-accent .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-green .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-orange .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-red .ui-ripple-ink__ink{opacity:.4}.ui-icon-button--type-primary.ui-icon-button--color-primary{background-color:#2196f3}.ui-icon-button--type-primary.ui-icon-button--color-primary.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-icon-button__focus-ring{background-color:#0b76cc}.ui-icon-button--type-primary.ui-icon-button--color-accent{background-color:#d500f9}.ui-icon-button--type-primary.ui-icon-button--color-accent.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-icon-button--type-primary.ui-icon-button--color-accent .ui-icon-button__focus-ring{background-color:#a100bc}.ui-icon-button--type-primary.ui-icon-button--color-green{background-color:#4caf50}.ui-icon-button--type-primary.ui-icon-button--color-green.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-green:hover:not(.is-disabled){background-color:#3d8b40}.ui-icon-button--type-primary.ui-icon-button--color-green .ui-icon-button__focus-ring{background-color:#39843c}.ui-icon-button--type-primary.ui-icon-button--color-orange{background-color:#ff9800}.ui-icon-button--type-primary.ui-icon-button--color-orange.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-orange:hover:not(.is-disabled){background-color:#cc7a00}.ui-icon-button--type-primary.ui-icon-button--color-orange .ui-icon-button__focus-ring{background-color:#c27400}.ui-icon-button--type-primary.ui-icon-button--color-red{background-color:#f44336}.ui-icon-button--type-primary.ui-icon-button--color-red.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-red:hover:not(.is-disabled){background-color:#ea1c0d}.ui-icon-button--type-primary.ui-icon-button--color-red .ui-icon-button__focus-ring{background-color:#e11b0c}.ui-icon-button--type-secondary.ui-icon-button--color-default{color:rgba(0,0,0,.54)}.ui-icon-button--type-secondary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-default.has-focus-ring:focus,.ui-icon-button--type-secondary.ui-icon-button--color-default:hover:not(.is-disabled),body[modality=keyboard] .ui-icon-button--type-secondary.ui-icon-button--color-default:focus{color:rgba(0,0,0,.87)}.ui-icon-button--type-secondary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-default:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}.ui-icon-button--type-secondary.ui-icon-button--color-default .ui-icon-button__focus-ring{background-color:rgba(0,0,0,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-primary{color:#2196f3}.ui-icon-button--type-secondary.ui-icon-button--color-primary.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-primary .ui-icon-button__focus-ring{background-color:rgba(33,150,243,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-accent{color:#d500f9}.ui-icon-button--type-secondary.ui-icon-button--color-accent.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-accent .ui-icon-button__focus-ring{background-color:rgba(213,0,249,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-green{color:#43a047}.ui-icon-button--type-secondary.ui-icon-button--color-green.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-green:hover:not(.is-disabled){background-color:rgba(67,160,71,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-green .ui-icon-button__focus-ring{background-color:rgba(67,160,71,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-orange{color:#ff9800}.ui-icon-button--type-secondary.ui-icon-button--color-orange.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-orange:hover:not(.is-disabled){background-color:rgba(255,152,0,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-orange .ui-icon-button__focus-ring{background-color:rgba(255,152,0,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-red{color:#f44336}.ui-icon-button--type-secondary.ui-icon-button--color-red.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-red:hover:not(.is-disabled){background-color:rgba(244,67,54,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-red .ui-icon-button__focus-ring{background-color:rgba(244,67,54,.26)}.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:100%;max-height:100%;z-index:60;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0;-webkit-transform-origin:0 90%;transform-origin:0 90%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,25%);transform:scale(6) translate(-50%,25%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,25%);transform:scale(1) translate(-50%,25%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%;-webkit-transform-origin:0 -90%;transform-origin:0 -90%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,-125%);transform:scale(6) translate(-50%,-125%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,-125%);transform:scale(1) translate(-50%,-125%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%;-webkit-transform-origin:100% 0;transform-origin:100% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(40%,-50%);transform:scale(6) translate(40%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(40%,-50%);transform:scale(1.5) translate(40%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0;-webkit-transform-origin:-100% 0;transform-origin:-100% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-140%,-50%);transform:scale(6) translate(-140%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(-140%,-50%);transform:scale(1.5) translate(-140%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-tooltip{position:relative;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-animatefill] .tippy-content{-webkit-transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98),-webkit-clip-path cubic-bezier(.46,.1,.52,.98)}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-backdrop{position:absolute;will-change:transform;border-radius:50%;width:26%;left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:'';float:left;padding-top:100%}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%)}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(5% 50% at 50% 50%);clip-path:ellipse(5% 50% at 50% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 0 50%);clip-path:ellipse(135% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 0 50%);clip-path:ellipse(40% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 100% 50%);clip-path:ellipse(135% 100% at 100% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 100% 50%);clip-path:ellipse(40% 100% at 100% 50%)}.ui-popover.is-raised{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.ui-popover .ui-menu{border:none}.ui-popover-theme{background-color:#fff}.ui-focus-container__focus-redirector,.ui-focus-container__last-focusable{opacity:0;position:absolute}.ui-focus-container__content{outline:none}.ui-progress-circular{position:relative}.ui-progress-circular__determinate{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ui-progress-circular__determinate-path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset .3s;transition:stroke-dashoffset .3s}.ui-progress-circular__indeterminate{-webkit-animation:ui-progress-circular-rotate .7s linear infinite;animation:ui-progress-circular-rotate .7s linear infinite;bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center;width:100%}.ui-progress-circular__indeterminate-path{stroke-dasharray:89,200;stroke-dashoffset:-35px;stroke-linecap:round}.ui-progress-circular--color-multi-color .ui-progress-circular__determinate-path{stroke:#2196f3}.ui-progress-circular--color-multi-color .ui-progress-circular__indeterminate-path{-webkit-animation:ui-progress-circular-color 6s ease-in-out infinite;animation:ui-progress-circular-color 6s ease-in-out infinite}.ui-progress-circular--color-primary .ui-progress-circular__determinate-path,.ui-progress-circular--color-primary .ui-progress-circular__indeterminate-path{stroke:#2196f3}.ui-progress-circular--color-accent .ui-progress-circular__determinate-path,.ui-progress-circular--color-accent .ui-progress-circular__indeterminate-path{stroke:#d500f9}.ui-progress-circular--color-black .ui-progress-circular__determinate-path,.ui-progress-circular--color-black .ui-progress-circular__indeterminate-path{stroke:#212121}.ui-progress-circular--color-white .ui-progress-circular__determinate-path,.ui-progress-circular--color-white .ui-progress-circular__indeterminate-path{stroke:#fff}.ui-progress-circular--transition-fade-enter-active,.ui-progress-circular--transition-fade-leave-active{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-progress-circular--transition-fade-enter,.ui-progress-circular--transition-fade-leave-active{opacity:0;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes ui-progress-circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ui-progress-circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ui-progress-circular-color{0%,to{stroke:#f44336}40%{stroke:#2196f3}66%{stroke:#4caf50}80%,90%{stroke:#ff9800}}@keyframes ui-progress-circular-color{0%,to{stroke:#f44336}40%{stroke:#2196f3}66%{stroke:#4caf50}80%,90%{stroke:#ff9800}}.ui-ripple-ink{border-radius:inherit;bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-ripple-ink__ink{background-clip:padding-box;background-color:currentColor;border-radius:50%;height:0;opacity:.2;pointer-events:none;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:transform .6s ease-out,opacity .6s ease-out;transition:transform .6s ease-out,opacity .6s ease-out,-webkit-transform .6s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-ripple-ink__ink.is-held{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}.ui-ripple-ink__ink.is-done{opacity:0!important}.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:100%;max-height:100%;z-index:60;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0;-webkit-transform-origin:0 90%;transform-origin:0 90%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,25%);transform:scale(6) translate(-50%,25%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,25%);transform:scale(1) translate(-50%,25%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%;-webkit-transform-origin:0 -90%;transform-origin:0 -90%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,-125%);transform:scale(6) translate(-50%,-125%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,-125%);transform:scale(1) translate(-50%,-125%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%;-webkit-transform-origin:100% 0;transform-origin:100% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(40%,-50%);transform:scale(6) translate(40%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(40%,-50%);transform:scale(1.5) translate(40%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0;-webkit-transform-origin:-100% 0;transform-origin:-100% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-140%,-50%);transform:scale(6) translate(-140%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(-140%,-50%);transform:scale(1.5) translate(-140%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-tooltip{position:relative;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-animatefill] .tippy-content{-webkit-transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98),-webkit-clip-path cubic-bezier(.46,.1,.52,.98)}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-backdrop{position:absolute;will-change:transform;border-radius:50%;width:26%;left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:'';float:left;padding-top:100%}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%)}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(5% 50% at 50% 50%);clip-path:ellipse(5% 50% at 50% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 0 50%);clip-path:ellipse(135% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 0 50%);clip-path:ellipse(40% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 100% 50%);clip-path:ellipse(135% 100% at 100% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 100% 50%);clip-path:ellipse(40% 100% at 100% 50%)}.ui-tooltip-theme{border-radius:.125rem;color:#fff;font-size:.8125rem;line-height:1.4;padding:.3rem .5rem;text-align:center}.ui-tooltip-theme,.ui-tooltip-theme .tippy-backdrop{background-color:rgba(33,33,33,.9)}.keen-docs-sidebar{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;height:100vh;left:0;position:fixed;top:0;width:18.5rem;z-index:1}@media screen and (max-width:768px){.keen-docs-sidebar{max-width:17.5rem;z-index:40}}.keen-docs-sidebar__scrollable{height:100%;overflow-y:auto;overflow-x:hidden}.keen-docs-sidebar__description{color:rgba(0,0,0,.54);padding:1rem}.keen-docs-sidebar__description p{margin:0}.keen-docs-sidebar__description p+p{margin-top:.75rem}.keen-docs-sidebar__version-select{padding:1rem;padding-top:.5rem}.keen-docs-sidebar__version-select .ui-select{margin:0}.keen-docs-sidebar__version-select .ui-select-option{min-height:2.5rem}.keen-docs-sidebar__menu,.keen-docs-sidebar__menu-section-links{list-style:none;margin:0;padding:0}.keen-docs-sidebar__menu-section-header{color:rgba(0,0,0,.7);font-size:1.1em;font-weight:700;padding:1rem}.keen-docs-sidebar__menu-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.87);display:-webkit-box;display:-ms-flexbox;display:flex;padding:.75rem;padding-left:2.5rem}.keen-docs-sidebar__menu-item.is-active{color:#1976d2;font-weight:600;background-color:rgba(0,0,0,.05)}.keen-docs-sidebar__menu-item:focus,.keen-docs-sidebar__menu-item:hover{text-decoration:none;background-color:rgba(0,0,0,.05)}.keen-docs-sidebar__menu-item .ui-icon{font-size:1.125rem;margin-left:.75rem;color:#868686}.keen-docs-mobile-sidebar__backdrop{background-color:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;top:0;width:100%;z-index:39;display:none}@media screen and (max-width:768px){.keen-docs-mobile-sidebar__backdrop{display:block}}.transition-fade-enter-active,.transition-fade-leave-active{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.transition-fade-enter,.transition-fade-leave-active{opacity:0}.transition-slide-enter-active,.transition-slide-leave-active{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.transition-slide-enter,.transition-slide-leave-active{-webkit-transform:translateX(-280px);transform:translateX(-280px)}.ui-alert{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem;line-height:1.4;margin-bottom:1rem;overflow:hidden;position:relative;-webkit-transition:margin-bottom .3s;transition:margin-bottom .3s;width:100%}.ui-alert.has-no-transition,.ui-alert.has-no-transition .ui-alert__body{-webkit-transition:none;transition:none}.ui-alert a{text-decoration:none}.ui-alert a:focus,.ui-alert a:hover{text-decoration:underline}.ui-alert__icon{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}.ui-alert__body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;margin-top:0;min-height:3rem;padding:.75rem 1rem;-webkit-transition:opacity .3s,margin-top .4s;transition:opacity .3s,margin-top .4s;width:100%}.ui-alert__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-alert__dismiss-button{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;margin:-.25rem -.5rem -.25rem .5rem}.ui-alert--type-info .ui-alert__body{background-color:rgba(33,150,243,.12)}.ui-alert--type-info .ui-alert__icon,.ui-alert--type-info a{color:#2196f3}.ui-alert--type-success .ui-alert__body{background-color:rgba(76,175,80,.12)}.ui-alert--type-success .ui-alert__icon,.ui-alert--type-success a{color:#4caf50}.ui-alert--type-warning .ui-alert__body{background-color:rgba(255,152,0,.12)}.ui-alert--type-warning .ui-alert__icon,.ui-alert--type-warning a{color:#ff9800}.ui-alert--type-error .ui-alert__body{background-color:rgba(244,67,54,.12)}.ui-alert--type-error .ui-alert__icon,.ui-alert--type-error a{color:#f44336}.ui-alert--transition-toggle-enter,.ui-alert--transition-toggle-leave-active{margin-bottom:0}.ui-alert--transition-toggle-enter .ui-alert__body,.ui-alert--transition-toggle-leave-active .ui-alert__body{margin-top:-3.5rem;opacity:0}.ui-close-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;background:none;border-radius:50%;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-close-button::-moz-focus-inner{border:0}.ui-close-button:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}body[modality=keyboard] .ui-close-button:focus .ui-close-button__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-close-button.is-disabled{opacity:.6}.ui-close-button__icon{color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;z-index:1}.ui-close-button__focus-ring{background-color:rgba(0,0,0,.15);border-radius:50%;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.ui-close-button--size-mini,.ui-close-button--size-mini .ui-close-button__focus-ring{height:1.5rem;width:1.5rem}.ui-close-button--size-mini .ui-icon{font-size:1.125rem}.ui-close-button--size-small,.ui-close-button--size-small .ui-close-button__focus-ring{height:2rem;width:2rem}.ui-close-button--size-small .ui-icon{font-size:1.125rem}.ui-close-button--size-normal,.ui-close-button--size-normal .ui-close-button__focus-ring{height:2.25rem;width:2.25rem}.ui-close-button--size-normal .ui-icon{font-size:1.25rem}.ui-close-button--size-large,.ui-close-button--size-large .ui-close-button__focus-ring{height:3rem;width:3rem}.ui-close-button--size-large .ui-icon{font-size:1.5rem}.ui-close-button--color-black{color:rgba(0,0,0,.38)}.ui-close-button--color-black:hover:not(.is-disabled) .ui-close-button__icon,body[modality=keyboard] .ui-close-button--color-black:focus .ui-close-button__icon{color:rgba(0,0,0,.87)}.ui-close-button--color-white{color:#fff}.ui-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border-radius:.125rem;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:.02em;line-height:1;min-width:5rem;outline:none;overflow:hidden;padding:0;padding-left:1rem;padding-right:1rem;position:relative;text-transform:uppercase;-ms-touch-action:manipulation;touch-action:manipulation}.ui-button::-moz-focus-inner{border:0}.ui-button.has-focus-ring:focus .ui-button__focus-ring:before,body[modality=keyboard] .ui-button:focus .ui-button__focus-ring:before{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-button.is-anchor{cursor:pointer;text-decoration:none}.ui-button.is-anchor.is-disabled{cursor:default}.ui-button.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.ui-button.is-raised.has-focus-ring:focus,body[modality=keyboard] .ui-button.is-raised:focus{box-shadow:0 0 5px rgba(0,0,0,.22),0 3px 6px rgba(0,0,0,.3)}.ui-button.is-loading .ui-button__content{opacity:0}.ui-button.is-disabled{opacity:.6}.ui-button__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.ui-button__icon{margin-left:-.25rem;margin-right:.375rem;margin-top:-.125rem}.ui-button__dropdown-icon{font-size:1.125rem;margin-left:.125rem;margin-right:-.375rem}.ui-button__focus-ring{left:0;position:absolute;top:0;width:100%}.ui-button__focus-ring:before{border-radius:50%;content:"";display:block;left:0;margin-top:calc(-1 * (50% - 1.125rem));padding-top:100%;position:relative;top:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-progress-circular.ui-button__progress{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-button--icon-position-right .ui-button__icon{margin-left:.375rem;margin-right:-.25rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-button--size-small{font-size:.875rem;height:2rem;padding-left:.75rem;padding-right:.75rem}.ui-button--size-small .ui-button__icon{margin-left:0;margin-top:0}.ui-button--size-small .ui-button__icon .ui-icon{font-size:1.125rem}.ui-button--size-small .ui-button__dropdown-icon{margin-right:-.25rem}.ui-button--size-small.ui-button--icon-position-right .ui-button__icon{margin-left:.375rem;margin-right:0}.ui-button--size-large{font-size:1rem;height:3rem;padding-left:1.5rem;padding-right:1.5rem}.ui-button--size-large .ui-button__icon{margin-left:-.25rem;margin-right:.5rem}.ui-button--size-large .ui-button__dropdown-icon{font-size:1.5rem;margin-left:.25rem}.ui-button--size-large.ui-button--icon-position-right .ui-button__icon{margin-left:.5rem;margin-right:-.25rem}.ui-button--type-primary .ui-button__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-button--type-primary.ui-button--color-default{background-color:#eee;color:rgba(0,0,0,.87)}.ui-button--type-primary.ui-button--color-default.has-dropdown-open,.ui-button--type-primary.ui-button--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-button--type-primary.ui-button--color-default .ui-ripple-ink__ink{opacity:.2}.ui-button--type-primary.ui-button--color-default .ui-button__dropdown-icon,.ui-button--type-primary.ui-button--color-default .ui-button__icon{color:rgba(0,0,0,.54)}.ui-button--type-primary.ui-button--color-accent,.ui-button--type-primary.ui-button--color-green,.ui-button--type-primary.ui-button--color-orange,.ui-button--type-primary.ui-button--color-primary,.ui-button--type-primary.ui-button--color-red{color:#fff}.ui-button--type-primary.ui-button--color-accent .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-green .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-orange .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-primary .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-red .ui-ripple-ink__ink{opacity:.4}.ui-button--type-primary.ui-button--color-primary{background-color:#2196f3}.ui-button--type-primary.ui-button--color-primary.has-dropdown-open,.ui-button--type-primary.ui-button--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-button--type-primary.ui-button--color-accent{background-color:#d500f9}.ui-button--type-primary.ui-button--color-accent.has-dropdown-open,.ui-button--type-primary.ui-button--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-button--type-primary.ui-button--color-green{background-color:#4caf50}.ui-button--type-primary.ui-button--color-green.has-dropdown-open,.ui-button--type-primary.ui-button--color-green:hover:not(.is-disabled){background-color:#3d8b40}.ui-button--type-primary.ui-button--color-orange{background-color:#ff9800}.ui-button--type-primary.ui-button--color-orange.has-dropdown-open,.ui-button--type-primary.ui-button--color-orange:hover:not(.is-disabled){background-color:#cc7a00}.ui-button--type-primary.ui-button--color-red{background-color:#f44336}.ui-button--type-primary.ui-button--color-red.has-dropdown-open,.ui-button--type-primary.ui-button--color-red:hover:not(.is-disabled){background-color:#ea1c0d}.ui-button--type-secondary{background-color:transparent}.ui-button--type-secondary.ui-button--color-default{color:rgba(0,0,0,.87)}.ui-button--type-secondary.ui-button--color-default.has-dropdown-open,.ui-button--type-secondary.ui-button--color-default:hover:not(.is-disabled){background-color:#eee}.ui-button--type-secondary.ui-button--color-default .ui-button__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-button--type-secondary.ui-button--color-default .ui-button__icon{color:rgba(0,0,0,.54)}.ui-button--type-secondary.ui-button--color-primary{color:#2196f3}.ui-button--type-secondary.ui-button--color-primary.has-dropdown-open,.ui-button--type-secondary.ui-button--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-button--type-secondary.ui-button--color-primary .ui-button__focus-ring:before{background-color:rgba(33,150,243,.26)}.ui-button--type-secondary.ui-button--color-accent{color:#d500f9}.ui-button--type-secondary.ui-button--color-accent.has-dropdown-open,.ui-button--type-secondary.ui-button--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-button--type-secondary.ui-button--color-accent .ui-button__focus-ring:before{background-color:rgba(213,0,249,.26)}.ui-button--type-secondary.ui-button--color-green{color:#43a047}.ui-button--type-secondary.ui-button--color-green.has-dropdown-open,.ui-button--type-secondary.ui-button--color-green:hover:not(.is-disabled){background-color:rgba(67,160,71,.12)}.ui-button--type-secondary.ui-button--color-green .ui-button__focus-ring:before{background-color:rgba(67,160,71,.26)}.ui-button--type-secondary.ui-button--color-orange{color:#ff9800}.ui-button--type-secondary.ui-button--color-orange.has-dropdown-open,.ui-button--type-secondary.ui-button--color-orange:hover:not(.is-disabled){background-color:rgba(255,152,0,.12)}.ui-button--type-secondary.ui-button--color-orange .ui-button__focus-ring:before{background-color:rgba(255,152,0,.26)}.ui-button--type-secondary.ui-button--color-red{color:#f44336}.ui-button--type-secondary.ui-button--color-red.has-dropdown-open,.ui-button--type-secondary.ui-button--color-red:hover:not(.is-disabled){background-color:rgba(244,67,54,.12)}.ui-button--type-secondary.ui-button--color-red .ui-button__focus-ring:before{background-color:rgba(244,67,54,.26)}.ui-tab{outline:none}.ui-tabs{margin-bottom:1.5rem;width:100%}.ui-tabs.is-fullwidth .ui-tab-header-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-tabs.is-raised{border:none;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}.ui-tabs.is-raised .ui-tabs__body{border:none}.ui-tabs__header{position:relative;width:100%}.ui-tabs__header-items{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;position:relative}.ui-tabs__body{background-color:#fff;border-radius:0;border:.0625rem solid #eee;border-top:0;margin:0;padding:1rem}.ui-tabs--background-color-default .ui-tabs__header{background-color:#eee}body[modality=keyboard] .ui-tabs--background-color-default .ui-tab-header-item:focus{outline:1px solid #2196f3}body[modality=keyboard] .ui-tabs--background-color-accent .ui-tab-header-item:focus,body[modality=keyboard] .ui-tabs--background-color-clear .ui-tab-header-item:focus,body[modality=keyboard] .ui-tabs--background-color-primary .ui-tab-header-item:focus{outline:1px solid #fff}.ui-tabs--background-color-accent .ui-ripple-ink__ink.is-held,.ui-tabs--background-color-clear .ui-ripple-ink__ink.is-held,.ui-tabs--background-color-primary .ui-ripple-ink__ink.is-held{opacity:.7}.ui-tabs--background-color-primary .ui-tabs__header{background-color:#2196f3}.ui-tabs--background-color-accent .ui-tabs__header{background-color:#d500f9}.ui-tabs--background-color-clear .ui-tabs__header{background-color:transparent}.ui-tabs--background-color-clear .ui-tabs__header+.ui-tabs__body{border-top:1px solid rgba(0,0,0,.12)}.ui-tabs--text-color-black .ui-tab-header-item{color:rgba(0,0,0,.54)}.ui-tabs--text-color-black .ui-tab-header-item:hover:not(.is-disabled):not(.is-active){color:rgba(0,0,0,.87)}.ui-tabs--text-color-white .ui-tab-header-item{color:hsla(0,0%,100%,.65)}.ui-tabs--text-color-active-white .ui-tab-header-item.is-active,.ui-tabs--text-color-white .ui-tab-header-item:hover:not(.is-disabled):not(.is-active){color:#fff}.ui-tabs--text-color-active-primary .ui-tab-header-item.is-active{color:#2196f3}.ui-tabs--text-color-active-accent .ui-tab-header-item.is-active{color:#d500f9}.ui-tab-header-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;padding:0 .75rem;position:relative;text-transform:uppercase;-webkit-transition:color .1s;transition:color .1s}.ui-tab-header-item.is-active:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.ui-tab-header-item.is-disabled{cursor:default;opacity:.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-tab-header-item--type-icon-and-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:4.5rem}.ui-tab-header-item--type-icon-and-text .ui-tab-header-item__icon{margin-bottom:.25rem}.ui-tab-header-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9375rem;font-weight:600}.ui-tab-header-item__icon{height:1.5rem;width:1.5rem;color:currentColor}.ui-tab-header-item__icon .ui-icon{cursor:inherit}.ui-tab-header-item:after{bottom:0;content:'';height:.1875rem;left:0;opacity:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;width:100%}.ui-tabs--indicator-color-primary .ui-tab-header-item:after{background-color:#2196f3}.ui-tabs--indicator-color-accent .ui-tab-header-item:after{background-color:#d500f9}.ui-tabs--indicator-color-white .ui-tab-header-item:after{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.16)}.page--ui-autocomplete .page__examples{max-width:32rem}.ui-autocomplete{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;position:relative}.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__label-text{color:rgba(0,0,0,.75)}.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:rgba(0,0,0,.3)}.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon,.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__label-text{color:#2196f3}.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text{display:table}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-inline{color:rgba(0,0,0,.54);cursor:text;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-autocomplete.has-label .ui-autocomplete__icon-wrapper{padding-top:1.5rem}.ui-autocomplete.has-label .ui-autocomplete__clear-button{top:1.6875rem}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon,.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__label-text{color:#f44336}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:#f44336}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__feedback{color:#f44336}.ui-autocomplete.is-disabled .ui-autocomplete__input{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38)}.ui-autocomplete.is-disabled .ui-autocomplete__icon-wrapper .ui-icon{opacity:.6}.ui-autocomplete.is-disabled .ui-autocomplete__feedback{opacity:.8}.ui-autocomplete__label{display:block;margin:0;padding:0;position:relative;width:100%}.ui-autocomplete__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-autocomplete__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-autocomplete__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-autocomplete__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-autocomplete__input{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;font-family:inherit;font-size:1rem;font-weight:400;height:2rem;outline:none;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-autocomplete__input::-ms-clear{display:none}.ui-autocomplete__clear-button{color:rgba(0,0,0,.54);cursor:pointer;font-size:1.125rem;position:absolute;right:0;top:.4375rem}.ui-autocomplete__clear-button:hover{color:rgba(0,0,0,.87)}.ui-autocomplete__suggestions{background-color:#fff;box-shadow:1px 2px 8px #757575;color:rgba(0,0,0,.87);display:block;list-style-type:none;margin:0;margin-bottom:.5rem;min-width:100%;padding:0;position:absolute;z-index:60}.ui-autocomplete__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-autocomplete--icon-position-right .ui-autocomplete__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-autocomplete-suggestion{cursor:pointer;font-family:inherit;font-size:.9375rem;padding:.5rem .75rem}.ui-autocomplete-suggestion:hover{background-color:rgba(0,0,0,.06)}.ui-autocomplete-suggestion.is-highlighted{background-color:rgba(0,0,0,.1)}.ui-autocomplete-suggestion__image{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ui-autocomplete-suggestion__image-object{background-position:50%;background-size:cover;border-radius:50%;height:2rem;margin-right:.75rem;width:2rem}.page--ui-button .ui-radio-group,.page--ui-button .ui-switch{margin-bottom:1rem}.page--ui-button .ui-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-button .ui-button{margin-bottom:.75rem;margin-right:.5rem}.page--ui-button .page__demo-group{margin-bottom:1.125rem}.page--ui-button .page__demo-table{max-width:37.5rem}.page--ui-button .page__demo-table .ui-button{display:-webkit-box;display:-ms-flexbox;display:flex}.page--ui-button .page__demo-table .ui-button.ui-button--size-normal{min-width:6.25rem}.page--ui-button .page__demo-table .ui-button.ui-button--size-large{min-width:7.75rem}.ui-menu{background-color:#fff;border:.0625rem solid rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;list-style:none;margin:0;max-height:100vh;max-width:17rem;min-width:10.5rem;outline:none;overflow-x:hidden;overflow-y:auto;padding:.25rem 0}.ui-menu.is-raised{border:none;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.ui-menu.has-secondary-text{min-width:15rem;max-width:19rem}.ui-menu-option{display:block;font-family:inherit;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-menu-option.is-divider{background-color:rgba(0,0,0,.08);display:block;height:.0625rem;margin:.375rem 0;padding:0}.ui-menu-option:not(.is-divider){color:rgba(0,0,0,.87);cursor:pointer;font-size:.9375rem;font-weight:400;min-height:2.5rem;outline:none;text-decoration:none}.ui-menu-option:not(.is-divider):hover:not(.is-disabled),body[modality=keyboard] .ui-menu-option:not(.is-divider):focus{background-color:#eee}.ui-menu-option:not(.is-divider).is-disabled{color:rgba(0,0,0,.54);cursor:default;opacity:.5}.ui-menu-option:not(.is-divider).is-disabled .ui-menu-option__secondary-text{color:rgba(0,0,0,.54)}.ui-menu-option__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;padding:0 1rem}.ui-menu-option__icon{color:rgba(0,0,0,.54);font-size:1.125rem;margin-right:1rem}.ui-menu-option__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-menu-option__secondary-text{color:rgba(0,0,0,.38);-ms-flex-negative:0;flex-shrink:0;font-size:.8125rem;margin-left:.25rem}.ui-radio-group{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif}.ui-radio-group:not(.is-disabled):not(.is-invalid):hover .ui-radio-group__label-text{color:rgba(0,0,0,.75)}.ui-radio-group:not(.is-disabled):not(.is-invalid).is-active .ui-radio-group__label-text{color:#2196f3}.ui-radio-group.is-vertical .ui-radio-group__radios{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.5rem}.ui-radio-group.is-vertical .ui-radio-group__radio{margin-bottom:.75rem;margin-left:0;width:100%}.ui-radio-group.is-invalid .ui-radio-group__feedback,.ui-radio-group.is-invalid .ui-radio-group__label-text{color:#f44336}.ui-radio-group.is-disabled .ui-radio-group__feedback{opacity:.8}.ui-radio-group__label-text{color:rgba(0,0,0,.54);font-size:.9375rem;line-height:normal;-webkit-transition:color .1s ease;transition:color .1s ease}.ui-radio-group__radios{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:2rem}.ui-radio.ui-radio-group__radio{margin-left:1.5rem}.ui-radio.ui-radio-group__radio:first-child{margin-left:0}.ui-radio-group__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:0;position:relative}.ui-radio-group--button-position-right:not(.is-vertical) .ui-radio__label-text{margin-right:.5rem}.ui-radio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem;height:1.25rem;margin:0}.ui-radio:hover:not(.is-disabled):not(.is-checked) .ui-radio__outer-circle{border:.125rem solid rgba(0,0,0,.54)}.ui-radio.is-checked .ui-radio__inner-circle{opacity:1;-webkit-transform:scale(.5);transform:scale(.5);z-index:0}.ui-radio.is-disabled{opacity:.5}.ui-radio.is-disabled .ui-radio__input-wrapper,.ui-radio.is-disabled .ui-radio__label-text{cursor:default}.ui-radio__input-wrapper{cursor:pointer;height:1.25rem;position:relative;width:1.25rem}.ui-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;left:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;top:0;width:1px}body[modality=keyboard] .ui-radio__input:focus+.ui-radio__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-radio__outer-circle{background-color:transparent;border-radius:50%;border:.125rem solid rgba(0,0,0,.38);-webkit-transition:border-color .2s;transition:border-color .2s}.ui-radio__inner-circle,.ui-radio__outer-circle{height:1.25rem;left:0;position:absolute;top:0;width:1.25rem}.ui-radio__inner-circle{background-color:rgba(0,0,0,.38);border-radius:50%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,background-color,-webkit-transform;transition-property:opacity,background-color,-webkit-transform;transition-property:transform,opacity,background-color;transition-property:transform,opacity,background-color,-webkit-transform;z-index:-1}.ui-radio__focus-ring{background-color:rgba(0,0,0,.1);border-radius:50%;height:2.625rem;left:-.6875rem;opacity:0;position:absolute;top:-.6875rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:2.625rem;z-index:-1}.ui-radio__label-text{cursor:pointer;font-size:1rem;margin-left:.5rem}.ui-radio--button-position-right .ui-radio__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__outer-circle{border-color:#2196f3}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__inner-circle{background-color:#2196f3}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__focus-ring{background-color:rgba(33,150,243,.2)}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__outer-circle{border-color:#d500f9}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__inner-circle{background-color:#d500f9}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__focus-ring{background-color:rgba(213,0,249,.2)}.ui-switch{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;height:2rem;position:relative}.ui-switch.is-checked .ui-switch__thumb{-webkit-transform:translateX(.875rem);transform:translateX(.875rem)}.ui-switch.is-disabled .ui-switch__track{background-color:rgba(0,0,0,.12)}.ui-switch.is-disabled .ui-switch__thumb{background-color:#bdbdbd;box-shadow:none}.ui-switch.is-disabled .ui-switch__input-wrapper,.ui-switch.is-disabled .ui-switch__label-text{color:rgba(0,0,0,.38);cursor:default}.ui-switch__input-wrapper{cursor:pointer;height:1.25rem;position:relative;width:2.125rem}.ui-switch__input{opacity:0;position:absolute}body[modality=keyboard] .ui-switch__input:focus+.ui-switch__thumb .ui-switch__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-switch__track{background-color:rgba(0,0,0,.26);border-radius:.5rem;height:.875rem;position:absolute;top:.1875rem;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;width:2.125rem}.ui-switch__thumb{background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.4);height:1.25rem;position:absolute;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:1.25rem;z-index:1}.ui-switch__focus-ring{background-color:rgba(0,0,0,.1);border-radius:50%;height:2.625rem;left:-.6875rem;opacity:0;position:absolute;top:-.6875rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:2.625rem;z-index:-1}.ui-switch__label-text{cursor:pointer;font-size:.9375rem;margin-left:1rem}.ui-switch--switch-position-right .ui-switch__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__track{background-color:rgba(33,150,243,.5)}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__thumb{background-color:#2196f3}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__focus-ring{background-color:rgba(33,150,243,.2)}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__track{background-color:rgba(213,0,249,.5)}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__thumb{background-color:#d500f9}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__focus-ring{background-color:rgba(213,0,249,.2)}.page--ui-checckbox .page__demo-group{margin-bottom:2rem}.page--ui-checckbox .page__demo-group.has-box-right{max-width:12.5rem}.ui-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-weight:400;margin:0;margin-bottom:.5rem;position:relative}.ui-checkbox:not(.is-disabled):not(.is-checked).is-active .ui-checkbox__checkmark:before,.ui-checkbox:not(.is-disabled):not(.is-checked):hover .ui-checkbox__checkmark:before{border-color:rgba(0,0,0,.6)}.ui-checkbox.is-checked .ui-checkbox__checkmark:after{border-bottom:.125rem solid #fff;border-right:.125rem solid #fff;opacity:1}.ui-checkbox.is-disabled .ui-checkbox__checkmark,.ui-checkbox.is-disabled .ui-checkbox__label-text{color:rgba(0,0,0,.38);cursor:default}.ui-checkbox.is-disabled .ui-checkbox__checkmark:before{border-color:rgba(0,0,0,.26)}.ui-checkbox.is-disabled.is-checked .ui-checkbox__checkmark:before{background-color:rgba(0,0,0,.26);border:none}.ui-checkbox__label-text{cursor:pointer;font-size:1rem;margin-left:.5rem}.ui-checkbox__checkmark{background-color:#fff;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:1.25rem;position:relative;width:1.25rem}.ui-checkbox__checkmark:before{border-radius:.125rem;border:.125rem solid rgba(0,0,0,.38);height:100%;left:0;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.ui-checkbox__checkmark:after,.ui-checkbox__checkmark:before{box-sizing:border-box;content:"";display:block;position:absolute}.ui-checkbox__checkmark:after{bottom:.3125rem;height:.8125rem;left:.4375rem;opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:.375rem}.ui-checkbox__input{position:absolute;opacity:0}body[modality=keyboard] .ui-checkbox__input:focus+.ui-checkbox__checkmark .ui-checkbox__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-checkbox__focus-ring{border-radius:50%;height:2.625rem;margin-left:-.6875rem;margin-top:-.6875rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;width:2.625rem;background-color:rgba(0,0,0,.12)}.ui-checkbox--box-position-right .ui-checkbox__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-checkbox--color-primary:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark:before,.ui-checkbox--color-primary:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark:before{background-color:#0d8aee;border-color:#0d8aee}.ui-checkbox--color-primary.is-checked .ui-checkbox__checkmark:before{background-color:#2196f3;border-color:#2196f3}.ui-checkbox--color-primary.is-checked .ui-checkbox__focus-ring{background-color:rgba(33,150,243,.18)}.ui-checkbox--color-accent:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark:before,.ui-checkbox--color-accent:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark:before{background-color:#bf00e0;border-color:#bf00e0}.ui-checkbox--color-accent.is-checked .ui-checkbox__checkmark:before{background-color:#d500f9;border-color:#d500f9}.ui-checkbox--color-accent.is-checked .ui-checkbox__focus-ring{background-color:rgba(213,0,249,.18)}.ui-checkbox-group{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;line-height:normal}.ui-checkbox-group:not(.is-disabled):not(.is-invalid):hover .ui-checkbox-group__label-text{color:rgba(0,0,0,.75)}.ui-checkbox-group:not(.is-disabled):not(.is-invalid).is-active .ui-checkbox-group__label-text{color:#2196f3}.ui-checkbox-group.is-vertical .ui-checkbox-group__checkboxes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.5rem}.ui-checkbox-group.is-vertical .ui-checkbox-group__checkbox{margin-bottom:.75rem;margin-left:0;width:100%}.ui-checkbox-group.is-invalid .ui-checkbox-group__feedback,.ui-checkbox-group.is-invalid .ui-checkbox-group__label-text{color:#f44336}.ui-checkbox-group.is-disabled .ui-checkbox-group__feedback{opacity:.8}.ui-checkbox-group__label-text{color:rgba(0,0,0,.54);font-size:.9375rem;-webkit-transition:color .1s ease;transition:color .1s ease}.ui-checkbox-group__checkboxes{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:2rem}.ui-checkbox.ui-checkbox-group__checkbox{margin-bottom:0;margin-left:1.5rem}.ui-checkbox.ui-checkbox-group__checkbox:first-child{margin-left:0}.ui-checkbox-group__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:0;position:relative}.ui-checkbox-group--box-position-right:not(.is-vertical) .ui-checkbox__label-text{margin-right:.5rem}.ui-collapsible{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:.5rem;width:100%}.ui-collapsible:not(.is-disabled) .ui-collapsible__header:hover,body[modality=keyboard] .ui-collapsible:not(.is-disabled) .ui-collapsible__header:focus{background-color:#e0e0e0}.ui-collapsible.is-open .ui-collapsible__header-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ui-collapsible.is-disabled .ui-collapsible__header{cursor:default;opacity:.6}.ui-collapsible.is-disabled .ui-collapsible__header-icon{cursor:default}.ui-collapsible__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#eee;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9375rem;line-height:1.5;margin:0;min-height:3rem;padding:.75rem 1rem;position:relative;-ms-touch-action:manipulation;touch-action:manipulation;width:100%}.ui-collapsible__header .ui-ripple-ink__ink{opacity:.1}.ui-collapsible__header-content{padding-right:.5rem}.ui-collapsible__header-icon{color:rgba(0,0,0,.54);cursor:pointer;margin-left:auto;margin-right:-.25rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ui-collapsible__body-wrapper{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease}.ui-collapsible__body{border:1px solid #eee;border-top:0;display:block;padding:1rem;width:100%}.ui-select{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;outline:none;position:relative}.ui-select:hover:not(.is-disabled) .ui-select__label-text{color:rgba(0,0,0,.75)}.ui-select:hover:not(.is-disabled) .ui-select__display{border-bottom-color:rgba(0,0,0,.3)}.ui-select:hover:not(.is-disabled) .ui-select__dropdown-button{color:rgba(0,0,0,.87)}.ui-select.is-active:not(.is-disabled) .ui-select__icon-wrapper .ui-icon,.ui-select.is-active:not(.is-disabled) .ui-select__label-text{color:#2196f3}.ui-select.is-active:not(.is-disabled) .ui-select__display{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-select.has-floating-label .ui-select__label-text{display:table}.ui-select.has-floating-label .ui-select__label-text.is-inline{color:rgba(0,0,0,.54);cursor:pointer;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-select.has-floating-label .ui-select__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-select.has-label .ui-select__icon-wrapper{padding-top:1.5rem}.ui-select.has-label .ui-select__dropdown-button{top:1.6875rem}.ui-select:not(.is-multiple) .ui-select__display{height:2rem;line-height:1}.ui-select.is-multiple .ui-select__display{line-height:1.4;padding-bottom:.25rem;padding-top:.25rem}.ui-select.is-invalid:not(.is-disabled) .ui-select__icon-wrapper .ui-icon,.ui-select.is-invalid:not(.is-disabled) .ui-select__label-text{color:#f44336}.ui-select.is-invalid:not(.is-disabled) .ui-select__display{border-bottom-color:#f44336}.ui-select.is-invalid:not(.is-disabled) .ui-select__feedback{color:#f44336}.ui-select.is-disabled .ui-select__display{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38);cursor:default}.ui-select.is-disabled .ui-select__display-value.is-placeholder,.ui-select.is-disabled .ui-select__dropdown-button{color:rgba(0,0,0,.38);opacity:.6}.ui-select.is-disabled .ui-select__icon-wrapper .ui-icon{opacity:.6}.ui-select.is-disabled .ui-select__feedback{opacity:.8}.ui-select__label{display:block;margin:0;outline:none;padding:0;width:100%}.ui-select__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-select__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-select__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-select__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-select__display{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;color:rgba(0,0,0,.87);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:400;min-height:2rem;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-select__display-value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-select__display-value.is-placeholder{color:rgba(0,0,0,.38)}.ui-select__dropdown-button{color:rgba(0,0,0,.54);font-size:1.125rem;margin-left:auto;margin-right:-.25rem}.ui-select__dropdown{display:block;list-style-type:none;margin:0;margin-bottom:.5rem;min-width:11.25rem;outline:none;padding:0;width:100%}.ui-select__dropdown-content{outline:none}.ui-select__search-input{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;font-family:inherit;font-size:.9375rem;font-weight:400;height:2.25rem;outline:none;padding:0 .75rem;padding-left:2.5rem;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-select__search-input::-ms-clear{display:none}.ui-select__search-input:focus+.ui-select__search-icon{color:#2196f3}.ui-select__search .ui-select__search-icon,.ui-select__search .ui-select__search-progress{position:absolute;top:.5rem}.ui-select__search-icon{color:rgba(0,0,0,.54);font-size:1.25rem;left:.75rem}.ui-select__search-progress{right:.75rem}.ui-select__options{background-color:#fff;color:rgba(0,0,0,.87);display:block;list-style-type:none;margin:0;max-height:16rem;min-width:100%;overflow-y:auto;padding:0;position:relative}.ui-select__no-results{color:rgba(0,0,0,.54);font-size:.875rem;padding:.5rem .75rem;width:100%}.ui-select__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-select--icon-position-right .ui-select__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-select-option{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:.9375rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-select-option.is-selected{background-color:rgba(0,0,0,.05);color:#2196f3;font-weight:600}.ui-select-option.is-selected .ui-select-option__checkbox{color:#2196f3}.ui-select-option.is-highlighted{background-color:rgba(0,0,0,.1)}.ui-select-option__basic,.ui-select-option__image-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-select-option__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui-select-option__image-object{background-position:50%;background-size:cover;border-radius:50%;height:2rem;margin-right:.75rem;width:2rem}.ui-select-option__checkbox{color:rgba(0,0,0,.38);margin-left:auto}.ui-select-option--type-basic{padding:.375rem .75rem}.ui-select-option--type-image{padding:.25rem .75rem}.page--ui-confirm pre{margin-top:24px}.ui-confirm__message{font-size:.9375rem}.ui-confirm__footer{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem}.ui-modal.is-aligned-top .ui-modal__wrapper{vertical-align:initial}.ui-modal.has-footer .ui-modal__body,.ui-modal.is-aligned-top.has-footer .ui-modal__body{max-height:calc(100vh - 7.875rem)}.ui-modal:not(.has-footer) .ui-modal__body{padding:1rem 1.5rem 1.5rem}.ui-modal--is-open{overflow:hidden}.ui-modal__mask{background-color:rgba(0,0,0,.5);display:table;height:100%;left:0;position:fixed;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:50}.ui-modal__wrapper{display:table-cell;vertical-align:middle;overflow-x:hidden}.ui-modal__wrapper.has-dummy-scrollbar{overflow-y:scroll}.ui-modal__container{background-color:#fff;border-radius:.125rem;box-shadow:0 2px 8px rgba(0,0,0,.33);margin:0 auto;max-height:100vh;max-width:100vw;outline:none;overflow:hidden;padding:0;-webkit-transition:all .3s ease;transition:all .3s ease;width:33rem}.ui-modal__header{background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.16);height:3.5rem;padding:0 1.5rem;position:relative;z-index:1}.ui-modal__header,.ui-modal__header-text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ui-modal__header-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1.125rem;font-weight:400;margin:0}.ui-modal__close-button{margin-left:auto;margin-right:-.5rem}.ui-modal__body{max-height:calc(100vh - 3.5rem);overflow-y:auto;padding:1rem 1.5rem}.ui-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:4.375rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 1.5rem}.ui-modal__footer .ui-button{margin-left:.5rem}.ui-modal__footer .ui-button:first-child{margin-left:0}.ui-modal--size-small>.ui-modal__wrapper>.ui-modal__container{width:20rem}.ui-modal--size-large>.ui-modal__wrapper>.ui-modal__container{width:53rem}.ui-modal--size-fullscreen>.ui-modal__wrapper>.ui-modal__container{width:100vw}.ui-modal--size-fullscreen>.ui-modal__wrapper>.ui-modal__container .ui-modal__body{height:calc(100vh - 3.5rem)}.ui-modal--transition-fade-enter,.ui-modal--transition-fade-leave-active,.ui-modal--transition-scale-down-enter,.ui-modal--transition-scale-down-leave-active{opacity:0}.ui-modal--transition-scale-down-enter .ui-modal__container,.ui-modal--transition-scale-down-leave-active .ui-modal__container{-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-modal--transition-scale-up-enter,.ui-modal--transition-scale-up-leave-active{opacity:0}.ui-modal--transition-scale-up-enter .ui-modal__container,.ui-modal--transition-scale-up-leave-active .ui-modal__container{-webkit-transform:scale(.8);transform:scale(.8)}.page--ui-datepicker .ui-datepicker{max-width:25rem;margin-bottom:2rem}.ui-datepicker{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;outline:none;position:relative}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__label-text{color:rgba(0,0,0,.75)}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__display{border-bottom-color:rgba(0,0,0,.3)}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__dropdown-button{color:rgba(0,0,0,.87)}.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon,.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__label-text{color:#2196f3}.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-datepicker.has-floating-label .ui-datepicker__label-text{display:table}.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-inline{color:rgba(0,0,0,.54);cursor:pointer;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-datepicker.has-label .ui-datepicker__icon-wrapper{padding-top:1.5rem}.ui-datepicker.has-label .ui-datepicker__dropdown-button{top:1.6875rem}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon,.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__label-text{color:#f44336}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__display{border-bottom-color:#f44336}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__feedback{color:#f44336}.ui-datepicker.is-disabled .ui-datepicker__display{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38);cursor:default}.ui-datepicker.is-disabled .ui-datepicker__display-value.is-placeholder,.ui-datepicker.is-disabled .ui-datepicker__dropdown-button{color:rgba(0,0,0,.38);opacity:.6}.ui-datepicker.is-disabled .ui-datepicker__icon-wrapper .ui-icon{opacity:.6}.ui-datepicker.is-disabled .ui-datepicker__feedback{opacity:.8}.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body{padding:0}.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body .ui-calendar__body{height:21.75rem}.ui-datepicker .ui-modal__container{width:16.75rem}.ui-datepicker__label{display:block;margin:0;outline:none;padding:0;position:relative;width:100%}.ui-datepicker__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-datepicker__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-datepicker__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-datepicker__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-datepicker__display{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;color:rgba(0,0,0,.87);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:400;height:2rem;line-height:1;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-datepicker__display-value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-datepicker__display-value.is-placeholder{color:rgba(0,0,0,.38)}.ui-datepicker__dropdown-button{color:rgba(0,0,0,.54);font-size:1.125rem;margin-left:auto;margin-right:-.25rem}.ui-datepicker__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-datepicker__modal-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui-datepicker__modal-buttons .ui-button{min-width:4rem}.ui-datepicker--icon-position-right .ui-datepicker__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-datepicker--orientation-landscape .ui-modal__container{width:24.75rem}.ui-calendar{color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif}.ui-calendar__header{color:#fff;line-height:1;padding:1rem}.ui-calendar__header-details,.ui-calendar__header-year{cursor:pointer;opacity:.75;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui-calendar__header-details.is-active,.ui-calendar__header-details:hover,.ui-calendar__header-year.is-active,.ui-calendar__header-year:hover,body[modality=keyboard] .ui-calendar__header-details:focus,body[modality=keyboard] .ui-calendar__header-year:focus{opacity:1}body[modality=keyboard] .ui-calendar__header-details:focus,body[modality=keyboard] .ui-calendar__header-year:focus{outline:1px dotted #fff;outline-offset:1px}.ui-calendar__header-year{font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.ui-calendar__header-details{font-size:1.375rem}.ui-calendar__body{height:19.5rem;overflow:hidden;padding:.5rem;position:relative;width:16.75rem}.ui-calendar__years{height:19.5rem;list-style:none;margin:-.5rem;overflow-y:auto;padding:.5rem 0}.ui-calendar__year{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none}.ui-calendar__year.is-selected{font-size:1.5rem;font-weight:600;height:2.5rem}.ui-calendar--orientation-landscape{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-calendar--orientation-landscape .ui-calendar__header{min-width:8rem}.ui-calendar--orientation-landscape .ui-calendar__header-date{margin-bottom:.75rem;display:block;padding-top:.25rem}.ui-calendar--color-primary .ui-calendar__header{background-color:#2196f3}.ui-calendar--color-primary .ui-calendar-week__date.is-today,.ui-calendar--color-primary .ui-calendar__year.is-selected,.ui-calendar--color-primary .ui-calendar__year:hover,body[modality=keyboard] .ui-calendar--color-primary .ui-calendar__year:focus{color:#2196f3}.ui-calendar--color-primary .ui-calendar-week__date.is-selected,body[modality=keyboard] .ui-calendar--color-primary .ui-calendar-week__date.is-selected{background-color:#2196f3}.ui-calendar--color-accent .ui-calendar__header{background-color:#d500f9}.ui-calendar--color-accent .ui-calendar-week__date.is-today,.ui-calendar--color-accent .ui-calendar__year.is-selected,.ui-calendar--color-accent .ui-calendar__year:hover,body[modality=keyboard] .ui-calendar--color-accent .ui-calendar__year:focus{color:#d500f9}.ui-calendar--color-accent .ui-calendar-week__date.is-selected,body[modality=keyboard] .ui-calendar--color-accent .ui-calendar-week__date.is-selected{background-color:#d500f9}.ui-calendar-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ui-calendar-controls__month-and-year{font-size:.9375rem}.ui-calendar-month{height:16rem;overflow:hidden;position:relative;width:100%}.ui-calendar-month__header{height:2.5rem;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.ui-calendar-month__header,.ui-calendar-month__header span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ui-calendar-month__header span{color:rgba(0,0,0,.54);font-size:.875rem;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;width:2.25rem}.ui-calendar-month__week{position:absolute;width:15.75rem}.ui-calendar-month__week.is-current{left:0}.ui-calendar-month__week.is-other{left:15.75rem}.ui-calendar-month__week.is-other.ui-calendar-month--slide-right{left:-15.75rem}.ui-calendar-month__week.is-sliding{-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-left{-webkit-transform:translate3d(-15.75rem,0,0);transform:translate3d(-15.75rem,0,0)}.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-right{-webkit-transform:translate3d(15.75rem,0,0);transform:translate3d(15.75rem,0,0)}.ui-calendar-week{font-size:.875rem;width:100%}.ui-calendar-week,.ui-calendar-week__date{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-calendar-week__date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;cursor:pointer;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;text-align:center;width:2.25rem}.ui-calendar-week__date:hover,body[modality=keyboard] .ui-calendar-week__date:focus{background-color:rgba(0,0,0,.1)}.ui-calendar-week__date.is-in-other-month{visibility:hidden}.ui-calendar-week__date.is-today{font-weight:700}.ui-calendar-week__date.is-selected,.ui-calendar-week__date.is-today.is-selected{color:#fff}.ui-calendar-week__date.is-disabled{background-color:transparent;cursor:default;opacity:.4}.page--ui-fab .ui-radio-group{margin-bottom:1rem}.page--ui-fab .page__demo-group{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem}.page--ui-fab .page__demo-group .ui-fab{margin-right:1.125rem}.ui-fab{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.16);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;position:relative;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;z-index:30}.ui-fab::-moz-focus-inner{border:0}.ui-fab:hover,body[modality=keyboard] .ui-fab:focus{box-shadow:0 8px 17px 0 rgba(0,0,0,.25),0 6px 20px 0 rgba(0,0,0,.2)}body[modality=keyboard] .ui-fab:focus .ui-fab__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-fab .ui-ripple-ink{border-radius:50%}.ui-fab__icon{height:auto;margin:0;position:relative;width:100%;z-index:1}.ui-fab__focus-ring{border-radius:50%;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.ui-fab--size-normal,.ui-fab--size-normal .ui-fab__focus-ring{height:3.5rem;width:3.5rem}.ui-fab--size-small,.ui-fab--size-small .ui-fab__focus-ring{width:2.5rem;height:2.5rem}.ui-fab--color-default{background-color:#fff;color:rgba(0,0,0,.54)}.ui-fab--color-default .ui-fab__icon{color:rgba(0,0,0,.54)}.ui-fab--color-default .ui-ripple-ink__ink{opacity:.2}.ui-fab--color-default .ui-fab__focus-ring{background-color:rgba(0,0,0,.15)}.ui-fab--color-accent,.ui-fab--color-accent .ui-fab__icon,.ui-fab--color-primary,.ui-fab--color-primary .ui-fab__icon{color:#fff}.ui-fab--color-accent .ui-ripple-ink__ink,.ui-fab--color-primary .ui-ripple-ink__ink{opacity:.4}.ui-fab--color-primary{background-color:#2196f3}.ui-fab--color-primary .ui-fab__focus-ring{background-color:#0c7cd5}.ui-fab--color-accent{background-color:#d500f9}.ui-fab--color-accent .ui-fab__focus-ring{background-color:#a900c6}.page--ui-fileupload .ui-radio-group{margin-bottom:1rem}.page--ui-fileupload .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-fileupload .page__demo-group .ui-fileupload{margin-right:8px}.page--ui-fileupload .page__demo-preview{display:table;border:1px solid #ddd;margin-top:8px;padding:4px;line-height:1}.page--ui-fileupload .page__demo-preview-image{min-width:24px;max-width:256px}.ui-fileupload{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.125rem;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:.02em;line-height:1;min-width:5rem;overflow:hidden;padding:0;padding-left:1rem;padding-right:1rem;position:relative;text-transform:uppercase}.ui-fileupload.has-focus-ring.is-active .ui-fileupload__focus-ring:before,body[modality=keyboard] .ui-fileupload.is-active .ui-fileupload__focus-ring:before{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-fileupload:not(.is-multiple) .ui-fileupload__display-text{text-transform:none}.ui-fileupload.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);-webkit-transition:box-shadow .1s;transition:box-shadow .1s}.ui-fileupload.is-raised.has-focus-ring.is-active,body[modality=keyboard] .ui-fileupload.is-raised.is-active{box-shadow:0 0 5px rgba(0,0,0,.22),0 3px 6px rgba(0,0,0,.3)}.ui-fileupload.is-disabled{cursor:default;opacity:.6}.ui-fileupload__input{height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;width:.1px}.ui-fileupload__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.ui-fileupload__icon{margin-left:-.25rem;margin-right:.375rem;margin-top:-.125rem}.ui-fileupload__focus-ring{left:0;position:absolute;top:0;width:100%}.ui-fileupload__focus-ring:before{border-radius:50%;content:"";display:block;left:0;margin-top:calc(-1 * (50% - 1.125rem));padding-top:100%;position:relative;top:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.375rem;margin-right:-.25rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-fileupload--size-small{font-size:.875rem;height:2rem;padding-left:.75rem;padding-right:.75rem}.ui-fileupload--size-small .ui-fileupload__icon{margin-left:0;margin-top:0}.ui-fileupload--size-small .ui-fileupload__icon .ui-icon{font-size:1.125rem}.ui-fileupload--size-small.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.375rem;margin-right:0}.ui-fileupload--size-large{font-size:1rem;height:3rem;padding-left:1.5rem;padding-right:1.5rem}.ui-fileupload--size-large .ui-fileupload__icon{margin-left:-.25rem;margin-right:.5rem}.ui-fileupload--size-large.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.5rem;margin-right:-.25rem}.ui-fileupload--type-primary .ui-fileupload__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-fileupload--type-primary.ui-fileupload--color-default{background-color:#eee;color:rgba(0,0,0,.87)}.ui-fileupload--type-primary.ui-fileupload--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-fileupload--type-primary.ui-fileupload--color-default .ui-ripple-ink__ink{opacity:.2}.ui-fileupload--type-primary.ui-fileupload--color-default .ui-fileupload__icon{color:rgba(0,0,0,.54)}.ui-fileupload--type-primary.ui-fileupload--color-accent,.ui-fileupload--type-primary.ui-fileupload--color-primary{color:#fff}.ui-fileupload--type-primary.ui-fileupload--color-accent .ui-ripple-ink__ink,.ui-fileupload--type-primary.ui-fileupload--color-primary .ui-ripple-ink__ink{opacity:.4}.ui-fileupload--type-primary.ui-fileupload--color-primary{background-color:#2196f3}.ui-fileupload--type-primary.ui-fileupload--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-fileupload--type-primary.ui-fileupload--color-accent{background-color:#d500f9}.ui-fileupload--type-primary.ui-fileupload--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-fileupload--type-secondary{background-color:transparent}.ui-fileupload--type-secondary.ui-fileupload--color-default{color:rgba(0,0,0,.87)}.ui-fileupload--type-secondary.ui-fileupload--color-default:hover:not(.is-disabled){background-color:#eee}.ui-fileupload--type-secondary.ui-fileupload--color-default .ui-fileupload__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-default .ui-fileupload__icon{color:rgba(0,0,0,.54)}.ui-fileupload--type-secondary.ui-fileupload--color-primary{color:#2196f3}.ui-fileupload--type-secondary.ui-fileupload--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-primary .ui-fileupload__focus-ring:before{background-color:rgba(33,150,243,.26)}.ui-fileupload--type-secondary.ui-fileupload--color-accent{color:#d500f9}.ui-fileupload--type-secondary.ui-fileupload--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-accent .ui-fileupload__focus-ring:before{background-color:rgba(213,0,249,.26)}.page--ui-icon .ui-icon{color:rgba(0,0,0,.54);margin-right:8px;margin-bottom:8px}.page--ui-icon .page__demo.is-boxed{border:1px solid #ddd;max-width:512px;padding:24px}.page--ui-icon .page__demo-group:not(:last-child){margin-bottom:16px}.page--ui-icon .page__demo-group.is-inline .ui-icon,.page--ui-icon .page__demo-group.is-inline p{margin:0}.page--ui-icon .page__demo-group .has-large-icons .ui-icon{font-size:32px}.page--ui-icon-button .page__demo-table{max-width:37.5rem}.page--ui-icon-button .page__demo-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-icon-button .page__demo-group.has-white-icon-buttons{background-color:#2196f3;padding:.25rem .5rem}.page--ui-icon-button .ui-radio-group,.page--ui-icon-button .ui-switch{margin-bottom:1rem}.page--ui-icon-button .ui-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-icon-button .ui-icon-button{margin-right:.5rem}.my-custom-dropdown{padding:8px}.my-custom-dropdown p:first-child{margin-top:0}.my-custom-dropdown p:last-child{margin-bottom:0}.page--ui-menu .popover-trigger{display:inline-block;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:16px}.page--ui-modal .page__demo-group{margin-bottom:16px}.page--ui-modal .ui-button{margin-bottom:8px}.page--ui-popover .popover-trigger{display:inline-block;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:16px}.ui-popover.my-popover-style{padding:16px}.ui-popover.my-popover-style p:first-child{margin-top:0}.ui-popover.my-popover-style p:last-child{margin-bottom:0}.page--ui-preloader .ui-button{margin-top:24px}.ui-preloader{position:relative;width:100%}.ui-preloader.is-loading .ui-preloader__progressbar{opacity:1;padding-top:.1875rem}.ui-preloader__progressbar{-webkit-animation:ui-preloader-background linear 3s infinite;animation:ui-preloader-background linear 3s infinite;background-color:#159756;left:0;opacity:0;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,padding-top;transition-property:opacity,padding-top;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:100%;overflow:hidden}.ui-preloader__progressbar:after,.ui-preloader__progressbar:before{-webkit-animation:ui-preloader-front linear 3s infinite;animation:ui-preloader-front linear 3s infinite;content:'';display:block;height:.1875rem;position:absolute;top:0;width:100%;z-index:1}.ui-preloader__progressbar:before{right:50%;-webkit-transform-origin:right;transform-origin:right}.ui-preloader__progressbar:after{left:50%;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes ui-preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,to{background-color:#fdba2c}}@keyframes ui-preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,to{background-color:#fdba2c}}@-webkit-keyframes ui-preloader-front{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#da4733}24.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#da4733}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#3b78e7}49.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#3b78e7}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fdba2c}74.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#fdba2c}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#159756}to{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#159756}}@keyframes ui-preloader-front{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#da4733}24.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#da4733}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#3b78e7}49.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#3b78e7}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fdba2c}74.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#fdba2c}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#159756}to{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#159756}}.page--ui-progress-circular .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem}.page--ui-progress-circular .page__demo-group .ui-progress-circular{margin-right:1.5rem}.page--ui-progress-circular .ui-button{margin-top:1.5rem}.page--ui-progress-circular .has-white-progress{background-color:gray;display:inline-block;padding:.5rem}.page--ui-progress-circular .has-white-progress .ui-progress-circular{margin-right:0}.page--ui-progress-linear .ui-button{margin-top:1.5rem}.page--ui-progress-linear .ui-progress-linear{margin-top:.5rem;margin-bottom:.5rem}.page--ui-progress-linear .page__demo-group .ui-progress-linear{margin-bottom:2.5rem}.page--ui-progress-linear .has-white-progress{background-color:gray;padding:.5rem 0}.page--ui-progress-linear .has-white-progress .ui-progress-linear{margin-bottom:.5rem}.ui-progress-linear{display:block;height:.25rem;overflow:hidden;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:height,opacity;transition-property:height,opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:100%}.ui-progress-linear__progress-bar{height:.25rem;left:0;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;width:100%}.ui-progress-linear__progress-bar.is-determinate{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.ui-progress-linear__progress-bar.is-indeterminate{-webkit-animation:ui-progress-linear-indeterminate 2.1s linear infinite;animation:ui-progress-linear-indeterminate 2.1s linear infinite;-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0);-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes ui-progress-linear-indeterminate{0%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}25%{-webkit-transform:translateX(50%) scaleX(.6);transform:translateX(50%) scaleX(.6)}49%{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}50%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}75%{-webkit-transform:translateX(0) scaleX(.6);transform:translateX(0) scaleX(.6)}to{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}}@keyframes ui-progress-linear-indeterminate{0%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}25%{-webkit-transform:translateX(50%) scaleX(.6);transform:translateX(50%) scaleX(.6)}49%{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}50%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}75%{-webkit-transform:translateX(0) scaleX(.6);transform:translateX(0) scaleX(.6)}to{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}}.ui-progress-linear--transition-fade-enter-active,.ui-progress-linear--transition-fade-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui-progress-linear--transition-fade-enter,.ui-progress-linear--transition-fade-leave-active{opacity:0}.ui-progress-linear--color-primary{background-color:rgba(33,150,243,.4)}.ui-progress-linear--color-primary .ui-progress-linear__progress-bar{background-color:#2196f3}.ui-progress-linear--color-accent{background-color:rgba(213,0,249,.4)}.ui-progress-linear--color-accent .ui-progress-linear__progress-bar{background-color:#d500f9}.ui-progress-linear--color-black{background-color:rgba(97,97,97,.4)}.ui-progress-linear--color-black .ui-progress-linear__progress-bar{background-color:#616161}.ui-progress-linear--color-white{background-color:hsla(0,0%,100%,.4)}.ui-progress-linear--color-white .ui-progress-linear__progress-bar{background-color:#fff}.page--ui-radio .page__demo-group.has-button-right{max-width:12.5rem}.page--ui-ripple-ink .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-ripple-ink .page__demo-group.has-custom-color .ui-ripple-ink__ink.is-held{opacity:.75}.page--ui-ripple-ink .page__demo-group.has-custom-opacity .ui-ripple-ink__ink.is-held{opacity:.95}.page--ui-ripple-ink .page__demo-group .image-pane{-ms-flex-negative:0;flex-shrink:0}.page--ui-ripple-ink .page__demo-group--color-orange{color:#ff9800}.page--ui-ripple-ink .page__demo-group--color-blue{color:#2196f3}.page--ui-ripple-ink .page__demo-group--tv-shows .image-pane{height:11.25rem;width:7.5rem}.page--ui-ripple-ink .page__demo-group--the-simpsons .image-pane{border-radius:.5rem;height:7.5rem;width:7.5rem}.page--ui-ripple-ink .image-pane{background-position:50%;background-size:cover;margin-bottom:1rem;margin-right:1rem;position:relative}.page--ui-select .ui-select{margin-bottom:2rem;max-width:25rem}.page--ui-slider .page__examples{max-width:31.25rem}.page--ui-slider .ui-slider{margin-bottom:.5rem}.page--ui-slider .ui-button{margin-top:1.5rem}.ui-slider{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none}.ui-slider:not(.is-disabled).is-active:not(.has-marker) .ui-slider__thumb:before,.ui-slider:not(.is-disabled).is-dragging:not(.has-marker) .ui-slider__thumb:before{-webkit-transform:scale(1);transform:scale(1)}.ui-slider:not(.is-disabled).is-active .ui-slider__marker,.ui-slider:not(.is-disabled).is-dragging .ui-slider__marker{opacity:1;-webkit-transform:scale(1) translateY(-1.625rem);transform:scale(1) translateY(-1.625rem)}.ui-slider:not(.is-disabled).is-active .ui-slider__marker-text,.ui-slider:not(.is-disabled).is-dragging .ui-slider__marker-text{color:#fff}.ui-slider:not(.is-disabled).is-active .ui-slider__snap-point,.ui-slider:not(.is-disabled).is-dragging .ui-slider__snap-point{opacity:1}.ui-slider:not(.is-disabled).is-active .ui-slider__icon .ui-icon,.ui-slider:not(.is-disabled).is-dragging .ui-slider__icon .ui-icon{color:#2196f3}.ui-slider.is-disabled .ui-slider__icon{opacity:.6}.ui-slider.is-disabled .ui-slider__track{cursor:default}.ui-slider.is-disabled .ui-slider__track-fill{background-color:transparent}.ui-slider.is-disabled .ui-slider__thumb{background-color:#ddd;border:.125rem solid #fff}.ui-slider__icon{margin-right:1rem}.ui-slider__icon .ui-icon{color:rgba(0,0,0,.54);-webkit-transition:color .2s ease;transition:color .2s ease}.ui-slider__track{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.125rem;margin:0 auto;position:relative;width:100%}.ui-slider__track-background,.ui-slider__track-fill{content:'';display:block;height:.1875rem;left:0;position:absolute;top:.46875rem}.ui-slider__track-background{background-color:rgba(0,0,0,.12);width:100%}.ui-slider__snap-point{background-color:rgba(0,0,0,.75);height:.1875rem;opacity:0;position:absolute;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:.125rem;z-index:1}.ui-slider__track-fill{background-color:#2196f3;-webkit-transform-origin:left;transform-origin:left;width:100%}.ui-slider__thumb{background-color:#2196f3;border-radius:50%;cursor:inherit;display:block;height:.875rem;left:0;position:relative;width:.875rem;z-index:1}.ui-slider__thumb:before{background-color:rgba(33,150,243,.38);border-radius:50%;content:'';display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.ui-slider__marker,.ui-slider__thumb:before{height:2.25rem;margin-left:-.6875rem;margin-top:-.6875rem;position:absolute;width:2.25rem}.ui-slider__marker{opacity:0;-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-slider__marker svg{fill:#2196f3;height:2.25rem;width:2.25rem}.ui-slider__marker-text{color:#2196f3;font-size:.8125rem;font-weight:600;left:0;position:absolute;text-align:center;top:.25rem;-webkit-transition:color .2s ease;transition:color .2s ease;width:2.25rem}.ui-slider--is-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page--ui-snackbar .preview-controls{margin-bottom:1.125rem;max-width:25rem}.page--ui-snackbar .preview-controls .ui-radio-group,.page--ui-snackbar .preview-controls .ui-switch,.page--ui-snackbar .preview-controls .ui-textbox{margin-bottom:1.125rem}.page--ui-snackbar .preview-pane{border:2px solid #777;height:9.25rem;position:relative}.ui-snackbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#323232;border-radius:.125rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;max-width:35.5rem;min-height:3rem;min-width:18rem;padding:.875rem 1.5rem}.ui-snackbar__message{color:#fff;cursor:default;font-size:.875rem;line-height:1.5;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-snackbar__action{margin-left:auto;margin:-.5625rem -.75rem;padding-left:3rem}.ui-snackbar__action-button{margin:0;min-height:0;min-width:0;padding:.75rem}.ui-snackbar__action-button:hover:not(.is-disabled){background-color:hsla(0,0%,100%,.05)}body[modality=keyboard] .ui-snackbar__action-button:focus{background-color:hsla(0,0%,100%,.1)}.ui-snackbar--transition-slide-enter-active,.ui-snackbar--transition-slide-leave-active{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.ui-snackbar--transition-slide-enter,.ui-snackbar--transition-slide-leave-active{-webkit-transform:translateY(5.25rem);transform:translateY(5.25rem)}.ui-snackbar--transition-fade-enter-active,.ui-snackbar--transition-fade-leave-active{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.ui-snackbar--transition-fade-enter,.ui-snackbar--transition-fade-leave-active{opacity:0}.ui-snackbar-container{bottom:0;left:.5rem;overflow:hidden;pointer-events:none;position:absolute}.ui-snackbar-container .ui-snackbar{margin:.25rem .25rem .75rem;pointer-events:auto}.ui-snackbar-container--position-right{left:auto;right:.5rem}.ui-snackbar-container--position-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:.5rem;right:.5rem}.ui-textbox{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem}.ui-textbox:hover:not(.is-disabled) .ui-textbox__label-text{color:rgba(0,0,0,.75)}.ui-textbox:hover:not(.is-disabled) .ui-textbox__input,.ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:rgba(0,0,0,.3)}.ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,.ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-textbox.is-active:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,.ui-textbox.is-active:not(.is-disabled) .ui-textbox__label-text{color:#2196f3}.ui-textbox.has-label .ui-textbox__icon-wrapper{padding-top:1.5rem}.ui-textbox.has-counter .ui-textbox__feedback-text{padding-right:3rem}.ui-textbox.has-floating-label .ui-textbox__label-text{display:table}.ui-textbox.has-floating-label .ui-textbox__label-text.is-inline{color:rgba(0,0,0,.54);cursor:text;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-textbox.has-floating-label .ui-textbox__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-textbox.has-floating-label .ui-textbox__label>input:-webkit-autofill+.ui-textbox__label-text.is-inline{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__counter,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__label-text{color:#f44336}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__input,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:#f44336}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__feedback{color:#f44336}.ui-textbox.is-disabled .ui-textbox__input,.ui-textbox.is-disabled .ui-textbox__textarea{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38)}.ui-textbox.is-disabled .ui-textbox__icon-wrapper .ui-icon{opacity:.6}.ui-textbox.is-disabled .ui-textbox__feedback{opacity:.8}.ui-textbox__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0;padding:0;width:100%}.ui-textbox__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-textbox__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-textbox__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-textbox__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-textbox__input,.ui-textbox__textarea{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;display:block;font-family:inherit;font-size:1rem;font-weight:400;margin:0;outline:none;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-textbox__input{height:2rem}.ui-textbox__textarea{overflow-x:hidden;overflow-y:auto;padding-bottom:.375rem;resize:vertical}.ui-textbox__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-textbox__counter{position:absolute;right:0;top:.25rem}.ui-textbox--icon-position-right .ui-textbox__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.page--ui-switch .ui-switch{margin-bottom:.5rem}.page--ui-switch .page__demo-group{margin-bottom:2rem}.page--ui-switch .page__demo-group.has-switch-right{max-width:13rem}.page--ui-tabs .ui-tab p:first-child{margin-top:0}.page--ui-tabs .ui-tab p:last-child{margin-bottom:0}.page--ui-tabs .my-custom-tab-header,.page--ui-tabs .page__demo-controls-row{display:-webkit-box;display:-ms-flexbox;display:flex}.page--ui-tabs .my-custom-tab-header{font-weight:600}.page--ui-tabs .my-custom-tab-header .ui-icon{margin-right:8px}.page--ui-tabs .mb-8{margin-bottom:8px}.page--ui-tabs .mb-12{margin-bottom:12px}.page--ui-tabs .mr-16{margin-right:16px}.page--ui-textbox .ui-textbox{max-width:37.5rem}.page--ui-toolbar .page__demo-group{margin-bottom:3rem}.page--ui-toolbar .page__demo-group.has-photo-cover{background-position:50%;background-size:cover;height:18.75rem}.page--ui-toolbar .page__demo-group--photo-1{background-image:url("https://i.imgur.com/Fln32Fv.jpg")}.page--ui-toolbar .page__demo-group--photo-2{background-image:url("https://i.imgur.com/vFBagiE.jpg")}.page--ui-toolbar .page__demo-group--has-tabs .ui-tabs__header{box-shadow:0 2px 2px rgba(0,0,0,.2)}.ui-toolbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1.125rem;height:3.5rem;padding-left:1rem;position:relative}.ui-toolbar.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}.ui-toolbar:not(.is-raised).ui-toolbar--type-default{border-bottom:.0625rem solid rgba(0,0,0,.12)}.ui-toolbar .ui-icon-button{height:3rem;width:3rem}.ui-toolbar__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.ui-toolbar__nav-icon{margin-left:-1rem;margin-right:.5rem}.ui-toolbar__brand{min-width:10rem}.ui-toolbar__brand-text{padding-right:.5rem}.ui-toolbar__body,.ui-toolbar__brand-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-toolbar__body{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-toolbar__body.has-brand-divider{border-left-style:solid;border-left-width:.0625rem;padding-left:1.5rem}.ui-toolbar__right{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.ui-toolbar__progress{bottom:0;height:.1875rem;left:0;position:absolute;right:0}.ui-toolbar--type-default{background-color:#fff}.ui-toolbar--type-colored{background-color:#2196f3}.ui-toolbar--type-clear{background-color:transparent;border:none;box-shadow:none}.ui-toolbar--text-color-black{color:rgba(0,0,0,.87)}.ui-toolbar--text-color-black .ui-toolbar__body{border-left-color:rgba(0,0,0,.15)}.ui-toolbar--text-color-white{color:#fff}.ui-toolbar--text-color-white .ui-toolbar__body{border-color:hsla(0,0%,100%,.4)}.ui-toolbar--progress-position-top .ui-toolbar__progress{top:0}.page--ui-tooltip .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-tooltip .page__demo-group--the-simpsons .image-pane{border-radius:.5rem;height:7.5rem;width:7.5rem}.page--ui-tooltip .image-pane{background-color:#eee;background-position:50%;background-size:cover;margin-bottom:1rem;margin-right:1rem;position:relative}
\ No newline at end of file
+code{border-radius:.25rem;font-size:90%;padding:.125rem .25rem}code,pre{background-color:#f9f2f4;color:#c7254e;font-family:Menlo,Monaco,Consolas,Courier New,monospace}pre{border-radius:4px;display:block;line-height:1.4;margin:0 0 1rem;padding:1rem;word-break:break-all;word-wrap:break-word}pre.is-compact{font-size:.875rem;padding:.5rem .75rem}pre code{background:inherit;border-radius:0;color:inherit;font-size:inherit;padding:0}kbd{background-color:#333;border-radius:.1875rem;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);color:#fff;font-size:90%;padding:.125rem .25rem}kbd kbd{box-shadow:none;font-size:100%;font-weight:700;padding:0}table{border-collapse:collapse;border-spacing:0;background-color:transparent}td,th{padding:0}td.fixed-width,th.fixed-width{width:144px}caption{padding-top:.5rem;padding-bottom:.5rem;color:#777}caption,th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:1.25rem}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:.5rem;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:.125rem solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:.125rem solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:.3125rem}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:.9375rem;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.no-wrap{white-space:nowrap!important}*{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:100%}body{color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem}a{color:#1976d2;cursor:pointer;text-decoration:none}a:focus,a:hover{text-decoration:underline}.keen-docs-content{width:100%;padding-left:18.5rem}@media screen and (max-width:768px){.keen-docs-content{padding-left:0}}.page{margin:0 auto;max-width:68.25rem;padding:6.75rem 2rem 2rem;line-height:1.6}@media screen and (max-width:768px){.page{padding-top:6rem}}.page>h1:first-child,.page>h2:first-child,.page>h3:first-child,.page>h4:first-child,.page>p:first-child{margin-top:0}.page .page__section-title{margin-top:2rem;font-weight:400;font-size:1.5rem;line-height:1.33em}.page .page__section-title a{font-size:.6em;padding-left:.25rem}.page .page__demo-title{font-size:1.125rem}.page .table{margin-bottom:0}.page__title{font-size:2.125rem;font-weight:400;line-height:1.176em}.ui-tab td p:first-child,.ui-tab th p:first-child{margin-top:0}.ui-tab td p:last-child,.ui-tab th p:last-child{margin-bottom:0}.ui-tab tbody td:first-child{min-width:5.5rem}.keen-docs__custom-popover-content{padding:1rem;max-width:25rem}.keen-docs__custom-popover-content p:first-child{margin-top:0}.keen-docs__custom-popover-content p:last-child{margin-bottom:0}.keen-docs-navbar{height:3.875rem;background-color:#009688;color:#fff;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;z-index:20;position:fixed}.keen-docs-navbar__left{-ms-flex-negative:0;flex-shrink:0;width:18.5rem!important}@media screen and (max-width:768px){.keen-docs-navbar__left{display:none}}.keen-docs-navbar__right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.keen-docs-navbar__right,.keen-docs-navbar__right-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keen-docs-navbar__right-container{margin:0 auto;width:100%;max-width:68.25rem;padding-left:2rem;padding-right:2rem}@media screen and (max-width:768px){.keen-docs-navbar__right-container{padding-left:1.5rem;padding-right:1.5rem}}.ui-icon-button.keen-docs-navbar__menu-button{margin-right:1rem;cursor:pointer;display:none}@media screen and (max-width:768px){.ui-icon-button.keen-docs-navbar__menu-button{display:-webkit-box;display:-ms-flexbox;display:flex}}.keen-docs-navbar__title{margin:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:400;font-size:1.3rem}.keen-docs-navbar__action{margin-left:auto;font-size:.9rem;color:#fff}.keen-docs-brand{background-color:#009688;font-size:1.5rem;height:3.875rem;padding:1rem;width:100%;color:#fff}.keen-docs-brand__version{color:#fff;display:inline-block;font-size:.9rem;opacity:.7;vertical-align:super}.keen-docs-brand__version:focus,.keen-docs-brand__version:hover{opacity:1}.keen-docs-brand__button{color:#fff;float:right;line-height:1;opacity:.8}.keen-docs-brand__button:focus,.keen-docs-brand__button:hover{opacity:1}.ui-icon{cursor:inherit;display:inline-block;font-size:1.5rem;height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:1em}.ui-icon svg{display:block;fill:currentColor;height:1em;margin:0;padding:0;width:1em}.ui-icon-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border-radius:50%;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-icon-button,.ui-icon-button .ui-icon-button__focus-ring{height:2.25rem;width:2.25rem}body[modality=keyboard] .ui-icon-button:focus .ui-icon-button__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-icon-button::-moz-focus-inner{border:0}.ui-icon-button.is-anchor{cursor:pointer;text-decoration:none}.ui-icon-button.is-anchor.is-disabled{cursor:default}.ui-icon-button.is-loading .ui-icon-button__icon{opacity:0}.ui-icon-button.is-disabled{opacity:.6}.ui-icon-button__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;position:relative;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:100%;z-index:1}.ui-icon-button__icon .ui-icon{display:block}.ui-icon-button__focus-ring{border-radius:50%;height:2.25rem;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:2.25rem}.ui-progress-circular.ui-icon-button__progress{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-icon-button--size-mini,.ui-icon-button--size-mini .ui-icon-button__focus-ring{height:1.5rem;width:1.5rem}.ui-icon-button--size-mini .ui-icon{font-size:1.125rem}.ui-icon-button--size-small,.ui-icon-button--size-small .ui-icon-button__focus-ring{height:2rem;width:2rem}.ui-icon-button--size-small .ui-icon{font-size:1.125rem}.ui-icon-button--size-large,.ui-icon-button--size-large .ui-icon-button__focus-ring{height:3rem;width:3rem}.ui-icon-button--color-black,.ui-icon-button--color-white{background-color:transparent}.ui-icon-button--color-black.has-dropdown-open,.ui-icon-button--color-black:hover:not(.is-disabled),.ui-icon-button--color-white.has-dropdown-open,.ui-icon-button--color-white:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}.ui-icon-button--color-black .ui-icon-button__focus-ring,.ui-icon-button--color-white .ui-icon-button__focus-ring{background-color:rgba(0,0,0,.12)}.ui-icon-button--color-black{color:rgba(0,0,0,.54)}.ui-icon-button--color-white{color:#fff}.ui-icon-button--type-primary.ui-icon-button--color-default{color:rgba(0,0,0,.87);background-color:#eee}.ui-icon-button--type-primary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-icon-button--type-primary.ui-icon-button--color-default .ui-icon-button__focus-ring{background-color:#cfcfcf}.ui-icon-button--type-primary.ui-icon-button--color-default .ui-ripple-ink__ink{opacity:.2}.ui-icon-button--type-primary.ui-icon-button--color-accent,.ui-icon-button--type-primary.ui-icon-button--color-green,.ui-icon-button--type-primary.ui-icon-button--color-orange,.ui-icon-button--type-primary.ui-icon-button--color-primary,.ui-icon-button--type-primary.ui-icon-button--color-red{color:#fff}.ui-icon-button--type-primary.ui-icon-button--color-accent .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-green .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-orange .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-ripple-ink__ink,.ui-icon-button--type-primary.ui-icon-button--color-red .ui-ripple-ink__ink{opacity:.4}.ui-icon-button--type-primary.ui-icon-button--color-primary{background-color:#2196f3}.ui-icon-button--type-primary.ui-icon-button--color-primary.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-icon-button__focus-ring{background-color:#0b76cc}.ui-icon-button--type-primary.ui-icon-button--color-accent{background-color:#d500f9}.ui-icon-button--type-primary.ui-icon-button--color-accent.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-icon-button--type-primary.ui-icon-button--color-accent .ui-icon-button__focus-ring{background-color:#a100bc}.ui-icon-button--type-primary.ui-icon-button--color-green{background-color:#4caf50}.ui-icon-button--type-primary.ui-icon-button--color-green.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-green:hover:not(.is-disabled){background-color:#3d8b40}.ui-icon-button--type-primary.ui-icon-button--color-green .ui-icon-button__focus-ring{background-color:#39843c}.ui-icon-button--type-primary.ui-icon-button--color-orange{background-color:#ff9800}.ui-icon-button--type-primary.ui-icon-button--color-orange.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-orange:hover:not(.is-disabled){background-color:#cc7a00}.ui-icon-button--type-primary.ui-icon-button--color-orange .ui-icon-button__focus-ring{background-color:#c27400}.ui-icon-button--type-primary.ui-icon-button--color-red{background-color:#f44336}.ui-icon-button--type-primary.ui-icon-button--color-red.has-dropdown-open,.ui-icon-button--type-primary.ui-icon-button--color-red:hover:not(.is-disabled){background-color:#ea1c0d}.ui-icon-button--type-primary.ui-icon-button--color-red .ui-icon-button__focus-ring{background-color:#e11b0c}.ui-icon-button--type-secondary.ui-icon-button--color-default{color:rgba(0,0,0,.54)}.ui-icon-button--type-secondary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-default.has-focus-ring:focus,.ui-icon-button--type-secondary.ui-icon-button--color-default:hover:not(.is-disabled),body[modality=keyboard] .ui-icon-button--type-secondary.ui-icon-button--color-default:focus{color:rgba(0,0,0,.87)}.ui-icon-button--type-secondary.ui-icon-button--color-default.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-default:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}.ui-icon-button--type-secondary.ui-icon-button--color-default .ui-icon-button__focus-ring{background-color:rgba(0,0,0,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-primary{color:#2196f3}.ui-icon-button--type-secondary.ui-icon-button--color-primary.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-primary .ui-icon-button__focus-ring{background-color:rgba(33,150,243,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-accent{color:#d500f9}.ui-icon-button--type-secondary.ui-icon-button--color-accent.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-accent .ui-icon-button__focus-ring{background-color:rgba(213,0,249,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-green{color:#43a047}.ui-icon-button--type-secondary.ui-icon-button--color-green.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-green:hover:not(.is-disabled){background-color:rgba(67,160,71,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-green .ui-icon-button__focus-ring{background-color:rgba(67,160,71,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-orange{color:#ff9800}.ui-icon-button--type-secondary.ui-icon-button--color-orange.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-orange:hover:not(.is-disabled){background-color:rgba(255,152,0,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-orange .ui-icon-button__focus-ring{background-color:rgba(255,152,0,.26)}.ui-icon-button--type-secondary.ui-icon-button--color-red{color:#f44336}.ui-icon-button--type-secondary.ui-icon-button--color-red.has-dropdown-open,.ui-icon-button--type-secondary.ui-icon-button--color-red:hover:not(.is-disabled){background-color:rgba(244,67,54,.12)}.ui-icon-button--type-secondary.ui-icon-button--color-red .ui-icon-button__focus-ring{background-color:rgba(244,67,54,.26)}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{max-height:100%;max-width:100%;outline:0;pointer-events:none;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);z-index:60}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0;-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px) scale(.5);transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%;-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px) scale(.5);transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px) scale(.5);transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0;-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px) scale(.5);transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-backdrop{position:absolute;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:'';float:left;padding-top:100%}.tippy-backdrop+.tippy-content{-webkit-transition-property:opacity;transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.ui-popover.is-raised{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.ui-popover .ui-menu{border:none}.ui-popover-theme{background-color:#fff}.ui-focus-container__focus-redirector,.ui-focus-container__last-focusable{opacity:0;position:absolute}.ui-focus-container__content{outline:none}.ui-progress-circular{position:relative}.ui-progress-circular__determinate{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ui-progress-circular__determinate-path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset .3s;transition:stroke-dashoffset .3s}.ui-progress-circular__indeterminate{-webkit-animation:ui-progress-circular-rotate .7s linear infinite;animation:ui-progress-circular-rotate .7s linear infinite;bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center;width:100%}.ui-progress-circular__indeterminate-path{stroke-dasharray:89,200;stroke-dashoffset:-35px;stroke-linecap:round}.ui-progress-circular--color-multi-color .ui-progress-circular__determinate-path{stroke:#2196f3}.ui-progress-circular--color-multi-color .ui-progress-circular__indeterminate-path{-webkit-animation:ui-progress-circular-color 6s ease-in-out infinite;animation:ui-progress-circular-color 6s ease-in-out infinite}.ui-progress-circular--color-primary .ui-progress-circular__determinate-path,.ui-progress-circular--color-primary .ui-progress-circular__indeterminate-path{stroke:#2196f3}.ui-progress-circular--color-accent .ui-progress-circular__determinate-path,.ui-progress-circular--color-accent .ui-progress-circular__indeterminate-path{stroke:#d500f9}.ui-progress-circular--color-black .ui-progress-circular__determinate-path,.ui-progress-circular--color-black .ui-progress-circular__indeterminate-path{stroke:#212121}.ui-progress-circular--color-white .ui-progress-circular__determinate-path,.ui-progress-circular--color-white .ui-progress-circular__indeterminate-path{stroke:#fff}.ui-progress-circular--transition-fade-enter-active,.ui-progress-circular--transition-fade-leave-active{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-progress-circular--transition-fade-enter,.ui-progress-circular--transition-fade-leave-active{opacity:0;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes ui-progress-circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ui-progress-circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ui-progress-circular-color{0%,to{stroke:#f44336}40%{stroke:#2196f3}66%{stroke:#4caf50}80%,90%{stroke:#ff9800}}@keyframes ui-progress-circular-color{0%,to{stroke:#f44336}40%{stroke:#2196f3}66%{stroke:#4caf50}80%,90%{stroke:#ff9800}}.ui-ripple-ink{border-radius:inherit;bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-ripple-ink__ink{background-clip:padding-box;background-color:currentColor;border-radius:50%;height:0;opacity:.2;pointer-events:none;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:transform .6s ease-out,opacity .6s ease-out;transition:transform .6s ease-out,opacity .6s ease-out,-webkit-transform .6s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-ripple-ink__ink.is-held{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}.ui-ripple-ink__ink.is-done{opacity:0!important}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{max-height:100%;max-width:100%;outline:0;pointer-events:none;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);z-index:60}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0;-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px) scale(.5);transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%;-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px) scale(.5);transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px) scale(.5);transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0;-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px) scale(.5);transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-backdrop{position:absolute;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:'';float:left;padding-top:100%}.tippy-backdrop+.tippy-content{-webkit-transition-property:opacity;transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.ui-tooltip-theme{border-radius:.125rem;color:#fff;font-size:.8125rem;line-height:1.4;padding:.3rem .5rem;text-align:center}.ui-tooltip-theme,.ui-tooltip-theme .tippy-backdrop{background-color:rgba(33,33,33,.9)}.keen-docs-sidebar{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;height:100vh;left:0;position:fixed;top:0;width:18.5rem;z-index:1}@media screen and (max-width:768px){.keen-docs-sidebar{max-width:17.5rem;z-index:40}}.keen-docs-sidebar__scrollable{height:100%;overflow-y:auto;overflow-x:hidden}.keen-docs-sidebar__description{color:rgba(0,0,0,.54);padding:1rem}.keen-docs-sidebar__description p{margin:0}.keen-docs-sidebar__description p+p{margin-top:.75rem}.keen-docs-sidebar__version-select{padding:1rem;padding-top:.5rem}.keen-docs-sidebar__version-select .ui-select{margin:0}.keen-docs-sidebar__version-select .ui-select-option{min-height:2.5rem}.keen-docs-sidebar__menu,.keen-docs-sidebar__menu-section-links{list-style:none;margin:0;padding:0}.keen-docs-sidebar__menu-section-header{color:rgba(0,0,0,.7);font-size:1.1em;font-weight:700;padding:1rem}.keen-docs-sidebar__menu-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.87);display:-webkit-box;display:-ms-flexbox;display:flex;padding:.75rem;padding-left:2.5rem}.keen-docs-sidebar__menu-item.is-active{color:#1976d2;font-weight:600;background-color:rgba(0,0,0,.05)}.keen-docs-sidebar__menu-item:focus,.keen-docs-sidebar__menu-item:hover{text-decoration:none;background-color:rgba(0,0,0,.05)}.keen-docs-sidebar__menu-item .ui-icon{font-size:1.125rem;margin-left:.75rem;color:#868686}.keen-docs-mobile-sidebar__backdrop{background-color:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;top:0;width:100%;z-index:39;display:none}@media screen and (max-width:768px){.keen-docs-mobile-sidebar__backdrop{display:block}}.transition-fade-enter-active,.transition-fade-leave-active{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.transition-fade-enter,.transition-fade-leave-active{opacity:0}.transition-slide-enter-active,.transition-slide-leave-active{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.transition-slide-enter,.transition-slide-leave-active{-webkit-transform:translateX(-280px);transform:translateX(-280px)}.ui-alert{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem;line-height:1.4;margin-bottom:1rem;overflow:hidden;position:relative;-webkit-transition:margin-bottom .3s;transition:margin-bottom .3s;width:100%}.ui-alert.has-no-transition,.ui-alert.has-no-transition .ui-alert__body{-webkit-transition:none;transition:none}.ui-alert a{text-decoration:none}.ui-alert a:focus,.ui-alert a:hover{text-decoration:underline}.ui-alert__icon{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}.ui-alert__body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;margin-top:0;min-height:3rem;padding:.75rem 1rem;-webkit-transition:opacity .3s,margin-top .4s;transition:opacity .3s,margin-top .4s;width:100%}.ui-alert__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-alert__dismiss-button{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;margin:-.25rem -.5rem -.25rem .5rem}.ui-alert--type-info .ui-alert__body{background-color:rgba(33,150,243,.12)}.ui-alert--type-info .ui-alert__icon,.ui-alert--type-info a{color:#2196f3}.ui-alert--type-success .ui-alert__body{background-color:rgba(76,175,80,.12)}.ui-alert--type-success .ui-alert__icon,.ui-alert--type-success a{color:#4caf50}.ui-alert--type-warning .ui-alert__body{background-color:rgba(255,152,0,.12)}.ui-alert--type-warning .ui-alert__icon,.ui-alert--type-warning a{color:#ff9800}.ui-alert--type-error .ui-alert__body{background-color:rgba(244,67,54,.12)}.ui-alert--type-error .ui-alert__icon,.ui-alert--type-error a{color:#f44336}.ui-alert--transition-toggle-enter,.ui-alert--transition-toggle-leave-active{margin-bottom:0}.ui-alert--transition-toggle-enter .ui-alert__body,.ui-alert--transition-toggle-leave-active .ui-alert__body{margin-top:-3.5rem;opacity:0}.ui-close-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;background:none;border-radius:50%;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.ui-close-button::-moz-focus-inner{border:0}.ui-close-button:hover:not(.is-disabled){background-color:rgba(0,0,0,.1)}body[modality=keyboard] .ui-close-button:focus .ui-close-button__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-close-button.is-disabled{opacity:.6}.ui-close-button__icon{color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;z-index:1}.ui-close-button__focus-ring{background-color:rgba(0,0,0,.15);border-radius:50%;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.ui-close-button--size-mini,.ui-close-button--size-mini .ui-close-button__focus-ring{height:1.5rem;width:1.5rem}.ui-close-button--size-mini .ui-icon{font-size:1.125rem}.ui-close-button--size-small,.ui-close-button--size-small .ui-close-button__focus-ring{height:2rem;width:2rem}.ui-close-button--size-small .ui-icon{font-size:1.125rem}.ui-close-button--size-normal,.ui-close-button--size-normal .ui-close-button__focus-ring{height:2.25rem;width:2.25rem}.ui-close-button--size-normal .ui-icon{font-size:1.25rem}.ui-close-button--size-large,.ui-close-button--size-large .ui-close-button__focus-ring{height:3rem;width:3rem}.ui-close-button--size-large .ui-icon{font-size:1.5rem}.ui-close-button--color-black{color:rgba(0,0,0,.38)}.ui-close-button--color-black:hover:not(.is-disabled) .ui-close-button__icon,body[modality=keyboard] .ui-close-button--color-black:focus .ui-close-button__icon{color:rgba(0,0,0,.87)}.ui-close-button--color-white{color:#fff}.ui-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border-radius:.125rem;border:none;cursor:default;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:.02em;line-height:1;min-width:5rem;outline:none;overflow:hidden;padding:0;padding-left:1rem;padding-right:1rem;position:relative;text-transform:uppercase;-ms-touch-action:manipulation;touch-action:manipulation}.ui-button::-moz-focus-inner{border:0}.ui-button.has-focus-ring:focus .ui-button__focus-ring:before,body[modality=keyboard] .ui-button:focus .ui-button__focus-ring:before{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-button.is-anchor{cursor:pointer;text-decoration:none}.ui-button.is-anchor.is-disabled{cursor:default}.ui-button.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.ui-button.is-raised.has-focus-ring:focus,body[modality=keyboard] .ui-button.is-raised:focus{box-shadow:0 0 5px rgba(0,0,0,.22),0 3px 6px rgba(0,0,0,.3)}.ui-button.is-loading .ui-button__content{opacity:0}.ui-button.is-disabled{opacity:.6}.ui-button__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.ui-button__icon{margin-left:-.25rem;margin-right:.375rem;margin-top:-.125rem}.ui-button__dropdown-icon{font-size:1.125rem;margin-left:.125rem;margin-right:-.375rem}.ui-button__focus-ring{left:0;position:absolute;top:0;width:100%}.ui-button__focus-ring:before{border-radius:50%;content:"";display:block;left:0;margin-top:calc(-1 * (50% - 1.125rem));padding-top:100%;position:relative;top:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-progress-circular.ui-button__progress{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-button--icon-position-right .ui-button__icon{margin-left:.375rem;margin-right:-.25rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-button--size-small{font-size:.875rem;height:2rem;padding-left:.75rem;padding-right:.75rem}.ui-button--size-small .ui-button__icon{margin-left:0;margin-top:0}.ui-button--size-small .ui-button__icon .ui-icon{font-size:1.125rem}.ui-button--size-small .ui-button__dropdown-icon{margin-right:-.25rem}.ui-button--size-small.ui-button--icon-position-right .ui-button__icon{margin-left:.375rem;margin-right:0}.ui-button--size-large{font-size:1rem;height:3rem;padding-left:1.5rem;padding-right:1.5rem}.ui-button--size-large .ui-button__icon{margin-left:-.25rem;margin-right:.5rem}.ui-button--size-large .ui-button__dropdown-icon{font-size:1.5rem;margin-left:.25rem}.ui-button--size-large.ui-button--icon-position-right .ui-button__icon{margin-left:.5rem;margin-right:-.25rem}.ui-button--type-primary .ui-button__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-button--type-primary.ui-button--color-default{background-color:#eee;color:rgba(0,0,0,.87)}.ui-button--type-primary.ui-button--color-default.has-dropdown-open,.ui-button--type-primary.ui-button--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-button--type-primary.ui-button--color-default .ui-ripple-ink__ink{opacity:.2}.ui-button--type-primary.ui-button--color-default .ui-button__dropdown-icon,.ui-button--type-primary.ui-button--color-default .ui-button__icon{color:rgba(0,0,0,.54)}.ui-button--type-primary.ui-button--color-accent,.ui-button--type-primary.ui-button--color-green,.ui-button--type-primary.ui-button--color-orange,.ui-button--type-primary.ui-button--color-primary,.ui-button--type-primary.ui-button--color-red{color:#fff}.ui-button--type-primary.ui-button--color-accent .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-green .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-orange .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-primary .ui-ripple-ink__ink,.ui-button--type-primary.ui-button--color-red .ui-ripple-ink__ink{opacity:.4}.ui-button--type-primary.ui-button--color-primary{background-color:#2196f3}.ui-button--type-primary.ui-button--color-primary.has-dropdown-open,.ui-button--type-primary.ui-button--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-button--type-primary.ui-button--color-accent{background-color:#d500f9}.ui-button--type-primary.ui-button--color-accent.has-dropdown-open,.ui-button--type-primary.ui-button--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-button--type-primary.ui-button--color-green{background-color:#4caf50}.ui-button--type-primary.ui-button--color-green.has-dropdown-open,.ui-button--type-primary.ui-button--color-green:hover:not(.is-disabled){background-color:#3d8b40}.ui-button--type-primary.ui-button--color-orange{background-color:#ff9800}.ui-button--type-primary.ui-button--color-orange.has-dropdown-open,.ui-button--type-primary.ui-button--color-orange:hover:not(.is-disabled){background-color:#cc7a00}.ui-button--type-primary.ui-button--color-red{background-color:#f44336}.ui-button--type-primary.ui-button--color-red.has-dropdown-open,.ui-button--type-primary.ui-button--color-red:hover:not(.is-disabled){background-color:#ea1c0d}.ui-button--type-secondary{background-color:transparent}.ui-button--type-secondary.ui-button--color-default{color:rgba(0,0,0,.87)}.ui-button--type-secondary.ui-button--color-default.has-dropdown-open,.ui-button--type-secondary.ui-button--color-default:hover:not(.is-disabled){background-color:#eee}.ui-button--type-secondary.ui-button--color-default .ui-button__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-button--type-secondary.ui-button--color-default .ui-button__icon{color:rgba(0,0,0,.54)}.ui-button--type-secondary.ui-button--color-primary{color:#2196f3}.ui-button--type-secondary.ui-button--color-primary.has-dropdown-open,.ui-button--type-secondary.ui-button--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-button--type-secondary.ui-button--color-primary .ui-button__focus-ring:before{background-color:rgba(33,150,243,.26)}.ui-button--type-secondary.ui-button--color-accent{color:#d500f9}.ui-button--type-secondary.ui-button--color-accent.has-dropdown-open,.ui-button--type-secondary.ui-button--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-button--type-secondary.ui-button--color-accent .ui-button__focus-ring:before{background-color:rgba(213,0,249,.26)}.ui-button--type-secondary.ui-button--color-green{color:#43a047}.ui-button--type-secondary.ui-button--color-green.has-dropdown-open,.ui-button--type-secondary.ui-button--color-green:hover:not(.is-disabled){background-color:rgba(67,160,71,.12)}.ui-button--type-secondary.ui-button--color-green .ui-button__focus-ring:before{background-color:rgba(67,160,71,.26)}.ui-button--type-secondary.ui-button--color-orange{color:#ff9800}.ui-button--type-secondary.ui-button--color-orange.has-dropdown-open,.ui-button--type-secondary.ui-button--color-orange:hover:not(.is-disabled){background-color:rgba(255,152,0,.12)}.ui-button--type-secondary.ui-button--color-orange .ui-button__focus-ring:before{background-color:rgba(255,152,0,.26)}.ui-button--type-secondary.ui-button--color-red{color:#f44336}.ui-button--type-secondary.ui-button--color-red.has-dropdown-open,.ui-button--type-secondary.ui-button--color-red:hover:not(.is-disabled){background-color:rgba(244,67,54,.12)}.ui-button--type-secondary.ui-button--color-red .ui-button__focus-ring:before{background-color:rgba(244,67,54,.26)}.ui-tab{outline:none}.ui-tabs{margin-bottom:1.5rem;width:100%}.ui-tabs.is-fullwidth .ui-tab-header-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-tabs.is-raised{border:none;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}.ui-tabs.is-raised .ui-tabs__body{border:none}.ui-tabs__header{position:relative;width:100%}.ui-tabs__header-items{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;position:relative}.ui-tabs__body{background-color:#fff;border-radius:0;border:.0625rem solid #eee;border-top:0;margin:0;padding:1rem}.ui-tabs--background-color-default .ui-tabs__header{background-color:#eee}body[modality=keyboard] .ui-tabs--background-color-default .ui-tab-header-item:focus{outline:1px solid #2196f3}body[modality=keyboard] .ui-tabs--background-color-accent .ui-tab-header-item:focus,body[modality=keyboard] .ui-tabs--background-color-clear .ui-tab-header-item:focus,body[modality=keyboard] .ui-tabs--background-color-primary .ui-tab-header-item:focus{outline:1px solid #fff}.ui-tabs--background-color-accent .ui-ripple-ink__ink.is-held,.ui-tabs--background-color-clear .ui-ripple-ink__ink.is-held,.ui-tabs--background-color-primary .ui-ripple-ink__ink.is-held{opacity:.7}.ui-tabs--background-color-primary .ui-tabs__header{background-color:#2196f3}.ui-tabs--background-color-accent .ui-tabs__header{background-color:#d500f9}.ui-tabs--background-color-clear .ui-tabs__header{background-color:transparent}.ui-tabs--background-color-clear .ui-tabs__header+.ui-tabs__body{border-top:1px solid rgba(0,0,0,.12)}.ui-tabs--text-color-black .ui-tab-header-item{color:rgba(0,0,0,.54)}.ui-tabs--text-color-black .ui-tab-header-item:hover:not(.is-disabled):not(.is-active){color:rgba(0,0,0,.87)}.ui-tabs--text-color-white .ui-tab-header-item{color:hsla(0,0%,100%,.65)}.ui-tabs--text-color-active-white .ui-tab-header-item.is-active,.ui-tabs--text-color-white .ui-tab-header-item:hover:not(.is-disabled):not(.is-active){color:#fff}.ui-tabs--text-color-active-primary .ui-tab-header-item.is-active{color:#2196f3}.ui-tabs--text-color-active-accent .ui-tab-header-item.is-active{color:#d500f9}.ui-tab-header-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;padding:0 .75rem;position:relative;text-transform:uppercase;-webkit-transition:color .1s;transition:color .1s}.ui-tab-header-item.is-active:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.ui-tab-header-item.is-disabled{cursor:default;opacity:.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-tab-header-item--type-icon-and-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:4.5rem}.ui-tab-header-item--type-icon-and-text .ui-tab-header-item__icon{margin-bottom:.25rem}.ui-tab-header-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9375rem;font-weight:600}.ui-tab-header-item__icon{height:1.5rem;width:1.5rem;color:currentColor}.ui-tab-header-item__icon .ui-icon{cursor:inherit}.ui-tab-header-item:after{bottom:0;content:'';height:.1875rem;left:0;opacity:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;width:100%}.ui-tabs--indicator-color-primary .ui-tab-header-item:after{background-color:#2196f3}.ui-tabs--indicator-color-accent .ui-tab-header-item:after{background-color:#d500f9}.ui-tabs--indicator-color-white .ui-tab-header-item:after{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.16)}.page--ui-autocomplete .page__examples{max-width:32rem}.ui-autocomplete{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;position:relative}.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__label-text{color:rgba(0,0,0,.75)}.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:rgba(0,0,0,.3)}.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon,.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__label-text{color:#2196f3}.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text{display:table}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-inline{color:rgba(0,0,0,.54);cursor:text;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-autocomplete.has-label .ui-autocomplete__icon-wrapper{padding-top:1.5rem}.ui-autocomplete.has-label .ui-autocomplete__clear-button{top:1.6875rem}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon,.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__label-text{color:#f44336}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__input{border-bottom-color:#f44336}.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__feedback{color:#f44336}.ui-autocomplete.is-disabled .ui-autocomplete__input{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38)}.ui-autocomplete.is-disabled .ui-autocomplete__icon-wrapper .ui-icon{opacity:.6}.ui-autocomplete.is-disabled .ui-autocomplete__feedback{opacity:.8}.ui-autocomplete__label{display:block;margin:0;padding:0;position:relative;width:100%}.ui-autocomplete__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-autocomplete__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-autocomplete__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-autocomplete__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-autocomplete__input{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;font-family:inherit;font-size:1rem;font-weight:400;height:2rem;outline:none;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-autocomplete__input::-ms-clear{display:none}.ui-autocomplete__clear-button{color:rgba(0,0,0,.54);cursor:pointer;font-size:1.125rem;position:absolute;right:0;top:.4375rem}.ui-autocomplete__clear-button:hover{color:rgba(0,0,0,.87)}.ui-autocomplete__suggestions{background-color:#fff;box-shadow:1px 2px 8px #757575;color:rgba(0,0,0,.87);display:block;list-style-type:none;margin:0;margin-bottom:.5rem;min-width:100%;padding:0;position:absolute;z-index:60}.ui-autocomplete__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-autocomplete--icon-position-right .ui-autocomplete__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-autocomplete-suggestion{cursor:pointer;font-family:inherit;font-size:.9375rem;padding:.5rem .75rem}.ui-autocomplete-suggestion:hover{background-color:rgba(0,0,0,.06)}.ui-autocomplete-suggestion.is-highlighted{background-color:rgba(0,0,0,.1)}.ui-autocomplete-suggestion__image{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ui-autocomplete-suggestion__image-object{background-position:50%;background-size:cover;border-radius:50%;height:2rem;margin-right:.75rem;width:2rem}.page--ui-button .ui-radio-group,.page--ui-button .ui-switch{margin-bottom:1rem}.page--ui-button .ui-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-button .ui-button{margin-bottom:.75rem;margin-right:.5rem}.page--ui-button .page__demo-group{margin-bottom:1.125rem}.page--ui-button .page__demo-table{max-width:37.5rem}.page--ui-button .page__demo-table .ui-button{display:-webkit-box;display:-ms-flexbox;display:flex}.page--ui-button .page__demo-table .ui-button.ui-button--size-normal{min-width:6.25rem}.page--ui-button .page__demo-table .ui-button.ui-button--size-large{min-width:7.75rem}.ui-menu{background-color:#fff;border:.0625rem solid rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;list-style:none;margin:0;max-height:100vh;max-width:17rem;min-width:10.5rem;outline:none;overflow-x:hidden;overflow-y:auto;padding:.25rem 0}.ui-menu.is-raised{border:none;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.ui-menu.has-secondary-text{min-width:15rem;max-width:19rem}.ui-menu-option{display:block;font-family:inherit;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-menu-option.is-divider{background-color:rgba(0,0,0,.08);display:block;height:.0625rem;margin:.375rem 0;padding:0}.ui-menu-option:not(.is-divider){color:rgba(0,0,0,.87);cursor:pointer;font-size:.9375rem;font-weight:400;min-height:2.5rem;outline:none;text-decoration:none}.ui-menu-option:not(.is-divider):hover:not(.is-disabled),body[modality=keyboard] .ui-menu-option:not(.is-divider):focus{background-color:#eee}.ui-menu-option:not(.is-divider).is-disabled{color:rgba(0,0,0,.54);cursor:default;opacity:.5}.ui-menu-option:not(.is-divider).is-disabled .ui-menu-option__secondary-text{color:rgba(0,0,0,.54)}.ui-menu-option__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;padding:0 1rem}.ui-menu-option__icon{color:rgba(0,0,0,.54);font-size:1.125rem;margin-right:1rem}.ui-menu-option__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-menu-option__secondary-text{color:rgba(0,0,0,.38);-ms-flex-negative:0;flex-shrink:0;font-size:.8125rem;margin-left:.25rem}.ui-radio-group{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif}.ui-radio-group:not(.is-disabled):not(.is-invalid):hover .ui-radio-group__label-text{color:rgba(0,0,0,.75)}.ui-radio-group:not(.is-disabled):not(.is-invalid).is-active .ui-radio-group__label-text{color:#2196f3}.ui-radio-group.is-vertical .ui-radio-group__radios{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.5rem}.ui-radio-group.is-vertical .ui-radio-group__radio{margin-bottom:.75rem;margin-left:0;width:100%}.ui-radio-group.is-invalid .ui-radio-group__feedback,.ui-radio-group.is-invalid .ui-radio-group__label-text{color:#f44336}.ui-radio-group.is-disabled .ui-radio-group__feedback{opacity:.8}.ui-radio-group__label-text{color:rgba(0,0,0,.54);font-size:.9375rem;line-height:normal;-webkit-transition:color .1s ease;transition:color .1s ease}.ui-radio-group__radios{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:2rem}.ui-radio.ui-radio-group__radio{margin-left:1.5rem}.ui-radio.ui-radio-group__radio:first-child{margin-left:0}.ui-radio-group__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:0;position:relative}.ui-radio-group--button-position-right:not(.is-vertical) .ui-radio__label-text{margin-right:.5rem}.ui-radio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.9375rem;height:1.25rem;margin:0}.ui-radio:hover:not(.is-disabled):not(.is-checked) .ui-radio__outer-circle{border:.125rem solid rgba(0,0,0,.54)}.ui-radio.is-checked .ui-radio__inner-circle{opacity:1;-webkit-transform:scale(.5);transform:scale(.5);z-index:0}.ui-radio.is-disabled{opacity:.5}.ui-radio.is-disabled .ui-radio__input-wrapper,.ui-radio.is-disabled .ui-radio__label-text{cursor:default}.ui-radio__input-wrapper{cursor:pointer;height:1.25rem;position:relative;width:1.25rem}.ui-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;left:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;top:0;width:1px}body[modality=keyboard] .ui-radio__input:focus+.ui-radio__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-radio__outer-circle{background-color:transparent;border-radius:50%;border:.125rem solid rgba(0,0,0,.38);-webkit-transition:border-color .2s;transition:border-color .2s}.ui-radio__inner-circle,.ui-radio__outer-circle{height:1.25rem;left:0;position:absolute;top:0;width:1.25rem}.ui-radio__inner-circle{background-color:rgba(0,0,0,.38);border-radius:50%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,background-color,-webkit-transform;transition-property:opacity,background-color,-webkit-transform;transition-property:transform,opacity,background-color;transition-property:transform,opacity,background-color,-webkit-transform;z-index:-1}.ui-radio__focus-ring{background-color:rgba(0,0,0,.1);border-radius:50%;height:2.625rem;left:-.6875rem;opacity:0;position:absolute;top:-.6875rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:2.625rem;z-index:-1}.ui-radio__label-text{cursor:pointer;font-size:1rem;margin-left:.5rem}.ui-radio--button-position-right .ui-radio__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__outer-circle{border-color:#2196f3}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__inner-circle{background-color:#2196f3}.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__focus-ring{background-color:rgba(33,150,243,.2)}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__outer-circle{border-color:#d500f9}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__inner-circle{background-color:#d500f9}.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__focus-ring{background-color:rgba(213,0,249,.2)}.ui-switch{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;height:2rem;position:relative}.ui-switch.is-checked .ui-switch__thumb{-webkit-transform:translateX(.875rem);transform:translateX(.875rem)}.ui-switch.is-disabled .ui-switch__track{background-color:rgba(0,0,0,.12)}.ui-switch.is-disabled .ui-switch__thumb{background-color:#bdbdbd;box-shadow:none}.ui-switch.is-disabled .ui-switch__input-wrapper,.ui-switch.is-disabled .ui-switch__label-text{color:rgba(0,0,0,.38);cursor:default}.ui-switch__input-wrapper{cursor:pointer;height:1.25rem;position:relative;width:2.125rem}.ui-switch__input{opacity:0;position:absolute}body[modality=keyboard] .ui-switch__input:focus+.ui-switch__thumb .ui-switch__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-switch__track{background-color:rgba(0,0,0,.26);border-radius:.5rem;height:.875rem;position:absolute;top:.1875rem;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;width:2.125rem}.ui-switch__thumb{background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.4);height:1.25rem;position:absolute;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:1.25rem;z-index:1}.ui-switch__focus-ring{background-color:rgba(0,0,0,.1);border-radius:50%;height:2.625rem;left:-.6875rem;opacity:0;position:absolute;top:-.6875rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,opacity .15s ease,-webkit-transform .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease;transition:background-color .2s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:2.625rem;z-index:-1}.ui-switch__label-text{cursor:pointer;font-size:.9375rem;margin-left:1rem}.ui-switch--switch-position-right .ui-switch__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__track{background-color:rgba(33,150,243,.5)}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__thumb{background-color:#2196f3}.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__focus-ring{background-color:rgba(33,150,243,.2)}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__track{background-color:rgba(213,0,249,.5)}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__thumb{background-color:#d500f9}.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__focus-ring{background-color:rgba(213,0,249,.2)}.page--ui-calendar .ui-calendar{max-width:22.5rem;margin-bottom:1.5rem}.page--ui-calendar .ui-radio-group{margin-bottom:8px}.ui-calendar{border-radius:3px;color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;overflow:hidden}.ui-calendar.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}.ui-calendar.is-raised .ui-calendar__body{border:none}.ui-calendar .ui-calendar__header{height:3rem;padding-left:.5rem;padding-right:.5rem}.ui-calendar__body{border-radius:0 0 3px 3px;overflow:hidden;position:relative;width:100%;padding:.5rem;padding-top:.25rem;border:1px solid #eee;border-top:0}.ui-calendar-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ui-calendar-controls__month-and-year{font-size:.9375rem;font-weight:600}.ui-calendar-controls--color-default{background-color:#eee}.ui-calendar-controls--color-primary{background-color:#2196f3;color:#fff}.ui-calendar-controls--color-accent{background-color:#d500f9;color:#fff}.ui-calendar-month{table-layout:fixed;width:100%}.ui-calendar-month__header{width:100%}.ui-calendar-month__header th{color:rgba(0,0,0,.54);font-size:.875rem;font-weight:600;height:2.5rem;text-align:center;text-transform:uppercase;vertical-align:middle;width:14.28571%}.ui-calendar-month__body{width:100%}.ui-calendar-week{font-size:.875rem;width:100%}.ui-calendar-week td{width:14.28571%;min-width:2.25rem;position:relative}.ui-calendar-week--has-square-cells td:before{box-sizing:border-box;content:'';display:block;padding-top:100%;min-height:2.25rem}.ui-calendar-week--has-square-cells .ui-calendar-week__date{position:absolute;left:0;top:0;height:100%;border-radius:50%}.ui-calendar-week__date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;width:100%;font-family:inherit;font-size:inherit;line-height:1;margin:0;min-height:2.25rem;padding:0}.ui-calendar-week__date:hover,body[modality=keyboard] .ui-calendar-week__date:focus{background-color:rgba(0,0,0,.1)}.ui-calendar-week__date.is-in-other-month{visibility:hidden}.ui-calendar-week__date.is-today{font-weight:700}.ui-calendar-week__date.is-disabled{background-color:transparent;cursor:default;opacity:.4}.ui-calendar-week--color-primary .ui-calendar-week__date.is-today{color:#2196f3}.ui-calendar-week--color-primary .ui-calendar-week__date.is-today.is-selected{color:#fff}.ui-calendar-week--color-primary .ui-calendar-week__date.is-selected,body[modality=keyboard] .ui-calendar-week--color-primary .ui-calendar-week__date.is-selected{background-color:#2196f3;color:#fff}.ui-calendar-week--color-accent .ui-calendar-week__date.is-today{color:#d500f9}.ui-calendar-week--color-accent .ui-calendar-week__date.is-today.is-selected{color:#fff}.ui-calendar-week--color-accent .ui-calendar-week__date.is-selected,body[modality=keyboard] .ui-calendar-week--color-accent .ui-calendar-week__date.is-selected{background-color:#d500f9;color:#fff}.ui-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-weight:400;margin:0;margin-bottom:.5rem;position:relative}.ui-checkbox:not(.is-disabled):not(.is-checked).is-active .ui-checkbox__checkmark:before,.ui-checkbox:not(.is-disabled):not(.is-checked):hover .ui-checkbox__checkmark:before{border-color:rgba(0,0,0,.6)}.ui-checkbox.is-checked .ui-checkbox__checkmark:after{border-bottom:.125rem solid #fff;border-right:.125rem solid #fff;opacity:1}.ui-checkbox.is-disabled .ui-checkbox__checkmark,.ui-checkbox.is-disabled .ui-checkbox__label-text{color:rgba(0,0,0,.38);cursor:default}.ui-checkbox.is-disabled .ui-checkbox__checkmark:before{border-color:rgba(0,0,0,.26)}.ui-checkbox.is-disabled.is-checked .ui-checkbox__checkmark:before{background-color:rgba(0,0,0,.26);border:none}.ui-checkbox__label-text{cursor:pointer;font-size:1rem;margin-left:.5rem}.ui-checkbox__checkmark{background-color:#fff;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:1.25rem;position:relative;width:1.25rem}.ui-checkbox__checkmark:before{border-radius:.125rem;border:.125rem solid rgba(0,0,0,.38);height:100%;left:0;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}.ui-checkbox__checkmark:after,.ui-checkbox__checkmark:before{box-sizing:border-box;content:"";display:block;position:absolute}.ui-checkbox__checkmark:after{bottom:.3125rem;height:.8125rem;left:.4375rem;opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:.375rem}.ui-checkbox__input{position:absolute;opacity:0}body[modality=keyboard] .ui-checkbox__input:focus+.ui-checkbox__checkmark .ui-checkbox__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-checkbox__focus-ring{border-radius:50%;height:2.625rem;margin-left:-.6875rem;margin-top:-.6875rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;width:2.625rem;background-color:rgba(0,0,0,.12)}.ui-checkbox--box-position-right .ui-checkbox__label-text{margin-left:0;margin-right:auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ui-checkbox--color-primary:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark:before,.ui-checkbox--color-primary:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark:before{background-color:#0d8aee;border-color:#0d8aee}.ui-checkbox--color-primary.is-checked .ui-checkbox__checkmark:before{background-color:#2196f3;border-color:#2196f3}.ui-checkbox--color-primary.is-checked .ui-checkbox__focus-ring{background-color:rgba(33,150,243,.18)}.ui-checkbox--color-accent:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark:before,.ui-checkbox--color-accent:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark:before{background-color:#bf00e0;border-color:#bf00e0}.ui-checkbox--color-accent.is-checked .ui-checkbox__checkmark:before{background-color:#d500f9;border-color:#d500f9}.ui-checkbox--color-accent.is-checked .ui-checkbox__focus-ring{background-color:rgba(213,0,249,.18)}.page--ui-checckbox .page__demo-group{margin-bottom:2rem}.page--ui-checckbox .page__demo-group.has-box-right{max-width:12.5rem}.ui-checkbox-group{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;line-height:normal}.ui-checkbox-group:not(.is-disabled):not(.is-invalid):hover .ui-checkbox-group__label-text{color:rgba(0,0,0,.75)}.ui-checkbox-group:not(.is-disabled):not(.is-invalid).is-active .ui-checkbox-group__label-text{color:#2196f3}.ui-checkbox-group.is-vertical .ui-checkbox-group__checkboxes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.5rem}.ui-checkbox-group.is-vertical .ui-checkbox-group__checkbox{margin-bottom:.75rem;margin-left:0;width:100%}.ui-checkbox-group.is-invalid .ui-checkbox-group__feedback,.ui-checkbox-group.is-invalid .ui-checkbox-group__label-text{color:#f44336}.ui-checkbox-group.is-disabled .ui-checkbox-group__feedback{opacity:.8}.ui-checkbox-group__label-text{color:rgba(0,0,0,.54);font-size:.9375rem;-webkit-transition:color .1s ease;transition:color .1s ease}.ui-checkbox-group__checkboxes{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:2rem}.ui-checkbox.ui-checkbox-group__checkbox{margin-bottom:0;margin-left:1.5rem}.ui-checkbox.ui-checkbox-group__checkbox:first-child{margin-left:0}.ui-checkbox-group__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:0;position:relative}.ui-checkbox-group--box-position-right:not(.is-vertical) .ui-checkbox__label-text{margin-right:.5rem}.ui-collapsible{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:.5rem;width:100%}.ui-collapsible:not(.is-disabled) .ui-collapsible__header:hover,body[modality=keyboard] .ui-collapsible:not(.is-disabled) .ui-collapsible__header:focus{background-color:#e0e0e0}.ui-collapsible.is-open .ui-collapsible__header-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ui-collapsible.is-disabled .ui-collapsible__header{cursor:default;opacity:.6}.ui-collapsible.is-disabled .ui-collapsible__header-icon{cursor:default}.ui-collapsible__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#eee;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9375rem;line-height:1.5;margin:0;min-height:3rem;padding:.75rem 1rem;position:relative;-ms-touch-action:manipulation;touch-action:manipulation;width:100%}.ui-collapsible__header .ui-ripple-ink__ink{opacity:.1}.ui-collapsible__header-content{padding-right:.5rem}.ui-collapsible__header-icon{color:rgba(0,0,0,.54);cursor:pointer;margin-left:auto;margin-right:-.25rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ui-collapsible__body-wrapper{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease}.ui-collapsible__body{border:1px solid #eee;border-top:0;display:block;padding:1rem;width:100%}.ui-select{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;outline:none;position:relative}.ui-select:hover:not(.is-disabled) .ui-select__label-text{color:rgba(0,0,0,.75)}.ui-select:hover:not(.is-disabled) .ui-select__display{border-bottom-color:rgba(0,0,0,.3)}.ui-select:hover:not(.is-disabled) .ui-select__dropdown-button{color:rgba(0,0,0,.87)}.ui-select.is-active:not(.is-disabled) .ui-select__icon-wrapper .ui-icon,.ui-select.is-active:not(.is-disabled) .ui-select__label-text{color:#2196f3}.ui-select.is-active:not(.is-disabled) .ui-select__display{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-select.has-floating-label .ui-select__label-text{display:table}.ui-select.has-floating-label .ui-select__label-text.is-inline{color:rgba(0,0,0,.54);cursor:pointer;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-select.has-floating-label .ui-select__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-select.has-label .ui-select__icon-wrapper{padding-top:1.5rem}.ui-select.has-label .ui-select__dropdown-button{top:1.6875rem}.ui-select:not(.is-multiple) .ui-select__display{height:2rem;line-height:1}.ui-select.is-multiple .ui-select__display{line-height:1.4;padding-bottom:.25rem;padding-top:.25rem}.ui-select.is-invalid:not(.is-disabled) .ui-select__icon-wrapper .ui-icon,.ui-select.is-invalid:not(.is-disabled) .ui-select__label-text{color:#f44336}.ui-select.is-invalid:not(.is-disabled) .ui-select__display{border-bottom-color:#f44336}.ui-select.is-invalid:not(.is-disabled) .ui-select__feedback{color:#f44336}.ui-select.is-disabled .ui-select__display{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38);cursor:default}.ui-select.is-disabled .ui-select__display-value.is-placeholder,.ui-select.is-disabled .ui-select__dropdown-button{color:rgba(0,0,0,.38);opacity:.6}.ui-select.is-disabled .ui-select__icon-wrapper .ui-icon{opacity:.6}.ui-select.is-disabled .ui-select__feedback{opacity:.8}.ui-select__label{display:block;margin:0;outline:none;padding:0;width:100%}.ui-select__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-select__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-select__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-select__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-select__display{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;color:rgba(0,0,0,.87);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:400;min-height:2rem;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-select__display-value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-select__display-value.is-placeholder{color:rgba(0,0,0,.38)}.ui-select__dropdown-button{color:rgba(0,0,0,.54);font-size:1.125rem;margin-left:auto;margin-right:-.25rem}.ui-select__dropdown{display:block;list-style-type:none;margin:0;margin-bottom:.5rem;min-width:11.25rem;outline:none;padding:0;width:100%}.ui-select__dropdown-content{outline:none}.ui-select__search-input{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;font-family:inherit;font-size:.9375rem;font-weight:400;height:2.25rem;outline:none;padding:0 .75rem;padding-left:2.5rem;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-select__search-input::-ms-clear{display:none}.ui-select__search-input:focus+.ui-select__search-icon{color:#2196f3}.ui-select__search .ui-select__search-icon,.ui-select__search .ui-select__search-progress{position:absolute;top:.5rem}.ui-select__search-icon{color:rgba(0,0,0,.54);font-size:1.25rem;left:.75rem}.ui-select__search-progress{right:.75rem}.ui-select__options{background-color:#fff;color:rgba(0,0,0,.87);display:block;list-style-type:none;margin:0;max-height:16rem;min-width:100%;overflow-y:auto;padding:0;position:relative}.ui-select__no-results{color:rgba(0,0,0,.54);font-size:.875rem;padding:.5rem .75rem;width:100%}.ui-select__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-select--icon-position-right .ui-select__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-select-option{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:.9375rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-select-option.is-selected{background-color:rgba(0,0,0,.05);color:#2196f3;font-weight:600}.ui-select-option.is-selected .ui-select-option__checkbox{color:#2196f3}.ui-select-option.is-highlighted{background-color:rgba(0,0,0,.1)}.ui-select-option__basic,.ui-select-option__image-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-select-option__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui-select-option__image-object{background-position:50%;background-size:cover;border-radius:50%;height:2rem;margin-right:.75rem;width:2rem}.ui-select-option__checkbox{color:rgba(0,0,0,.38);margin-left:auto}.ui-select-option--type-basic{padding:.375rem .75rem}.ui-select-option--type-image{padding:.25rem .75rem}.page--ui-confirm pre{margin-top:24px}.ui-confirm__message{font-size:.9375rem}.ui-confirm__footer{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem}.ui-modal.is-aligned-top .ui-modal__wrapper{vertical-align:initial}.ui-modal.has-footer .ui-modal__body,.ui-modal.is-aligned-top.has-footer .ui-modal__body{max-height:calc(100vh - 7.875rem)}.ui-modal:not(.has-footer) .ui-modal__body{padding:1rem 1.5rem 1.5rem}.ui-modal--is-open{overflow:hidden}.ui-modal__mask{background-color:rgba(0,0,0,.5);display:table;height:100%;left:0;position:fixed;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:50}.ui-modal__wrapper{display:table-cell;vertical-align:middle;overflow-x:hidden;text-align:center}.ui-modal__wrapper.has-dummy-scrollbar{overflow-y:scroll}.ui-modal__container{background-color:#fff;border-radius:.125rem;box-shadow:0 2px 8px rgba(0,0,0,.33);display:inline-block;margin:0 auto;max-height:100vh;max-width:100vw;outline:none;overflow:hidden;padding:0;text-align:initial;-webkit-transition:all .3s ease;transition:all .3s ease;width:33rem}.ui-modal__header{background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.16);height:3.5rem;padding:0 1.5rem;position:relative;z-index:1}.ui-modal__header,.ui-modal__header-text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ui-modal__header-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1.125rem;font-weight:400;margin:0}.ui-modal__close-button{margin-left:auto;margin-right:-.5rem}.ui-modal__body{max-height:calc(100vh - 3.5rem);overflow-y:auto;padding:1rem 1.5rem}.ui-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:4.375rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 1.5rem}.ui-modal__footer .ui-button{margin-left:.5rem}.ui-modal__footer .ui-button:first-child{margin-left:0}.ui-modal--size-small>.ui-modal__wrapper>.ui-modal__container{width:20rem}.ui-modal--size-large>.ui-modal__wrapper>.ui-modal__container{width:53rem}.ui-modal--size-fullscreen>.ui-modal__wrapper>.ui-modal__container{width:100vw}.ui-modal--size-fullscreen>.ui-modal__wrapper>.ui-modal__container .ui-modal__body{height:calc(100vh - 3.5rem)}.ui-modal--size-auto>.ui-modal__wrapper>.ui-modal__container{width:auto}.ui-modal--transition-fade-enter,.ui-modal--transition-fade-leave-active,.ui-modal--transition-scale-down-enter,.ui-modal--transition-scale-down-leave-active{opacity:0}.ui-modal--transition-scale-down-enter .ui-modal__container,.ui-modal--transition-scale-down-leave-active .ui-modal__container{-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-modal--transition-scale-up-enter,.ui-modal--transition-scale-up-leave-active{opacity:0}.ui-modal--transition-scale-up-enter .ui-modal__container,.ui-modal--transition-scale-up-leave-active .ui-modal__container{-webkit-transform:scale(.8);transform:scale(.8)}.page--ui-datepicker .ui-datepicker{max-width:25rem;margin-bottom:2rem}.page--ui-datepicker .ui-modal .ui-datepicker{max-width:none;margin-bottom:0}.ui-datepicker{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem;outline:none;position:relative}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__label-text{color:rgba(0,0,0,.75)}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__display{border-bottom-color:rgba(0,0,0,.3)}.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__dropdown-button{color:rgba(0,0,0,.87)}.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon,.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__label-text{color:#2196f3}.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-datepicker.has-floating-label .ui-datepicker__label-text{display:table}.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-inline{color:rgba(0,0,0,.54);cursor:pointer;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-datepicker.has-label .ui-datepicker__icon-wrapper{padding-top:1.5rem}.ui-datepicker.has-label .ui-datepicker__dropdown-button{top:1.6875rem}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon,.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__label-text{color:#f44336}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__display{border-bottom-color:#f44336}.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__feedback{color:#f44336}.ui-datepicker.is-disabled .ui-datepicker__display{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38);cursor:default}.ui-datepicker.is-disabled .ui-datepicker__display-value.is-placeholder,.ui-datepicker.is-disabled .ui-datepicker__dropdown-button{color:rgba(0,0,0,.38);opacity:.6}.ui-datepicker.is-disabled .ui-datepicker__icon-wrapper .ui-icon{opacity:.6}.ui-datepicker.is-disabled .ui-datepicker__feedback{opacity:.8}.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body{padding:0}.ui-datepicker__label{display:block;margin:0;outline:none;padding:0;position:relative;width:100%}.ui-datepicker__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-datepicker__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-datepicker__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-datepicker__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-datepicker__display{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;color:rgba(0,0,0,.87);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:400;height:2rem;line-height:1;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ui-datepicker__display-value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-datepicker__display-value.is-placeholder{color:rgba(0,0,0,.38)}.ui-datepicker__dropdown-button{color:rgba(0,0,0,.54);font-size:1.125rem;margin-left:auto;margin-right:-.25rem}.ui-datepicker__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-datepicker--icon-position-right .ui-datepicker__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-datepicker-calendar{color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif}.ui-datepicker-calendar__header{color:#fff;line-height:1;padding:1rem}.ui-datepicker-calendar__header-date,.ui-datepicker-calendar__header-year{cursor:pointer;opacity:.75;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui-datepicker-calendar__header-date.is-active,.ui-datepicker-calendar__header-date:hover,.ui-datepicker-calendar__header-year.is-active,.ui-datepicker-calendar__header-year:hover,body[modality=keyboard] .ui-datepicker-calendar__header-date:focus,body[modality=keyboard] .ui-datepicker-calendar__header-year:focus{opacity:1}body[modality=keyboard] .ui-datepicker-calendar__header-date:focus,body[modality=keyboard] .ui-datepicker-calendar__header-year:focus{outline:1px dotted #fff;outline-offset:1px}.ui-datepicker-calendar__header-year{font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.ui-datepicker-calendar__header-date{font-size:1.375rem}.ui-datepicker-calendar__body{box-sizing:border-box}.ui-datepicker-calendar__body .ui-calendar-controls{background-color:transparent}.ui-datepicker-calendar__body,.ui-datepicker-calendar__years{height:19.5rem;padding:.5rem;width:16.75rem}.ui-datepicker-calendar__years{list-style:none;overflow-y:auto;margin:0}.ui-datepicker-calendar__year{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none}.ui-datepicker-calendar__year.is-selected{font-size:1.5rem;font-weight:600;height:2.5rem}.ui-datepicker-calendar--orientation-landscape{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-datepicker-calendar--orientation-landscape .ui-datepicker-calendar__header{min-width:8rem}.ui-datepicker-calendar--orientation-landscape .ui-datepicker-calendar__header-day{margin-bottom:.75rem;display:block;padding-top:.25rem}.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__header{background-color:#2196f3}.ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-today,.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year.is-selected,.ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year:hover,body[modality=keyboard] .ui-datepicker-calendar--color-primary .ui-datepicker-calendar__year:focus{color:#2196f3}.ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-selected,body[modality=keyboard] .ui-datepicker-calendar--color-primary .ui-datepicker-calendar-week__date.is-selected{background-color:#2196f3}.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__header{background-color:#d500f9}.ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-today,.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year.is-selected,.ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year:hover,body[modality=keyboard] .ui-datepicker-calendar--color-accent .ui-datepicker-calendar__year:focus{color:#d500f9}.ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-selected,body[modality=keyboard] .ui-datepicker-calendar--color-accent .ui-datepicker-calendar-week__date.is-selected{background-color:#d500f9}.page--ui-fab .ui-radio-group{margin-bottom:1rem}.page--ui-fab .page__demo-group{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem}.page--ui-fab .page__demo-group .ui-fab{margin-right:1.125rem}.ui-fab{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.16);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;position:relative;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;z-index:30}.ui-fab::-moz-focus-inner{border:0}.ui-fab:hover,body[modality=keyboard] .ui-fab:focus{box-shadow:0 8px 17px 0 rgba(0,0,0,.25),0 6px 20px 0 rgba(0,0,0,.2)}body[modality=keyboard] .ui-fab:focus .ui-fab__focus-ring{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui-fab .ui-ripple-ink{border-radius:50%}.ui-fab__icon{height:auto;margin:0;position:relative;width:100%;z-index:1}.ui-fab__focus-ring{border-radius:50%;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.ui-fab--size-normal,.ui-fab--size-normal .ui-fab__focus-ring{height:3.5rem;width:3.5rem}.ui-fab--size-small,.ui-fab--size-small .ui-fab__focus-ring{width:2.5rem;height:2.5rem}.ui-fab--color-default{background-color:#fff;color:rgba(0,0,0,.54)}.ui-fab--color-default .ui-fab__icon{color:rgba(0,0,0,.54)}.ui-fab--color-default .ui-ripple-ink__ink{opacity:.2}.ui-fab--color-default .ui-fab__focus-ring{background-color:rgba(0,0,0,.15)}.ui-fab--color-accent,.ui-fab--color-accent .ui-fab__icon,.ui-fab--color-primary,.ui-fab--color-primary .ui-fab__icon{color:#fff}.ui-fab--color-accent .ui-ripple-ink__ink,.ui-fab--color-primary .ui-ripple-ink__ink{opacity:.4}.ui-fab--color-primary{background-color:#2196f3}.ui-fab--color-primary .ui-fab__focus-ring{background-color:#0c7cd5}.ui-fab--color-accent{background-color:#d500f9}.ui-fab--color-accent .ui-fab__focus-ring{background-color:#a900c6}.page--ui-fileupload .ui-radio-group{margin-bottom:1rem}.page--ui-fileupload .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-fileupload .page__demo-group .ui-fileupload{margin-right:8px}.page--ui-fileupload .page__demo-preview{display:table;border:1px solid #ddd;margin-top:8px;padding:4px;line-height:1}.page--ui-fileupload .page__demo-preview-image{min-width:24px;max-width:256px}.ui-fileupload{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.125rem;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:.02em;line-height:1;min-width:5rem;overflow:hidden;padding:0;padding-left:1rem;padding-right:1rem;position:relative;text-transform:uppercase}.ui-fileupload.has-focus-ring.is-active .ui-fileupload__focus-ring:before,body[modality=keyboard] .ui-fileupload.is-active .ui-fileupload__focus-ring:before{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.ui-fileupload:not(.is-multiple) .ui-fileupload__display-text{text-transform:none}.ui-fileupload.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);-webkit-transition:box-shadow .1s;transition:box-shadow .1s}.ui-fileupload.is-raised.has-focus-ring.is-active,body[modality=keyboard] .ui-fileupload.is-raised.is-active{box-shadow:0 0 5px rgba(0,0,0,.22),0 3px 6px rgba(0,0,0,.3)}.ui-fileupload.is-disabled{cursor:default;opacity:.6}.ui-fileupload__input{height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;width:.1px}.ui-fileupload__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.ui-fileupload__icon{margin-left:-.25rem;margin-right:.375rem;margin-top:-.125rem}.ui-fileupload__focus-ring{left:0;position:absolute;top:0;width:100%}.ui-fileupload__focus-ring:before{border-radius:50%;content:"";display:block;left:0;margin-top:calc(-1 * (50% - 1.125rem));padding-top:100%;position:relative;top:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.375rem;margin-right:-.25rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ui-fileupload--size-small{font-size:.875rem;height:2rem;padding-left:.75rem;padding-right:.75rem}.ui-fileupload--size-small .ui-fileupload__icon{margin-left:0;margin-top:0}.ui-fileupload--size-small .ui-fileupload__icon .ui-icon{font-size:1.125rem}.ui-fileupload--size-small.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.375rem;margin-right:0}.ui-fileupload--size-large{font-size:1rem;height:3rem;padding-left:1.5rem;padding-right:1.5rem}.ui-fileupload--size-large .ui-fileupload__icon{margin-left:-.25rem;margin-right:.5rem}.ui-fileupload--size-large.ui-fileupload--icon-position-right .ui-fileupload__icon{margin-left:.5rem;margin-right:-.25rem}.ui-fileupload--type-primary .ui-fileupload__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-fileupload--type-primary.ui-fileupload--color-default{background-color:#eee;color:rgba(0,0,0,.87)}.ui-fileupload--type-primary.ui-fileupload--color-default:hover:not(.is-disabled){background-color:#dbdbdb}.ui-fileupload--type-primary.ui-fileupload--color-default .ui-ripple-ink__ink{opacity:.2}.ui-fileupload--type-primary.ui-fileupload--color-default .ui-fileupload__icon{color:rgba(0,0,0,.54)}.ui-fileupload--type-primary.ui-fileupload--color-accent,.ui-fileupload--type-primary.ui-fileupload--color-primary{color:#fff}.ui-fileupload--type-primary.ui-fileupload--color-accent .ui-ripple-ink__ink,.ui-fileupload--type-primary.ui-fileupload--color-primary .ui-ripple-ink__ink{opacity:.4}.ui-fileupload--type-primary.ui-fileupload--color-primary{background-color:#2196f3}.ui-fileupload--type-primary.ui-fileupload--color-primary:hover:not(.is-disabled){background-color:#0c7cd5}.ui-fileupload--type-primary.ui-fileupload--color-accent{background-color:#d500f9}.ui-fileupload--type-primary.ui-fileupload--color-accent:hover:not(.is-disabled){background-color:#a900c6}.ui-fileupload--type-secondary{background-color:transparent}.ui-fileupload--type-secondary.ui-fileupload--color-default{color:rgba(0,0,0,.87)}.ui-fileupload--type-secondary.ui-fileupload--color-default:hover:not(.is-disabled){background-color:#eee}.ui-fileupload--type-secondary.ui-fileupload--color-default .ui-fileupload__focus-ring:before{background-color:rgba(0,0,0,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-default .ui-fileupload__icon{color:rgba(0,0,0,.54)}.ui-fileupload--type-secondary.ui-fileupload--color-primary{color:#2196f3}.ui-fileupload--type-secondary.ui-fileupload--color-primary:hover:not(.is-disabled){background-color:rgba(33,150,243,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-primary .ui-fileupload__focus-ring:before{background-color:rgba(33,150,243,.26)}.ui-fileupload--type-secondary.ui-fileupload--color-accent{color:#d500f9}.ui-fileupload--type-secondary.ui-fileupload--color-accent:hover:not(.is-disabled){background-color:rgba(213,0,249,.12)}.ui-fileupload--type-secondary.ui-fileupload--color-accent .ui-fileupload__focus-ring:before{background-color:rgba(213,0,249,.26)}.page--ui-icon .ui-icon{color:rgba(0,0,0,.54);margin-right:8px;margin-bottom:8px}.page--ui-icon .page__demo.is-boxed{border:1px solid #ddd;max-width:512px;padding:24px}.page--ui-icon .page__demo-group:not(:last-child){margin-bottom:16px}.page--ui-icon .page__demo-group.is-inline .ui-icon,.page--ui-icon .page__demo-group.is-inline p{margin:0}.page--ui-icon .page__demo-group .has-large-icons .ui-icon{font-size:32px}.page--ui-icon-button .page__demo-table{max-width:37.5rem}.page--ui-icon-button .page__demo-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-icon-button .page__demo-group.has-white-icon-buttons{background-color:#2196f3;padding:.25rem .5rem}.page--ui-icon-button .ui-radio-group,.page--ui-icon-button .ui-switch{margin-bottom:1rem}.page--ui-icon-button .ui-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--ui-icon-button .ui-icon-button{margin-right:.5rem}.my-custom-dropdown{padding:8px}.my-custom-dropdown p:first-child{margin-top:0}.my-custom-dropdown p:last-child{margin-bottom:0}.page--ui-menu .popover-trigger{display:inline-block;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:16px}.page--ui-modal .page__demo-group{margin-bottom:16px}.page--ui-modal .page__demo-group input{width:100%}.page--ui-modal .ui-button{margin-bottom:8px}.page--ui-popover .popover-trigger{display:inline-block;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;font-size:16px}.ui-popover.my-popover-style{padding:16px}.ui-popover.my-popover-style p:first-child{margin-top:0}.ui-popover.my-popover-style p:last-child{margin-bottom:0}.page--ui-preloader .ui-button{margin-top:24px}.ui-preloader{position:relative;width:100%}.ui-preloader.is-loading .ui-preloader__progressbar{opacity:1;padding-top:.1875rem}.ui-preloader__progressbar{-webkit-animation:ui-preloader-background linear 3s infinite;animation:ui-preloader-background linear 3s infinite;background-color:#159756;left:0;opacity:0;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,padding-top;transition-property:opacity,padding-top;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:100%;overflow:hidden}.ui-preloader__progressbar:after,.ui-preloader__progressbar:before{-webkit-animation:ui-preloader-front linear 3s infinite;animation:ui-preloader-front linear 3s infinite;content:'';display:block;height:.1875rem;position:absolute;top:0;width:100%;z-index:1}.ui-preloader__progressbar:before{right:50%;-webkit-transform-origin:right;transform-origin:right}.ui-preloader__progressbar:after{left:50%;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes ui-preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,to{background-color:#fdba2c}}@keyframes ui-preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,to{background-color:#fdba2c}}@-webkit-keyframes ui-preloader-front{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#da4733}24.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#da4733}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#3b78e7}49.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#3b78e7}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fdba2c}74.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#fdba2c}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#159756}to{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#159756}}@keyframes ui-preloader-front{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#da4733}24.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#da4733}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#3b78e7}49.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#3b78e7}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fdba2c}74.9%{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#fdba2c}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#159756}to{-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:#159756}}.page--ui-progress-circular .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem}.page--ui-progress-circular .page__demo-group .ui-progress-circular{margin-right:1.5rem}.page--ui-progress-circular .ui-button{margin-top:1.5rem}.page--ui-progress-circular .has-white-progress{background-color:gray;display:inline-block;padding:.5rem}.page--ui-progress-circular .has-white-progress .ui-progress-circular{margin-right:0}.page--ui-progress-linear .ui-button{margin-top:1.5rem}.page--ui-progress-linear .ui-progress-linear{margin-top:.5rem;margin-bottom:.5rem}.page--ui-progress-linear .page__demo-group .ui-progress-linear{margin-bottom:2.5rem}.page--ui-progress-linear .has-white-progress{background-color:gray;padding:.5rem 0}.page--ui-progress-linear .has-white-progress .ui-progress-linear{margin-bottom:.5rem}.ui-progress-linear{display:block;height:.25rem;overflow:hidden;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:height,opacity;transition-property:height,opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:100%}.ui-progress-linear__progress-bar{height:.25rem;left:0;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;width:100%}.ui-progress-linear__progress-bar.is-determinate{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.ui-progress-linear__progress-bar.is-indeterminate{-webkit-animation:ui-progress-linear-indeterminate 2.1s linear infinite;animation:ui-progress-linear-indeterminate 2.1s linear infinite;-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0);-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes ui-progress-linear-indeterminate{0%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}25%{-webkit-transform:translateX(50%) scaleX(.6);transform:translateX(50%) scaleX(.6)}49%{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}50%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}75%{-webkit-transform:translateX(0) scaleX(.6);transform:translateX(0) scaleX(.6)}to{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}}@keyframes ui-progress-linear-indeterminate{0%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}25%{-webkit-transform:translateX(50%) scaleX(.6);transform:translateX(50%) scaleX(.6)}49%{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}50%{-webkit-transform:translateX(0) scaleX(0);transform:translateX(0) scaleX(0)}75%{-webkit-transform:translateX(0) scaleX(.6);transform:translateX(0) scaleX(.6)}to{-webkit-transform:translateX(110%) scaleX(0);transform:translateX(110%) scaleX(0)}}.ui-progress-linear--transition-fade-enter-active,.ui-progress-linear--transition-fade-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui-progress-linear--transition-fade-enter,.ui-progress-linear--transition-fade-leave-active{opacity:0}.ui-progress-linear--color-primary{background-color:rgba(33,150,243,.4)}.ui-progress-linear--color-primary .ui-progress-linear__progress-bar{background-color:#2196f3}.ui-progress-linear--color-accent{background-color:rgba(213,0,249,.4)}.ui-progress-linear--color-accent .ui-progress-linear__progress-bar{background-color:#d500f9}.ui-progress-linear--color-black{background-color:rgba(97,97,97,.4)}.ui-progress-linear--color-black .ui-progress-linear__progress-bar{background-color:#616161}.ui-progress-linear--color-white{background-color:hsla(0,0%,100%,.4)}.ui-progress-linear--color-white .ui-progress-linear__progress-bar{background-color:#fff}.page--ui-radio .page__demo-group.has-button-right{max-width:12.5rem}.page--ui-ripple-ink .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-ripple-ink .page__demo-group.has-custom-color .ui-ripple-ink__ink.is-held{opacity:.75}.page--ui-ripple-ink .page__demo-group.has-custom-opacity .ui-ripple-ink__ink.is-held{opacity:.95}.page--ui-ripple-ink .page__demo-group .image-pane{-ms-flex-negative:0;flex-shrink:0}.page--ui-ripple-ink .page__demo-group--color-orange{color:#ff9800}.page--ui-ripple-ink .page__demo-group--color-blue{color:#2196f3}.page--ui-ripple-ink .page__demo-group--tv-shows .image-pane{height:11.25rem;width:7.5rem}.page--ui-ripple-ink .page__demo-group--the-simpsons .image-pane{border-radius:.5rem;height:7.5rem;width:7.5rem}.page--ui-ripple-ink .image-pane{background-position:50%;background-size:cover;margin-bottom:1rem;margin-right:1rem;position:relative}.page--ui-select .ui-select{margin-bottom:2rem;max-width:25rem}.page--ui-slider .page__examples{max-width:31.25rem}.page--ui-slider .ui-slider{margin-bottom:.5rem}.page--ui-slider .ui-button{margin-top:1.5rem}.ui-slider{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none}.ui-slider:not(.is-disabled).is-active:not(.has-marker) .ui-slider__thumb:before,.ui-slider:not(.is-disabled).is-dragging:not(.has-marker) .ui-slider__thumb:before{-webkit-transform:scale(1);transform:scale(1)}.ui-slider:not(.is-disabled).is-active .ui-slider__marker,.ui-slider:not(.is-disabled).is-dragging .ui-slider__marker{opacity:1;-webkit-transform:scale(1) translateY(-1.625rem);transform:scale(1) translateY(-1.625rem)}.ui-slider:not(.is-disabled).is-active .ui-slider__marker-text,.ui-slider:not(.is-disabled).is-dragging .ui-slider__marker-text{color:#fff}.ui-slider:not(.is-disabled).is-active .ui-slider__snap-point,.ui-slider:not(.is-disabled).is-dragging .ui-slider__snap-point{opacity:1}.ui-slider:not(.is-disabled).is-active .ui-slider__icon .ui-icon,.ui-slider:not(.is-disabled).is-dragging .ui-slider__icon .ui-icon{color:#2196f3}.ui-slider.is-disabled .ui-slider__icon{opacity:.6}.ui-slider.is-disabled .ui-slider__track{cursor:default}.ui-slider.is-disabled .ui-slider__track-fill{background-color:transparent}.ui-slider.is-disabled .ui-slider__thumb{background-color:#ddd;border:.125rem solid #fff}.ui-slider__icon{margin-right:1rem}.ui-slider__icon .ui-icon{color:rgba(0,0,0,.54);-webkit-transition:color .2s ease;transition:color .2s ease}.ui-slider__track{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.125rem;margin:0 auto;position:relative;width:100%}.ui-slider__track-background,.ui-slider__track-fill{content:'';display:block;height:.1875rem;left:0;position:absolute;top:.46875rem}.ui-slider__track-background{background-color:rgba(0,0,0,.12);width:100%}.ui-slider__snap-point{background-color:rgba(0,0,0,.75);height:.1875rem;opacity:0;position:absolute;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:.125rem;z-index:1}.ui-slider__track-fill{background-color:#2196f3;-webkit-transform-origin:left;transform-origin:left;width:100%}.ui-slider__thumb{background-color:#2196f3;border-radius:50%;cursor:inherit;display:block;height:.875rem;left:0;position:relative;width:.875rem;z-index:1}.ui-slider__thumb:before{background-color:rgba(33,150,243,.38);border-radius:50%;content:'';display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.ui-slider__marker,.ui-slider__thumb:before{height:2.25rem;margin-left:-.6875rem;margin-top:-.6875rem;position:absolute;width:2.25rem}.ui-slider__marker{opacity:0;-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-slider__marker svg{fill:#2196f3;height:2.25rem;width:2.25rem}.ui-slider__marker-text{color:#2196f3;font-size:.8125rem;font-weight:600;left:0;position:absolute;text-align:center;top:.25rem;-webkit-transition:color .2s ease;transition:color .2s ease;width:2.25rem}.ui-slider--is-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page--ui-snackbar .preview-controls{margin-bottom:1.125rem;max-width:25rem}.page--ui-snackbar .preview-controls .ui-radio-group,.page--ui-snackbar .preview-controls .ui-switch,.page--ui-snackbar .preview-controls .ui-textbox{margin-bottom:1.125rem}.page--ui-snackbar .preview-pane{border:2px solid #777;height:9.25rem;position:relative}.ui-snackbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#323232;border-radius:.125rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;max-width:35.5rem;min-height:3rem;min-width:18rem;padding:.875rem 1.5rem}.ui-snackbar__message{color:#fff;cursor:default;font-size:.875rem;line-height:1.5;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-snackbar__action{margin-left:auto;margin:-.5625rem -.75rem;padding-left:3rem}.ui-snackbar__action-button{margin:0;min-height:0;min-width:0;padding:.75rem}.ui-snackbar__action-button:hover:not(.is-disabled){background-color:hsla(0,0%,100%,.05)}body[modality=keyboard] .ui-snackbar__action-button:focus{background-color:hsla(0,0%,100%,.1)}.ui-snackbar--transition-slide-enter-active,.ui-snackbar--transition-slide-leave-active{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.ui-snackbar--transition-slide-enter,.ui-snackbar--transition-slide-leave-active{-webkit-transform:translateY(5.25rem);transform:translateY(5.25rem)}.ui-snackbar--transition-fade-enter-active,.ui-snackbar--transition-fade-leave-active{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.ui-snackbar--transition-fade-enter,.ui-snackbar--transition-fade-leave-active{opacity:0}.ui-snackbar-container{bottom:0;left:.5rem;overflow:hidden;pointer-events:none;position:absolute}.ui-snackbar-container .ui-snackbar{margin:.25rem .25rem .75rem;pointer-events:auto}.ui-snackbar-container--position-right{left:auto;right:.5rem}.ui-snackbar-container--position-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:.5rem;right:.5rem}.ui-textbox{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;margin-bottom:1rem}.ui-textbox:hover:not(.is-disabled) .ui-textbox__label-text{color:rgba(0,0,0,.75)}.ui-textbox:hover:not(.is-disabled) .ui-textbox__input,.ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:rgba(0,0,0,.3)}.ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,.ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:#2196f3;border-bottom-width:2px}.ui-textbox.is-active:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,.ui-textbox.is-active:not(.is-disabled) .ui-textbox__label-text{color:#2196f3}.ui-textbox.has-label .ui-textbox__icon-wrapper{padding-top:1.5rem}.ui-textbox.has-counter .ui-textbox__feedback-text{padding-right:3rem}.ui-textbox.has-floating-label .ui-textbox__label-text{display:table}.ui-textbox.has-floating-label .ui-textbox__label-text.is-inline{color:rgba(0,0,0,.54);cursor:text;-webkit-transform:translateY(1.625rem) scale(1.1);transform:translateY(1.625rem) scale(1.1)}.ui-textbox.has-floating-label .ui-textbox__label-text.is-floating{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-textbox.has-floating-label .ui-textbox__label>input:-webkit-autofill+.ui-textbox__label-text.is-inline{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__counter,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__label-text{color:#f44336}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__input,.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__textarea{border-bottom-color:#f44336}.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__feedback{color:#f44336}.ui-textbox.is-disabled .ui-textbox__input,.ui-textbox.is-disabled .ui-textbox__textarea{border-bottom-style:dotted;border-bottom-width:2px;color:rgba(0,0,0,.38)}.ui-textbox.is-disabled .ui-textbox__icon-wrapper .ui-icon{opacity:.6}.ui-textbox.is-disabled .ui-textbox__feedback{opacity:.8}.ui-textbox__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0;padding:0;width:100%}.ui-textbox__icon-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem;padding-top:.25rem}.ui-textbox__icon-wrapper .ui-icon{color:rgba(0,0,0,.54)}.ui-textbox__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-textbox__label-text{color:rgba(0,0,0,.54);cursor:default;font-size:.9375rem;line-height:normal;margin-bottom:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,-webkit-transform .2s ease;transition:color .1s ease,transform .2s ease;transition:color .1s ease,transform .2s ease,-webkit-transform .2s ease}.ui-textbox__input,.ui-textbox__textarea{background:none;border:none;border-bottom-color:rgba(0,0,0,.12);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;color:rgba(0,0,0,.87);cursor:auto;display:block;font-family:inherit;font-size:1rem;font-weight:400;margin:0;outline:none;padding:0;-webkit-transition:border .1s ease;transition:border .1s ease;width:100%}.ui-textbox__input{height:2rem}.ui-textbox__textarea{overflow-x:hidden;overflow-y:auto;padding-bottom:.375rem;resize:vertical}.ui-textbox__feedback{color:rgba(0,0,0,.54);font-size:.875rem;line-height:1.2;margin:0;padding-top:.25rem;position:relative}.ui-textbox__counter{position:absolute;right:0;top:.25rem}.ui-textbox--icon-position-right .ui-textbox__icon-wrapper{margin-left:.5rem;margin-right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.page--ui-switch .ui-switch{margin-bottom:.5rem}.page--ui-switch .page__demo-group{margin-bottom:2rem}.page--ui-switch .page__demo-group.has-switch-right{max-width:13rem}.page--ui-tabs .ui-tab p:first-child{margin-top:0}.page--ui-tabs .ui-tab p:last-child{margin-bottom:0}.page--ui-tabs .my-custom-tab-header,.page--ui-tabs .page__demo-controls-row{display:-webkit-box;display:-ms-flexbox;display:flex}.page--ui-tabs .my-custom-tab-header{font-weight:600}.page--ui-tabs .my-custom-tab-header .ui-icon{margin-right:8px}.page--ui-tabs .mb-8{margin-bottom:8px}.page--ui-tabs .mb-12{margin-bottom:12px}.page--ui-tabs .mr-16{margin-right:16px}.page--ui-textbox .ui-textbox{max-width:37.5rem}.page--ui-toolbar .page__demo-group{margin-bottom:3rem}.page--ui-toolbar .page__demo-group.has-photo-cover{background-position:50%;background-size:cover;height:18.75rem}.page--ui-toolbar .page__demo-group--photo-1{background-image:url("https://i.imgur.com/Fln32Fv.jpg")}.page--ui-toolbar .page__demo-group--photo-2{background-image:url("https://i.imgur.com/vFBagiE.jpg")}.page--ui-toolbar .page__demo-group--has-tabs .ui-tabs__header{box-shadow:0 2px 2px rgba(0,0,0,.2)}.ui-toolbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:1.125rem;height:3.5rem;padding-left:1rem;position:relative}.ui-toolbar.is-raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}.ui-toolbar:not(.is-raised).ui-toolbar--type-default{border-bottom:.0625rem solid rgba(0,0,0,.12)}.ui-toolbar .ui-icon-button{height:3rem;width:3rem}.ui-toolbar__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.ui-toolbar__nav-icon{margin-left:-1rem;margin-right:.5rem}.ui-toolbar__brand{min-width:10rem}.ui-toolbar__brand-text{padding-right:.5rem}.ui-toolbar__body,.ui-toolbar__brand-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui-toolbar__body{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-toolbar__body.has-brand-divider{border-left-style:solid;border-left-width:.0625rem;padding-left:1.5rem}.ui-toolbar__right{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.ui-toolbar__progress{bottom:0;height:.1875rem;left:0;position:absolute;right:0}.ui-toolbar--type-default{background-color:#fff}.ui-toolbar--type-colored{background-color:#2196f3}.ui-toolbar--type-clear{background-color:transparent;border:none;box-shadow:none}.ui-toolbar--text-color-black{color:rgba(0,0,0,.87)}.ui-toolbar--text-color-black .ui-toolbar__body{border-left-color:rgba(0,0,0,.15)}.ui-toolbar--text-color-white{color:#fff}.ui-toolbar--text-color-white .ui-toolbar__body{border-color:hsla(0,0%,100%,.4)}.ui-toolbar--progress-position-top .ui-toolbar__progress{top:0}.page--ui-tooltip .page__demo-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page--ui-tooltip .page__demo-group--the-simpsons .image-pane{border-radius:.5rem;height:7.5rem;width:7.5rem}.page--ui-tooltip .image-pane{background-color:#eee;background-position:50%;background-size:cover;margin-bottom:1rem;margin-right:1rem;position:relative}
\ No newline at end of file
diff --git a/docs/docs.bundle.js b/docs/docs.bundle.js
index 8e84dd2a..930e2b19 100644
--- a/docs/docs.bundle.js
+++ b/docs/docs.bundle.js
@@ -1,30 +1,36 @@
-!function(t){function e(i){if(o[i])return o[i].exports;var n=o[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,i){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=318)}([function(t,e){t.exports=function(t,e,o,i,n){var a,r=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(a=t,r=t.default);var l="function"==typeof r?r.options:r;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),i&&(l._scopeId=i);var c;if(n?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(n)},l._ssrRegister=c):o&&(c=o),c){var d=l.functional,u=d?l.render:l.beforeCreate;d?l.render=function(t,e){return c.call(e),u(t,e)}:l.beforeCreate=u?[].concat(u,c):[c]}return{esModule:a,exports:r,options:l}}},function(t,e,o){"use strict";function i(t){o(170)}var n=o(111),a=o(297),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(135)}var n=o(113),a=o(260),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(138)}var n=o(93),a=o(264),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(156)}var n=o(79),a=o(283),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(155)}var n=o(104),a=o(282),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(120)}var n=o(103),a=o(244),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(175)}var n=o(94),a=o(303),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(141)}var n=o(98),a=o(267),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){return"string"==typeof t?t.replace(v,"").split(_):t}function n(t){return c(t)?(t.getAttribute("class")||"").replace(v,"").split(_):[]}function a(t,e){c(t)&&t.setAttribute("class",i(e).join(" "))}function r(t,e){var o=s(t,e),n=i(e);return o.push.apply(o,n),a(t,o),o}function s(t,e){var o=n(t),r=i(e);return r.forEach(function(t){var e=o.indexOf(t);e!==-1&&o.splice(e,1)}),a(t,o),o}function l(t,e){var o=n(t),a=i(e);return a.every(function(t){return o.indexOf(t)!==-1})}function c(t){var e="object"===("undefined"==typeof HTMLElement?"undefined":u(HTMLElement));return e?t instanceof HTMLElement:d(t)}function d(t){return t&&"object"===("undefined"==typeof t?"undefined":u(t))&&"string"==typeof t.nodeName&&1===t.nodeType}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v=/^\s+|\s+$/g,_=/\s+/g;e.a={add:r,remove:s,contains:l,has:l,set:a,get:n}},function(t,e,o){"use strict";function i(t,e){for(;t.length1&&void 0!==arguments[1]?arguments[1]:f;return e.days.full[t.getDay()]}function a(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return e.days.initials[t.getDay()]}function r(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return e.days.abbreviated[t.getDay()]}function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return e.months.full[t.getMonth()]}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return e.months.abbreviated[t.getMonth()]}function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{pad:!0},o=t.getDate().toString();return e.pad?i(o):o}function d(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f,o=e.days.abbreviated,i=e.months.full;return o[t.getDay()]+", "+i[t.getMonth()]+" "+t.getDate()+", "+t.getFullYear()}function u(t){return new Date(t.getTime())}function v(t,e){for(;t.getDay()!==e;)t.setDate(t.getDate()-1);return t}function _(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function p(t,e){return t.getTime()e.getTime()}var f={months:{full:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},days:{full:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],initials:["S","M","T","W","T","F","S"]}};e.a={defaultLang:f,getDayFull:n,getDayInitial:a,getDayAbbreviated:r,getMonthFull:s,getMonthAbbreviated:l,getDayOfMonth:c,humanize:d,clone:u,moveToDayOfWeek:v,isSameDay:_,isBefore:p,isAfter:h}},function(t,e,o){"use strict";function i(t){return null!==t&&"object"===("undefined"==typeof t?"undefined":s(t))}function n(t,e){return t==e||!(!i(t)||!i(e))&&JSON.stringify(t)===JSON.stringify(e)}function a(t,e){for(var o=0;o2&&void 0!==arguments[2]?arguments[2]:0;return t.substr(o,e.length)===e}e.a=n,e.c=a,e.b=r;var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}},function(t,e,o){"use strict";function i(t){o(140)}var n=o(95),a=o(266),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(153)}var n=o(97),a=o(280),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(168)}var n=o(100),a=o(295),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(180)}var n=o(110),a=o(308),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(160)}var n=o(116),a=o(287),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e){var o;o=function(){return this}();try{o=o||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(o=window)}t.exports=o},function(t,e,o){"use strict";function i(t,e){var o=t instanceof Element||t&&t._isVue||"string"==typeof t;return!o&&e&&console.warn(e),o}function n(t,e){return t instanceof Element?t:t&&t._isVue?t.$el:"string"==typeof t?document.querySelector(t):e}e.a={validate:i,resolve:n}},function(t,e,o){"use strict";function i(t){o(165)}var n=o(84),a=o(292),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(159)}var n=o(92),a=o(286),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(146)}var n=o(105),a=o(273),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";var i=o(195),n=o(196),a=o(197),r=o(198),s=o(199),l=o(200),c=o(201),d=o(202),u=o(203),v=o(204),_=o(205),p=o(206),h=o(207),f=o(208),m=o(209),b=o(210),g=o(211),y=o(212),w=o(213),k=o(214),C=o(215),x=o(216),S=o(217),T=o(218),E=o(219),D=o(220),A=o(221),$=o(222),O=o(223);o.d(e,"b",function(){return L}),o.d(e,"a",function(){return B});var L=[{title:"Components",menu:[{path:"/ui-alert",component:i.a,title:"UiAlert",sourceUrl:"src/UiAlert.vue"},{path:"/ui-autocomplete",component:n.a,title:"UiAutocomplete",sourceUrl:"src/UiAutocomplete.vue"},{path:"/ui-button",component:a.a,title:"UiButton",sourceUrl:"src/UiButton.vue"},{path:"/ui-checkbox",component:r.a,title:"UiCheckbox",sourceUrl:"src/UiCheckbox.vue"},{path:"/ui-checkbox-group",component:s.a,title:"UiCheckboxGroup",sourceUrl:"src/UiCheckboxGroup.vue"},{path:"/ui-collapsible",component:l.a,title:"UiCollapsible",sourceUrl:"src/UiCollapsible.vue"},{path:"/ui-confirm",component:c.a,title:"UiConfirm",sourceUrl:"src/UiConfirm.vue"},{path:"/ui-datepicker",component:d.a,title:"UiDatepicker",sourceUrl:"src/UiDatepicker.vue"},{path:"/ui-fab",component:u.a,title:"UiFab",sourceUrl:"src/UiFab.vue"},{path:"/ui-fileupload",component:v.a,title:"UiFileupload",sourceUrl:"src/UiFileupload.vue"},{path:"/ui-icon",component:_.a,title:"UiIcon",sourceUrl:"src/UiIcon.vue"},{path:"/ui-icon-button",component:p.a,title:"UiIconButton",sourceUrl:"src/UiIconButton.vue"},{path:"/ui-menu",component:h.a,title:"UiMenu",sourceUrl:"src/UiMenu.vue"},{path:"/ui-modal",component:f.a,title:"UiModal",sourceUrl:"src/UiModal.vue"},{path:"/ui-popover",component:m.a,title:"UiPopover",sourceUrl:"src/UiPopover.vue"},{path:"/ui-preloader",component:b.a,title:"UiPreloader",sourceUrl:"src/UiPreloader.vue"},{path:"/ui-progress-circular",component:g.a,title:"UiProgressCircular",sourceUrl:"src/UiProgressCircular.vue"},{path:"/ui-progress-linear",component:y.a,title:"UiProgressLinear",sourceUrl:"src/UiProgressLinear.vue"},{path:"/ui-radio",component:w.a,title:"UiRadio",sourceUrl:"src/UiRadio.vue"},{path:"/ui-radio-group",component:k.a,title:"UiRadioGroup",sourceUrl:"src/UiRadioGroup.vue"},{path:"/ui-ripple-ink",component:C.a,title:"UiRippleInk",sourceUrl:"src/UiRippleInk.vue"},{path:"/ui-select",component:x.a,title:"UiSelect",sourceUrl:"src/UiSelect.vue"},{path:"/ui-slider",component:S.a,title:"UiSlider",sourceUrl:"src/UiSlider.vue"},{path:"/ui-snackbar",component:T.a,title:"UiSnackbar",sourceUrl:"src/UiSnackbarContainer.vue"},{path:"/ui-switch",component:E.a,title:"UiSwitch",sourceUrl:"src/UiSwitch.vue"},{path:"/ui-tabs",component:D.a,title:"UiTabs",sourceUrl:"src/UiTabs.vue"},{path:"/ui-textbox",component:A.a,title:"UiTextbox",sourceUrl:"src/UiTextbox.vue"},{path:"/ui-toolbar",component:$.a,title:"UiToolbar",sourceUrl:"src/UiToolbar.vue"},{path:"/ui-tooltip",component:O.a,title:"UiTooltip",sourceUrl:"src/UiTooltip.vue"}]}],B=L.reduce(function(t,e){var o=e.menu.map(function(t){return{path:t.path,component:t.component,meta:{section:e.title,title:t.title,sourceUrl:t.sourceUrl}}});return t.concat(o)},[]);B.unshift({path:"/",redirect:"/ui-alert"}),B.push({path:"*",redirect:"/ui-alert"})},function(t,e,o){"use strict";e.a={inserted:function(t,e){var o=e.value;o&&t.focus()}}},function(t,e,o){"use strict";function i(t,e){if(t){e=e||t.parentElement;var o=t.offsetTop,i=e.scrollTop,n=o+t.offsetHeight,a=e.offsetHeight;return o>=i&&n<=a}}function n(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:null,marginTop:0};t&&(e.container=e.container||t.parentElement,i(t,e.container)||(e.container.scrollTop=t.offsetTop-e.marginTop))}function a(t){t&&(t.scrollTop=0)}e.a=n,e.b=a},function(t,e,o){"use strict";for(var i=[],n=0;n<256;n++)i[n]=(n<16?"0":"")+n.toString(16);var a=function(){var t=4294967295*Math.random()|0,e=4294967295*Math.random()|0,o=4294967295*Math.random()|0,n=4294967295*Math.random()|0;return i[255&t]+i[t>>8&255]+i[t>>16&255]+i[t>>24&255]+"-"+i[255&e]+i[e>>8&255]+"-"+i[e>>16&15|64]+i[e>>24&255]+"-"+i[63&o|128]+i[o>>8&255]+"-"+i[o>>16&255]+i[o>>24&255]+i[255&n]+i[n>>8&255]+i[n>>16&255]+i[n>>24&255]},r=function(t){t=t||"";var e=a();return t+e.split("-")[0]};e.a={generate:a,short:r}},function(t,e,o){"use strict";function i(t,e){var o=e.length,i=t.length;if(i>o)return!1;if(i===o)return t===e;t:for(var n=0,a=0;n=e||o<0||T&&i>=m}function d(){var t=k();return c(t)?u(t):void(g=setTimeout(d,l(t)))}function u(t){return g=void 0,E&&h?n(t):(h=f=void 0,b)}function v(){void 0!==g&&clearTimeout(g),x=0,h=C=f=g=void 0}function _(){return void 0===g?b:u(k())}function p(){var t=k(),o=c(t);if(h=arguments,f=this,C=t,o){if(void 0===g)return a(C);if(T)return g=setTimeout(d,e),n(C)}return void 0===g&&(g=setTimeout(d,e)),b}var h,f,m,b,g,C,x=0,S=!1,T=!1,E=!0;if("function"!=typeof t)throw new TypeError(s);return e=r(e)||0,i(o)&&(S=!!o.leading,T="maxWait"in o,m=T?y(r(o.maxWait)||0,e):m,E="trailing"in o?!!o.trailing:E),p.cancel=v,p.flush=_,p}function i(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function n(t){return!!t&&"object"==typeof t}function a(t){return"symbol"==typeof t||n(t)&&g.call(t)==c}function r(t){if("number"==typeof t)return t;if(a(t))return l;if(i(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=i(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(d,"");var o=v.test(t);return o||_.test(t)?p(t.slice(2),o?2:8):u.test(t)?l:+t}var s="Expected a function",l=NaN,c="[object Symbol]",d=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,v=/^0b[01]+$/i,_=/^0o[0-7]+$/i,p=parseInt,h="object"==typeof e&&e&&e.Object===Object&&e,f="object"==typeof self&&self&&self.Object===Object&&self,m=h||f||Function("return this")(),b=Object.prototype,g=b.toString,y=Math.max,w=Math.min,k=function(){return m.Date.now()};t.exports=o}).call(e,o(17))},function(t,e,o){"use strict";(function(t){function o(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then(function(){e=!1,t()}))}}function i(t){var e=!1;return function(){e||(e=!0,setTimeout(function(){e=!1,t()},Tt))}}function n(t){var e={};return t&&"[object Function]"===e.toString.call(t)}function a(t,e){if(1!==t.nodeType)return[];var o=t.ownerDocument.defaultView,i=o.getComputedStyle(t,null);return e?i[e]:i}function r(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function s(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=a(t),o=e.overflow,i=e.overflowX,n=e.overflowY;return/(auto|scroll|overlay)/.test(o+n+i)?t:s(r(t))}function l(t){return 11===t?$t:10===t?Ot:$t||Ot}function c(t){if(!t)return document.documentElement;for(var e=l(10)?document.body:null,o=t.offsetParent||null;o===e&&t.nextElementSibling;)o=(t=t.nextElementSibling).offsetParent;var i=o&&o.nodeName;return i&&"BODY"!==i&&"HTML"!==i?["TH","TD","TABLE"].indexOf(o.nodeName)!==-1&&"static"===a(o,"position")?c(o):o:t?t.ownerDocument.documentElement:document.documentElement}function d(t){var e=t.nodeName;return"BODY"!==e&&("HTML"===e||c(t.firstElementChild)===t)}function u(t){return null!==t.parentNode?u(t.parentNode):t}function v(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var o=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?t:e,n=o?e:t,a=document.createRange();a.setStart(i,0),a.setEnd(n,0);var r=a.commonAncestorContainer;if(t!==r&&e!==r||i.contains(n))return d(r)?r:c(r);var s=u(t);return s.host?v(s.host,e):v(t,u(e).host)}function _(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",o="top"===e?"scrollTop":"scrollLeft",i=t.nodeName;if("BODY"===i||"HTML"===i){var n=t.ownerDocument.documentElement,a=t.ownerDocument.scrollingElement||n;return a[o]}return t[o]}function p(t,e){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=_(e,"top"),n=_(e,"left"),a=o?-1:1;return t.top+=i*a,t.bottom+=i*a,t.left+=n*a,t.right+=n*a,t}function h(t,e){var o="x"===e?"Left":"Top",i="Left"===o?"Right":"Bottom";return parseFloat(t["border"+o+"Width"],10)+parseFloat(t["border"+i+"Width"],10)}function f(t,e,o,i){return Math.max(e["offset"+t],e["scroll"+t],o["client"+t],o["offset"+t],o["scroll"+t],l(10)?parseInt(o["offset"+t])+parseInt(i["margin"+("Height"===t?"Top":"Left")])+parseInt(i["margin"+("Height"===t?"Bottom":"Right")]):0)}function m(t){var e=t.body,o=t.documentElement,i=l(10)&&getComputedStyle(o);return{height:f("Height",e,o,i),width:f("Width",e,o,i)}}function b(t){return It({},t,{right:t.left+t.width,bottom:t.top+t.height})}function g(t){var e={};try{if(l(10)){e=t.getBoundingClientRect();var o=_(t,"top"),i=_(t,"left");e.top+=o,e.left+=i,e.bottom+=o,e.right+=i}else e=t.getBoundingClientRect()}catch(t){}var n={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},r="HTML"===t.nodeName?m(t.ownerDocument):{},s=r.width||t.clientWidth||n.right-n.left,c=r.height||t.clientHeight||n.bottom-n.top,d=t.offsetWidth-s,u=t.offsetHeight-c;if(d||u){var v=a(t);d-=h(v,"x"),u-=h(v,"y"),n.width-=d,n.height-=u}return b(n)}function y(t,e){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=l(10),n="HTML"===e.nodeName,r=g(t),c=g(e),d=s(t),u=a(e),v=parseFloat(u.borderTopWidth,10),_=parseFloat(u.borderLeftWidth,10);o&&n&&(c.top=Math.max(c.top,0),c.left=Math.max(c.left,0));var h=b({top:r.top-c.top-v,left:r.left-c.left-_,width:r.width,height:r.height});if(h.marginTop=0,h.marginLeft=0,!i&&n){var f=parseFloat(u.marginTop,10),m=parseFloat(u.marginLeft,10);h.top-=v-f,h.bottom-=v-f,h.left-=_-m,h.right-=_-m,h.marginTop=f,h.marginLeft=m}return(i&&!o?e.contains(d):e===d&&"BODY"!==d.nodeName)&&(h=p(h,e)),h}function w(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=t.ownerDocument.documentElement,i=y(t,o),n=Math.max(o.clientWidth,window.innerWidth||0),a=Math.max(o.clientHeight,window.innerHeight||0),r=e?0:_(o),s=e?0:_(o,"left"),l={top:r-i.top+i.marginTop,left:s-i.left+i.marginLeft,width:n,height:a};return b(l)}function k(t){var e=t.nodeName;return"BODY"!==e&&"HTML"!==e&&("fixed"===a(t,"position")||k(r(t)))}function C(t){if(!t||!t.parentElement||l())return document.documentElement;for(var e=t.parentElement;e&&"none"===a(e,"transform");)e=e.parentElement;return e||document.documentElement}function x(t,e,o,i){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a={top:0,left:0},l=n?C(t):v(t,e);if("viewport"===i)a=w(l,n);else{var c=void 0;"scrollParent"===i?(c=s(r(e)),"BODY"===c.nodeName&&(c=t.ownerDocument.documentElement)):c="window"===i?t.ownerDocument.documentElement:i;var d=y(c,l,n);if("HTML"!==c.nodeName||k(l))a=d;else{var u=m(t.ownerDocument),_=u.height,p=u.width;a.top+=d.top-d.marginTop,a.bottom=_+d.top,a.left+=d.left-d.marginLeft,a.right=p+d.left}}o=o||0;var h="number"==typeof o;return a.left+=h?o:o.left||0,a.top+=h?o:o.top||0,a.right-=h?o:o.right||0,a.bottom-=h?o:o.bottom||0,a}function S(t){var e=t.width,o=t.height;return e*o}function T(t,e,o,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(t.indexOf("auto")===-1)return t;var r=x(o,i,a,n),s={top:{width:r.width,height:e.top-r.top},right:{width:r.right-e.right,height:r.height},bottom:{width:r.width,height:r.bottom-e.bottom},left:{width:e.left-r.left,height:r.height}},l=Object.keys(s).map(function(t){return It({key:t},s[t],{area:S(s[t])})}).sort(function(t,e){return e.area-t.area}),c=l.filter(function(t){var e=t.width,i=t.height;return e>=o.clientWidth&&i>=o.clientHeight}),d=c.length>0?c[0].key:l[0].key,u=t.split("-")[1];return d+(u?"-"+u:"")}function E(t,e,o){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,n=i?C(e):v(e,o);return y(o,n,i)}function D(t){var e=t.ownerDocument.defaultView,o=e.getComputedStyle(t),i=parseFloat(o.marginTop||0)+parseFloat(o.marginBottom||0),n=parseFloat(o.marginLeft||0)+parseFloat(o.marginRight||0),a={width:t.offsetWidth+n,height:t.offsetHeight+i};return a}function A(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function $(t,e,o){o=o.split("-")[0];var i=D(t),n={width:i.width,height:i.height},a=["right","left"].indexOf(o)!==-1,r=a?"top":"left",s=a?"left":"top",l=a?"height":"width",c=a?"width":"height";return n[r]=e[r]+e[l]/2-i[l]/2,o===s?n[s]=e[s]-i[c]:n[s]=e[A(s)],n}function O(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function L(t,e,o){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===o});var i=O(t,function(t){return t[e]===o});return t.indexOf(i)}function B(t,e,o){var i=void 0===o?t:t.slice(0,L(t,"name",o));return i.forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var o=t.function||t.fn;t.enabled&&n(o)&&(e.offsets.popper=b(e.offsets.popper),e.offsets.reference=b(e.offsets.reference),e=o(e,t))}),e}function U(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=E(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=T(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=$(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=B(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}function I(t,e){return t.some(function(t){var o=t.name,i=t.enabled;return i&&o===e})}function M(t){for(var e=[!1,"ms","Webkit","Moz","O"],o=t.charAt(0).toUpperCase()+t.slice(1),i=0;is[p]&&(t.offsets.popper[v]+=l[v]+h-s[p]),t.offsets.popper=b(t.offsets.popper);var f=l[v]+l[d]/2-h/2,m=a(t.instance.popper),g=parseFloat(m["margin"+u],10),y=parseFloat(m["border"+u+"Width"],10),w=f-t.offsets.popper[v]-g-y;return w=Math.max(Math.min(s[d]-h,w),0),t.arrowElement=i,t.offsets.arrow=(o={},Ut(o,v,Math.round(w)),Ut(o,_,""),o),t}function Z(t){return"end"===t?"start":"start"===t?"end":t}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=zt.indexOf(t),i=zt.slice(o+1).concat(zt.slice(0,o));return e?i.reverse():i}function et(t,e){if(I(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var o=x(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),i=t.placement.split("-")[0],n=A(i),a=t.placement.split("-")[1]||"",r=[];switch(e.behavior){case Ft.FLIP:r=[i,n];break;case Ft.CLOCKWISE:r=tt(i);break;case Ft.COUNTERCLOCKWISE:r=tt(i,!0);break;default:r=e.behavior}return r.forEach(function(s,l){if(i!==s||r.length===l+1)return t;i=t.placement.split("-")[0],n=A(i);var c=t.offsets.popper,d=t.offsets.reference,u=Math.floor,v="left"===i&&u(c.right)>u(d.left)||"right"===i&&u(c.left)u(d.top)||"bottom"===i&&u(c.top)u(o.right),h=u(c.top)u(o.bottom),m="left"===i&&_||"right"===i&&p||"top"===i&&h||"bottom"===i&&f,b=["top","bottom"].indexOf(i)!==-1,g=!!e.flipVariations&&(b&&"start"===a&&_||b&&"end"===a&&p||!b&&"start"===a&&h||!b&&"end"===a&&f);(v||m||g)&&(t.flipped=!0,(v||m)&&(i=r[l+1]),g&&(a=Z(a)),t.placement=i+(a?"-"+a:""),t.offsets.popper=It({},t.offsets.popper,$(t.instance.popper,t.offsets.reference,t.placement)),t=B(t.instance.modifiers,t,"flip"))}),t}function ot(t){var e=t.offsets,o=e.popper,i=e.reference,n=t.placement.split("-")[0],a=Math.floor,r=["top","bottom"].indexOf(n)!==-1,s=r?"right":"bottom",l=r?"left":"top",c=r?"width":"height";return o[s]a(i[s])&&(t.offsets.popper[l]=a(i[s])),t}function it(t,e,o,i){var n=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),a=+n[1],r=n[2];if(!a)return t;if(0===r.indexOf("%")){var s=void 0;switch(r){case"%p":s=o;break;case"%":case"%r":default:s=i}var l=b(s);return l[e]/100*a}if("vh"===r||"vw"===r){var c=void 0;return c="vh"===r?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),c/100*a}return a}function nt(t,e,o,i){var n=[0,0],a=["right","left"].indexOf(i)!==-1,r=t.split(/(\+|\-)/).map(function(t){return t.trim()}),s=r.indexOf(O(r,function(t){return t.search(/,|\s/)!==-1}));r[s]&&r[s].indexOf(",")===-1&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=s!==-1?[r.slice(0,s).concat([r[s].split(l)[0]]),[r[s].split(l)[1]].concat(r.slice(s+1))]:[r];return c=c.map(function(t,i){var n=(1===i?!a:a)?"height":"width",r=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&["+","-"].indexOf(e)!==-1?(t[t.length-1]=e,r=!0,t):r?(t[t.length-1]+=e,r=!1,t):t.concat(e)},[]).map(function(t){return it(t,n,e,o)})}),c.forEach(function(t,e){t.forEach(function(o,i){W(o)&&(n[e]+=o*("-"===t[i-1]?-1:1))})}),n}function at(t,e){var o=e.offset,i=t.placement,n=t.offsets,a=n.popper,r=n.reference,s=i.split("-")[0],l=void 0;return l=W(+o)?[+o,0]:nt(o,a,r,s),"left"===s?(a.top+=l[0],a.left-=l[1]):"right"===s?(a.top+=l[0],a.left+=l[1]):"top"===s?(a.left+=l[0],a.top-=l[1]):"bottom"===s&&(a.left+=l[0],a.top+=l[1]),t.popper=a,t}function rt(t,e){var o=e.boundariesElement||c(t.instance.popper);t.instance.reference===o&&(o=c(o));var i=M("transform"),n=t.instance.popper.style,a=n.top,r=n.left,s=n[i];n.top="",n.left="",n[i]="";var l=x(t.instance.popper,t.instance.reference,e.padding,o,t.positionFixed);n.top=a,n.left=r,n[i]=s,e.boundaries=l;var d=e.priority,u=t.offsets.popper,v={primary:function(t){var o=u[t];return u[t]l[t]&&!e.escapeWithReference&&(i=Math.min(u[o],l[t]-("right"===t?u.width:u.height))),Ut({},o,i)}};return d.forEach(function(t){var e=["left","top"].indexOf(t)!==-1?"primary":"secondary";u=It({},u,v[e](t))}),t.offsets.popper=u,t}function st(t){var e=t.placement,o=e.split("-")[0],i=e.split("-")[1];if(i){var n=t.offsets,a=n.reference,r=n.popper,s=["bottom","top"].indexOf(o)!==-1,l=s?"left":"top",c=s?"width":"height",d={start:Ut({},l,a[l]),end:Ut({},l,a[l]+a[c]-r[c])};t.offsets.popper=It({},r,d[i])}return t}function lt(t){if(!X(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,o=O(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottomo.right||e.top>o.bottom||e.righta&&(l=Math.min(o,window.innerWidth-a)),s&&c>a&&(c=Math.min(i,window.innerHeight-a));var d=X.reference.getBoundingClientRect(),u=X.props.followCursor,v="horizontal"===u,_="vertical"===u;X.popperInstance.reference={getBoundingClientRect:function(){return{width:0,height:0,top:v?d.top:c,bottom:v?d.bottom:c,left:_?d.left:l,right:_?d.right:l}},clientWidth:0,clientHeight:0
-},X.popperInstance.scheduleUpdate()}}function a(t){var e=pe(t.target,X.props.target);e&&!e._tippy&&(ut(e,pt({},X.props,{target:"",showOnInit:!0})),r(t))}function r(t){if(A(),!X.state.isVisible){if(X.props.target)return a(t);if(R=!0,X.props.wait)return X.props.wait(X,t);g()&&document.addEventListener("mousemove",n);var e=ee(X.props.delay,0,ht.delay);e?F=setTimeout(function(){L()},e):L()}}function s(){if(A(),!X.state.isVisible)return l();R=!1;var t=ee(X.props.delay,1,ht.delay);t?N=setTimeout(function(){X.state.isVisible&&B()},t):B()}function l(){document.removeEventListener("mousemove",n),z=null}function c(){document.body.removeEventListener("mouseleave",s),document.removeEventListener("mousemove",j)}function d(t){X.state.isEnabled&&!f(t)&&(X.state.isVisible||(P=t),"click"===t.type&&X.props.hideOnClick!==!1&&X.state.isVisible?s():r(t))}function u(t){var e=he(t.target,function(t){return t._tippy}),o=pe(t.target,Vt.POPPER)===X.popper,i=e===X.reference;o||i||Ee(Ae(X.popper),X.popper.getBoundingClientRect(),t,X.props)&&(c(),s())}function v(t){if(!f(t))return X.props.interactive?(document.body.addEventListener("mouseleave",s),void document.addEventListener("mousemove",j)):void s()}function _(t){if(t.target===X.reference){if(X.props.interactive){if(!t.relatedTarget)return;if(pe(t.relatedTarget,Vt.POPPER))return}s()}}function p(t){pe(t.target,X.props.target)&&r(t)}function h(t){pe(t.target,X.props.target)&&s()}function f(t){var e=t.type.indexOf("touch")>-1,o=Ct&&Ie&&X.props.touchHold&&!e,i=Ie&&!X.props.touchHold&&e;return o||i}function m(){var t=X.popperChildren.tooltip,e=X.props.popperOptions,o=Vt["round"===X.props.arrowType?"ROUND_ARROW":"ARROW"],n=t.querySelector(o),a=pt({placement:X.props.placement},e||{},{modifiers:pt({},e?e.modifiers:{},{arrow:pt({element:o},e&&e.modifiers?e.modifiers.arrow:{}),flip:pt({enabled:X.props.flip,padding:X.props.distance+5,behavior:X.props.flipBehavior},e&&e.modifiers?e.modifiers.flip:{}),offset:pt({offset:X.props.offset},e&&e.modifiers?e.modifiers.offset:{})}),onCreate:function(){t.style[Ae(X.popper)]=De(X.props.distance,ht.distance),n&&X.props.arrowTransform&&Ce(n,X.props.arrowTransform)},onUpdate:function(){var e=t.style;e.top="",e.bottom="",e.left="",e.right="",e[Ae(X.popper)]=De(X.props.distance,ht.distance),n&&X.props.arrowTransform&&Ce(n,X.props.arrowTransform)}});return M||i(),new Ht(X.reference,X.popper,a)}function b(t){X.popperInstance?g()||(X.popperInstance.scheduleUpdate(),X.props.livePlacement&&X.popperInstance.enableEventListeners()):(X.popperInstance=m(),X.props.livePlacement&&!g()||X.popperInstance.disableEventListeners()),X.popperInstance.reference=X.reference;var e=X.popperChildren.arrow;if(g()){e&&(e.style.margin="0");var o=ee(X.props.delay,0,ht.delay);P.type&&n(o&&z?z:P)}else e&&(e.style.margin="");Se(X.popperInstance,t),X.props.appendTo.contains(X.popper)||(X.props.appendTo.appendChild(X.popper),X.props.onMount(X),X.state.isMounted=!0)}function g(){return X.props.followCursor&&!Ie&&"focus"!==P.type}function y(){Yt([X.popper],wt?0:X.props.updateDuration);var t=function t(){X.popperInstance&&X.popperInstance.scheduleUpdate(),X.state.isMounted?requestAnimationFrame(t):Yt([X.popper],0)};t()}function w(t,e){C(t,function(){!X.state.isVisible&&X.props.appendTo.contains(X.popper)&&e()})}function k(t,e){C(t,e)}function C(t,e){if(0===t)return e();var o=X.popperChildren.tooltip,i=function t(i){i.target===o&&(Oe(o,"remove",t),e())};Oe(o,"remove",H),Oe(o,"add",i),H=i}function x(t,e,o){X.reference.addEventListener(t,e),o.push({eventType:t,handler:e})}function S(){V=X.props.trigger.trim().split(" ").reduce(function(t,e){if("manual"===e)return t;if(X.props.target)switch(e){case"mouseenter":x("mouseover",p,t),x("mouseout",h,t);break;case"focus":x("focusin",p,t),x("focusout",h,t);break;case"click":x(e,p,t)}else switch(x(e,d,t),X.props.touchHold&&(x("touchstart",d,t),x("touchend",v,t)),e){case"mouseenter":x("mouseleave",v,t);break;case"focus":x(wt?"focusout":"blur",_,t)}return t},[])}function T(){V.forEach(function(t){var e=t.eventType,o=t.handler;X.reference.removeEventListener(e,o)})}function E(){X.state.isEnabled=!0}function D(){X.state.isEnabled=!1}function A(){clearTimeout(F),clearTimeout(N)}function $(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Be(t,ht);var e=X.props,o=$e(X.reference,pt({},X.props,t,{performance:!0}));o.performance=Ue(t,"performance")?t.performance:e.performance,X.props=o,(Ue(t,"trigger")||Ue(t,"touchHold"))&&(T(),S()),Ue(t,"interactiveDebounce")&&(c(),j=Le(u,t.interactiveDebounce)),ce(X.popper,e,o),X.popperChildren=Kt(X.popper),X.popperInstance&&mt.some(function(e){return Ue(t,e)})&&(X.popperInstance.destroy(),X.popperInstance=m(),X.state.isVisible||X.popperInstance.disableEventListeners(),X.props.followCursor&&z&&n(z))}function O(t){$({content:t})}function L(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(X.props.duration,0,ht.duration[0]);if(!X.state.isDestroyed&&X.state.isEnabled&&(!Ie||X.props.touch)){if(!X.reference.isVirtual&&!document.documentElement.contains(X.reference))return U();if(!X.reference.hasAttribute("disabled"))return W?void(W=!1):void(X.props.onShow(X)!==!1&&(X.popper.style.visibility="visible",X.state.isVisible=!0,Yt([X.popper,X.popperChildren.tooltip,X.popperChildren.backdrop],0),b(function(){X.state.isVisible&&(g()||X.popperInstance.update(),Yt([X.popperChildren.tooltip,X.popperChildren.backdrop,X.popperChildren.content],t),X.popperChildren.backdrop&&(X.popperChildren.content.style.transitionDelay=Math.round(t/6)+"ms"),X.props.interactive&&X.reference.classList.add("tippy-active"),X.props.sticky&&y(),xe([X.popperChildren.tooltip,X.popperChildren.backdrop,X.popperChildren.content],"visible"),k(t,function(){0===X.props.updateDuration&&X.popperChildren.tooltip.classList.add("tippy-notransition"),X.props.interactive&&["focus","click"].indexOf(P.type)>-1&&fe(X.popper),X.reference.setAttribute("aria-describedby",X.popper.id),X.props.onShown(X),X.state.isShown=!0}))})))}}function B(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(X.props.duration,1,ht.duration[1]);!X.state.isDestroyed&&X.state.isEnabled&&X.props.onHide(X)!==!1&&(0===X.props.updateDuration&&X.popperChildren.tooltip.classList.remove("tippy-notransition"),X.props.interactive&&X.reference.classList.remove("tippy-active"),X.popper.style.visibility="hidden",X.state.isVisible=!1,X.state.isShown=!1,Yt([X.popperChildren.tooltip,X.popperChildren.backdrop,X.popperChildren.content],t),xe([X.popperChildren.tooltip,X.popperChildren.backdrop,X.popperChildren.content],"hidden"),X.props.interactive&&!W&&["focus","click"].indexOf(P.type)>-1&&("focus"===P.type&&(W=!0),fe(X.reference)),w(t,function(){R||l(),X.reference.removeAttribute("aria-describedby"),X.popperInstance.disableEventListeners(),X.props.appendTo.removeChild(X.popper),X.state.isMounted=!1,X.props.onHidden(X)}))}function U(t){X.state.isDestroyed||(X.state.isMounted&&B(0),T(),X.reference.removeEventListener("click",o),delete X.reference._tippy,X.props.target&&t&&jt(X.reference.querySelectorAll(X.props.target)).forEach(function(t){return t._tippy&&t._tippy.destroy()}),X.popperInstance&&X.popperInstance.destroy(),M&&M.disconnect(),X.state.isDestroyed=!0)}var I=$e(t,e);if(!I.multiple&&t._tippy)return null;var M=null,P={},z=null,F=0,N=0,R=!1,H=function(){},V=[],W=!1,j=I.interactiveDebounce>0?Le(u,I.interactiveDebounce):u,q=He++,G=le(q,I);G.addEventListener("mouseenter",function(t){X.props.interactive&&X.state.isVisible&&"mouseenter"===P.type&&r(t)}),G.addEventListener("mouseleave",function(t){X.props.interactive&&"mouseenter"===P.type&&0===X.props.interactiveDebounce&&Ee(Ae(G),G.getBoundingClientRect(),t,X.props)&&s()});var Y=Kt(G),K={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},J=null,X={id:q,reference:t,popper:G,popperChildren:Y,popperInstance:J,props:I,state:K,clearDelayTimeouts:A,set:$,setContent:O,show:L,hide:B,enable:E,disable:D,destroy:U};return S(),t.addEventListener("click",o),I.lazy||(X.popperInstance=m(),X.popperInstance.disableEventListeners()),I.showOnInit&&r(),!I.a11y||I.target||Gt(t)||t.setAttribute("tabindex","0"),t._tippy=X,G._tippy=X,X}function vt(t,e,o){Be(e,ht),Ve||(dt(),Ve=!0);var i=pt({},ht,e);Jt(t)&&ve(t);var n=Zt(t),a=n[0],r=(o&&a?[a]:n).reduce(function(t,e){var o=e&&ut(e,i);return o&&t.push(o),t},[]);return{targets:t,props:i,instances:r,destroyAll:function(){this.instances.forEach(function(t){t.destroy()}),this.instances=[]}}}for(var _t="3.3.0",pt=Object.assign||function(t){for(var e=1;e=0){Tt=1;break}var Dt=xt&&window.Promise,At=Dt?o:i,$t=xt&&!(!window.MSInputMethodContext||!document.documentMode),Ot=xt&&/MSIE 10/.test(navigator.userAgent),Lt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Bt=function(){function t(t,e){for(var o=0;o2&&void 0!==arguments[2]?arguments[2]:{};Lt(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=At(this.update.bind(this)),this.options=It({},t.Defaults,a),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=o&&o.jquery?o[0]:o,this.options.modifiers={},Object.keys(It({},t.Defaults.modifiers,a.modifiers)).forEach(function(e){i.options.modifiers[e]=It({},t.Defaults.modifiers[e]||{},a.modifiers?a.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return It({name:t},i.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&n(t.onLoad)&&t.onLoad(i.reference,i.popper,i.options,t,i.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Bt(t,[{key:"update",value:function(){return U.call(this)}},{key:"destroy",value:function(){return P.call(this)}},{key:"enableEventListeners",value:function(){return R.call(this)}},{key:"disableEventListeners",value:function(){return V.call(this)}}]),t}();Ht.Utils=("undefined"!=typeof window?window:t).PopperUtils,Ht.placements=Pt,Ht.Defaults=Rt;var Vt={POPPER:".tippy-popper",TOOLTIP:".tippy-tooltip",CONTENT:".tippy-content",BACKDROP:".tippy-backdrop",ARROW:".tippy-arrow",ROUND_ARROW:".tippy-roundarrow"},Wt={x:!0},jt=function(t){return[].slice.call(t)},qt=function(t,e){e.content instanceof Element?(Qt(t,""),t.appendChild(e.content)):t[e.allowHTML?"innerHTML":"textContent"]=e.content},Gt=function(t){return!(t instanceof Element)||_e.call(t,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!t.hasAttribute("disabled")},Yt=function(t,e){t.filter(Boolean).forEach(function(t){t.style.transitionDuration=e+"ms"})},Kt=function(t){var e=function(e){return t.querySelector(e)};return{tooltip:e(Vt.TOOLTIP),backdrop:e(Vt.BACKDROP),content:e(Vt.CONTENT),arrow:e(Vt.ARROW)||e(Vt.ROUND_ARROW)}},Jt=function(t){return"[object Object]"==={}.toString.call(t)},Xt=function(){return document.createElement("div")},Qt=function(t,e){t[Wt.x&&"innerHTML"]=e instanceof Element?e[Wt.x&&"innerHTML"]:e},Zt=function(t){if(t instanceof Element||Jt(t))return[t];if(t instanceof NodeList)return jt(t);if(Array.isArray(t))return t;try{return jt(document.querySelectorAll(t))}catch(t){return[]}},te=function(t){return!isNaN(t)&&!isNaN(parseFloat(t))},ee=function(t,e,o){if(Array.isArray(t)){var i=t[e];return null==i?o:i}return t},oe=function(t){var e=Xt();return"round"===t?(e.className="tippy-roundarrow",Qt(e,'=0&&(e=t.slice(i),t=t.slice(0,i));var n=t.indexOf("?");return n>=0&&(o=t.slice(n+1),t=t.slice(0,n)),{path:t,query:o,hash:e}}function w(t){return t.replace(/\/\//g,"/")}function k(t,e){for(var o,i=[],n=0,a=0,r="",s=e&&e.delimiter||"/";null!=(o=Yt.exec(t));){var l=o[0],c=o[1],d=o.index;if(r+=t.slice(a,d),a=d+l.length,c)r+=c[1];else{var u=t[a],v=o[2],_=o[3],p=o[4],h=o[5],f=o[6],m=o[7];r&&(i.push(r),r="");var b=null!=v&&null!=u&&u!==v,g="+"===f||"*"===f,y="?"===f||"*"===f,w=o[2]||s,k=p||h;i.push({name:_||n++,prefix:v||"",delimiter:w,optional:y,repeat:g,partial:b,asterisk:!!m,pattern:k?D(k):m?".*":"[^"+E(w)+"]+?"})}}return a-1&&(n.params[v]=o.params[v]);if(s)return n.path=M(s.path,n.params,'named route "'+a+'"'),r(s,n,i)}else if(n.path){n.params={};for(var _=0;_=t.length?o():t[n]?e(t[n],function(){i(n+1)}):i(n+1)};i(0)}function st(t){return function(e,o,i){var a=!1,r=0,s=null;lt(t,function(t,e,o,l){if("function"==typeof t&&void 0===t.cid){a=!0,r++;var c,d=dt(function(e){e.__esModule&&e.default&&(e=e.default),t.resolved="function"==typeof e?e:At.extend(e),o.components[l]=e,r--,r<=0&&i()}),u=dt(function(t){var e="Failed to resolve async component "+l+": "+t;s||(s=n(t)?t:new Error(e),i(s))});try{c=t(d,u)}catch(t){u(t)}if(c)if("function"==typeof c.then)c.then(d,u);else{var v=c.component;v&&"function"==typeof v.then&&v.then(d,u)}}}),a||i()}}function lt(t,e){return ct(t.map(function(t){return Object.keys(t.components).map(function(o){return e(t.components[o],t.instances[o],t,o)})}))}function ct(t){return Array.prototype.concat.apply([],t)}function dt(t){var e=!1;return function(){for(var o=[],i=arguments.length;i--;)o[i]=arguments[i];if(!e)return e=!0,t.apply(this,o)}}function ut(t){if(!t)if(Rt){var e=document.querySelector("base");t=e&&e.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function vt(t,e){var o,i=Math.max(t.length,e.length);for(o=0;o=0?e.slice(0,o):e;window.location.replace(i+"#"+t)}function Et(t,e){return t.push(e),function(){var o=t.indexOf(e);o>-1&&t.splice(o,1)}}function Dt(t,e,o){var i="hash"===o?"#"+e:e;return t?w(t+"/"+i):i}var At,$t={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var o=e.props,i=e.children,n=e.parent,r=e.data;r.routerView=!0;for(var s=n.$createElement,l=o.name,c=n.$route,d=n._routerViewCache||(n._routerViewCache={}),u=0,v=!1;n&&n._routerRoot!==n;)n.$vnode&&n.$vnode.data.routerView&&u++,n._inactive&&(v=!0),n=n.$parent;if(r.routerViewDepth=u,v)return s(d[l],r,i);var _=c.matched[u];if(!_)return d[l]=null,s();var p=d[l]=_.components[l];return r.registerRouteInstance=function(t,e){var o=_.instances[l];(e&&o!==t||!e&&o===t)&&(_.instances[l]=e)},(r.hook||(r.hook={})).prepatch=function(t,e){_.instances[l]=e.componentInstance},r.props=a(c,_.props&&_.props[l]),s(p,r,i)}},Ot=/[!'()*]/g,Lt=function(t){return"%"+t.charCodeAt(0).toString(16)},Bt=/%2C/g,Ut=function(t){return encodeURIComponent(t).replace(Ot,Lt).replace(Bt,",")},It=decodeURIComponent,Mt=/\/?$/,Pt=c(null,{path:"/"}),zt=[String,Object],Ft=[String,Array],Nt={name:"router-link",props:{to:{type:zt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Ft,default:"click"}},render:function(t){var e=this,o=this.$router,i=this.$route,n=o.resolve(this.to,i,this.append),a=n.location,r=n.route,s=n.href,l={},d=o.options.linkActiveClass,u=o.options.linkExactActiveClass,_=null==d?"router-link-active":d,h=null==u?"router-link-exact-active":u,b=null==this.activeClass?_:this.activeClass,g=null==this.exactActiveClass?h:this.exactActiveClass,y=a.path?c(null,a,null,o):r;l[g]=v(i,y),l[b]=this.exact?l[g]:p(i,y);var w=function(t){f(t)&&(e.replace?o.replace(a):o.push(a))},k={click:f};Array.isArray(this.event)?this.event.forEach(function(t){k[t]=w}):k[this.event]=w;var C={class:l};if("a"===this.tag)C.on=k,C.attrs={href:s};else{var x=m(this.$slots.default);if(x){x.isStatic=!1;var S=At.util.extend,T=x.data=S({},x.data);T.on=k;var E=x.data.attrs=S({},x.data.attrs);E.href=s}else C.on=k}return t(this.tag,C,this.$slots.default)}},Rt="undefined"!=typeof window,Ht=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Vt=I,Wt=k,jt=C,qt=T,Gt=U,Yt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Vt.parse=Wt,Vt.compile=jt,Vt.tokensToFunction=qt,Vt.tokensToRegExp=Gt;var Kt=Object.create(null),Jt=Object.create(null),Xt=Rt&&function(){var t=window.navigator.userAgent;return(t.indexOf("Android 2.")===-1&&t.indexOf("Android 4.0")===-1||t.indexOf("Mobile Safari")===-1||t.indexOf("Chrome")!==-1||t.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),Qt=Rt&&window.performance&&window.performance.now?window.performance:Date,Zt=et(),te=function(t,e){this.router=t,this.base=ut(e),this.current=Pt,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};te.prototype.listen=function(t){this.cb=t},te.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},te.prototype.onError=function(t){this.errorCbs.push(t)},te.prototype.transitionTo=function(t,e,o){var i=this,n=this.router.match(t,this.current);this.confirmTransition(n,function(){i.updateRoute(n),e&&e(n),i.ensureURL(),i.ready||(i.ready=!0,i.readyCbs.forEach(function(t){t(n)}))},function(t){o&&o(t),t&&!i.ready&&(i.ready=!0,i.readyErrorCbs.forEach(function(e){e(t)}))})},te.prototype.confirmTransition=function(t,e,o){var a=this,r=this.current,s=function(t){n(t)&&(a.errorCbs.length?a.errorCbs.forEach(function(e){e(t)}):(i(!1,"uncaught error during route navigation:"),console.error(t))),o&&o(t)};if(v(t,r)&&t.matched.length===r.matched.length)return this.ensureURL(),s();var l=vt(this.current.matched,t.matched),c=l.updated,d=l.deactivated,u=l.activated,_=[].concat(ht(d),this.router.beforeHooks,ft(c),u.map(function(t){return t.beforeEnter}),st(u));this.pending=t;var p=function(e,o){if(a.pending!==t)return s();try{e(t,r,function(t){t===!1||n(t)?(a.ensureURL(!0),s(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(s(),"object"==typeof t&&t.replace?a.replace(t):a.push(t)):o(t)})}catch(t){s(t)}};rt(_,p,function(){var o=[],i=function(){return a.current===t},n=bt(u,o,i),r=n.concat(a.router.resolveHooks);rt(r,p,function(){return a.pending!==t?s():(a.pending=null,e(t),void(a.router.app&&a.router.app.$nextTick(function(){o.forEach(function(t){t()})})))})})},te.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(o){o&&o(t,e)})};var ee=function(t){function e(e,o){var i=this;t.call(this,e,o);var n=e.options.scrollBehavior;n&&q(),window.addEventListener("popstate",function(t){var o=i.current;i.transitionTo(wt(i.base),function(t){n&&G(e,t,o,!0)})})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,o){var i=this,n=this,a=n.current;this.transitionTo(t,function(t){nt(w(i.base+t.fullPath)),G(i.router,t,a,!1),e&&e(t)},o)},e.prototype.replace=function(t,e,o){var i=this,n=this,a=n.current;this.transitionTo(t,function(t){at(w(i.base+t.fullPath)),G(i.router,t,a,!1),e&&e(t)},o)},e.prototype.ensureURL=function(t){if(wt(this.base)!==this.current.fullPath){var e=w(this.base+this.current.fullPath);t?nt(e):at(e)}},e.prototype.getCurrentLocation=function(){return wt(this.base)},e}(te),oe=function(t){function e(e,o,i){t.call(this,e,o),i&&kt(this.base)||Ct()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;window.addEventListener("hashchange",function(){Ct()&&t.transitionTo(xt(),function(t){Tt(t.fullPath)})})},e.prototype.push=function(t,e,o){this.transitionTo(t,function(t){St(t.fullPath),e&&e(t)},o)},e.prototype.replace=function(t,e,o){this.transitionTo(t,function(t){Tt(t.fullPath),e&&e(t)},o)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;xt()!==e&&(t?St(e):Tt(e))},e.prototype.getCurrentLocation=function(){return xt()},e}(te),ie=function(t){function e(e,o){t.call(this,e,o),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,o){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index+1).concat(t),i.index++,e&&e(t)},o)},e.prototype.replace=function(t,e,o){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index).concat(t),e&&e(t)},o)},e.prototype.go=function(t){var e=this,o=this.index+t;if(!(o<0||o>=this.stack.length)){var i=this.stack[o];this.confirmTransition(i,function(){e.index=o,e.updateRoute(i)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(te),ne=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=V(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!Xt&&t.fallback!==!1,this.fallback&&(e="hash"),Rt||(e="abstract"),this.mode=e,e){case"history":this.history=new ee(this,t.base);break;case"hash":this.history=new oe(this,t.base,this.fallback);break;case"abstract":this.history=new ie(this,t.base)}},ae={currentRoute:{}};ne.prototype.match=function(t,e,o){return this.matcher.match(t,e,o)},ae.currentRoute.get=function(){return this.history&&this.history.current},ne.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var o=this.history;if(o instanceof ee)o.transitionTo(o.getCurrentLocation());else if(o instanceof oe){var i=function(){o.setupListeners()};o.transitionTo(o.getCurrentLocation(),i,i)}o.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},ne.prototype.beforeEach=function(t){return Et(this.beforeHooks,t)},ne.prototype.beforeResolve=function(t){return Et(this.resolveHooks,t)},ne.prototype.afterEach=function(t){return Et(this.afterHooks,t)},ne.prototype.onReady=function(t,e){this.history.onReady(t,e)},ne.prototype.onError=function(t){this.history.onError(t)},ne.prototype.push=function(t,e,o){this.history.push(t,e,o)},ne.prototype.replace=function(t,e,o){this.history.replace(t,e,o)},ne.prototype.go=function(t){this.history.go(t)},ne.prototype.back=function(){this.go(-1)},ne.prototype.forward=function(){this.go(1)},ne.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},ne.prototype.resolve=function(t,e,o){var i=R(t,e||this.history.current,o,this),n=this.match(i,e),a=n.redirectedFrom||n.fullPath,r=this.history.base,s=Dt(r,a,this.mode);return{location:i,route:n,href:s,normalizedTo:i,resolved:n}},ne.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==Pt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ne.prototype,ae),ne.install=b,ne.version="2.7.0",Rt&&window.Vue&&window.Vue.use(ne),e.a=ne},function(t,e,o){"use strict";(function(e,o){function i(t){return void 0===t||null===t}function n(t){return void 0!==t&&null!==t}function a(t){return t===!0}function r(t){return t===!1}function s(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function l(t){return null!==t&&"object"==typeof t}function c(t){return"[object Object]"===wa.call(t)}function d(t){return"[object RegExp]"===wa.call(t)}function u(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function v(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function _(t){var e=parseFloat(t);return isNaN(e)?t:e}function p(t,e){for(var o=Object.create(null),i=t.split(","),n=0;n-1)return t.splice(o,1)}}function f(t,e){return xa.call(t,e)}function m(t){var e=Object.create(null);return function(o){var i=e[o];return i||(e[o]=t(o))}}function b(t,e){function o(o){var i=arguments.length;return i?i>1?t.apply(e,arguments):t.call(e,o):t.call(e)}return o._length=t.length,o}function g(t,e){return t.bind(e)}function y(t,e){e=e||0;for(var o=t.length-e,i=new Array(o);o--;)i[o]=t[o+e];return i}function w(t,e){for(var o in e)t[o]=e[o];return t}function k(t){for(var e={},o=0;o-1)if(a&&!f(n,"default"))r=!1;else if(""===r||r===Aa(t)){var l=it(String,n.type);(l<0||s0&&(r=yt(r,(e||"")+"_"+o),gt(r[0])&>(c)&&(d[l]=U(c.text+r[0].text),r.shift()),d.push.apply(d,r)):s(r)?gt(c)?d[l]=U(c.text+r):""!==r&&d.push(U(r)):gt(r)&>(c)?d[l]=U(c.text+r.text):(a(t._isVList)&&n(r.tag)&&i(r.key)&&n(e)&&(r.key="__vlist"+e+"_"+o+"__"),d.push(r)));return d}function wt(t,e){return(t.__esModule||tr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),l(t)?e.extend(t):t}function kt(t,e,o,i,n){var a=sr();return a.asyncFactory=t,a.asyncMeta={data:e,context:o,children:i,tag:n},a}function Ct(t,e,o){if(a(t.error)&&n(t.errorComp))return t.errorComp;if(n(t.resolved))return t.resolved;if(a(t.loading)&&n(t.loadingComp))return t.loadingComp;if(!n(t.contexts)){var r=t.contexts=[o],s=!0,c=function(t){for(var e=0,o=r.length;e1?y(o):o;for(var i=y(arguments,1),n=0,a=o.length;nBr&&Dr[o].id>t.id;)o--;Dr.splice(o+1,0,t)}else Dr.push(t);Or||(Or=!0,ct(jt))}}function Jt(t,e,o){Mr.get=function(){return this[e][o]},Mr.set=function(t){this[e][o]=t},Object.defineProperty(t,o,Mr)}function Xt(t){t._watchers=[];var e=t.$options;e.props&&Qt(t,e.props),e.methods&&ae(t,e.methods),e.data?Zt(t):F(t._data={},!0),e.computed&&ee(t,e.computed),e.watch&&e.watch!==Ga&&re(t,e.watch)}function Qt(t,e){var o=t.$options.propsData||{},i=t._props={},n=t.$options._propKeys=[],a=!t.$parent;a||M(!1);var r=function(a){n.push(a);var r=Z(a,e,o,t);N(i,a,r),a in t||Jt(t,"_props",a)};for(var s in e)r(s);M(!0)}function Zt(t){var e=t.$options.data;e=t._data="function"==typeof e?te(e,t):e||{},c(e)||(e={});for(var o=Object.keys(e),i=t.$options.props,n=(t.$options.methods,o.length);n--;){var a=o[n];i&&f(i,a)||D(a)||Jt(t,"_data",a)}F(e,!0)}function te(t,e){L();try{return t.call(e,e)}catch(t){return nt(t,e,"data()"),{}}finally{B()}}function ee(t,e){var o=t._computedWatchers=Object.create(null),i=Qa();
-for(var n in e){var a=e[n],r="function"==typeof a?a:a.get;i||(o[n]=new Ir(t,r||C,C,Pr)),n in t||oe(t,n,a)}}function oe(t,e,o){var i=!Qa();"function"==typeof o?(Mr.get=i?ie(e):ne(o),Mr.set=C):(Mr.get=o.get?i&&o.cache!==!1?ie(e):ne(o.get):C,Mr.set=o.set||C),Object.defineProperty(t,e,Mr)}function ie(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),ir.target&&e.depend(),e.value}}function ne(t){return function(){return t.call(this,this)}}function ae(t,e){t.$options.props;for(var o in e)t[o]="function"!=typeof e[o]?C:$a(e[o],t)}function re(t,e){for(var o in e){var i=e[o];if(Array.isArray(i))for(var n=0;n=0||o.indexOf(t[n])<0)&&i.push(t[n]);return i}return t}function We(t){this._init(t)}function je(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var o=y(arguments,1);return o.unshift(this),"function"==typeof t.install?t.install.apply(t,o):"function"==typeof t&&t.apply(null,o),e.push(t),this}}function qe(t){t.mixin=function(t){return this.options=X(this.options,t),this}}function Ge(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var o=this,i=o.cid,n=t._Ctor||(t._Ctor={});if(n[i])return n[i];var a=t.name||o.options.name,r=function(t){this._init(t)};return r.prototype=Object.create(o.prototype),r.prototype.constructor=r,r.cid=e++,r.options=X(o.options,t),r.super=o,r.options.props&&Ye(r),r.options.computed&&Ke(r),r.extend=o.extend,r.mixin=o.mixin,r.use=o.use,Ua.forEach(function(t){r[t]=o[t]}),a&&(r.options.components[a]=r),r.superOptions=o.options,r.extendOptions=t,r.sealedOptions=w({},r.options),n[i]=r,r}}function Ye(t){var e=t.options.props;for(var o in e)Jt(t.prototype,"_props",o)}function Ke(t){var e=t.options.computed;for(var o in e)oe(t.prototype,o,e[o])}function Je(t){Ua.forEach(function(e){t[e]=function(t,o){return o?("component"===e&&c(o)&&(o.name=o.name||t,o=this.options._base.extend(o)),"directive"===e&&"function"==typeof o&&(o={bind:o,update:o}),this.options[e+"s"][t]=o,o):this.options[e+"s"][t]}})}function Xe(t){return t&&(t.Ctor.options.name||t.tag)}function Qe(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!d(t)&&t.test(e)}function Ze(t,e){var o=t.cache,i=t.keys,n=t._vnode;for(var a in o){var r=o[a];if(r){var s=Xe(r.componentOptions);s&&!e(s)&&to(o,a,i,n)}}}function to(t,e,o,i){var n=t[e];!n||i&&n.tag===i.tag||n.componentInstance.$destroy(),t[e]=null,h(o,e)}function eo(t){var e={};e.get=function(){return Ma},Object.defineProperty(t,"config",e),t.util={warn:er,extend:w,mergeOptions:X,defineReactive:N},t.set=R,t.delete=H,t.nextTick=ct,t.options=Object.create(null),Ua.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,jr),je(t),qe(t),Ge(t),Je(t)}function oo(t){for(var e=t.data,o=t,i=t;n(i.componentInstance);)i=i.componentInstance._vnode,i&&i.data&&(e=io(i.data,e));for(;n(o=o.parent);)o&&o.data&&(e=io(e,o.data));return no(e.staticClass,e.class)}function io(t,e){return{staticClass:ao(t.staticClass,e.staticClass),class:n(t.class)?[t.class,e.class]:e.class}}function no(t,e){return n(t)||n(e)?ao(t,ro(e)):""}function ao(t,e){return t?e?t+" "+e:t:e||""}function ro(t){return Array.isArray(t)?so(t):l(t)?lo(t):"string"==typeof t?t:""}function so(t){for(var e,o="",i=0,a=t.length;i-1?hs[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:hs[t]=/HTMLUnknownElement/.test(e.toString())}function vo(t){if("string"==typeof t){var e=document.querySelector(t);return e?e:document.createElement("div")}return t}function _o(t,e){var o=document.createElement(t);return"select"!==t?o:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&o.setAttribute("multiple","multiple"),o)}function po(t,e){return document.createElementNS(ds[t],e)}function ho(t){return document.createTextNode(t)}function fo(t){return document.createComment(t)}function mo(t,e,o){t.insertBefore(e,o)}function bo(t,e){t.removeChild(e)}function go(t,e){t.appendChild(e)}function yo(t){return t.parentNode}function wo(t){return t.nextSibling}function ko(t){return t.tagName}function Co(t,e){t.textContent=e}function xo(t,e){t.setAttribute(e,"")}function So(t,e){var o=t.data.ref;if(n(o)){var i=t.context,a=t.componentInstance||t.elm,r=i.$refs;e?Array.isArray(r[o])?h(r[o],a):r[o]===a&&(r[o]=void 0):t.data.refInFor?Array.isArray(r[o])?r[o].indexOf(a)<0&&r[o].push(a):r[o]=[a]:r[o]=a}}function To(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&n(t.data)===n(e.data)&&Eo(t,e)||a(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&i(e.asyncFactory.error))}function Eo(t,e){if("input"!==t.tag)return!0;var o,i=n(o=t.data)&&n(o=o.attrs)&&o.type,a=n(o=e.data)&&n(o=o.attrs)&&o.type;return i===a||fs(i)&&fs(a)}function Do(t,e,o){var i,a,r={};for(i=e;i<=o;++i)a=t[i].key,n(a)&&(r[a]=i);return r}function Ao(t){function e(t){return new ar(O.tagName(t).toLowerCase(),{},[],void 0,t)}function o(t,e){function o(){0===--o.listeners&&r(t)}return o.listeners=e,o}function r(t){var e=O.parentNode(t);n(e)&&O.removeChild(e,t)}function l(t,e,o,i,r,s,l){if(n(t.elm)&&n(s)&&(t=s[l]=I(t)),t.isRootInsert=!r,!c(t,e,o,i)){var d=t.data,u=t.children,p=t.tag;n(p)?(t.elm=t.ns?O.createElementNS(t.ns,p):O.createElement(p,t),m(t),_(t,u,e),n(d)&&f(t,e),v(o,t.elm,i)):a(t.isComment)?(t.elm=O.createComment(t.text),v(o,t.elm,i)):(t.elm=O.createTextNode(t.text),v(o,t.elm,i))}}function c(t,e,o,i){var r=t.data;if(n(r)){var s=n(t.componentInstance)&&r.keepAlive;if(n(r=r.hook)&&n(r=r.init)&&r(t,!1),n(t.componentInstance))return d(t,e),v(o,t.elm,i),a(s)&&u(t,e,o,i),!0}}function d(t,e){n(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,h(t)?(f(t,e),m(t)):(So(t),e.push(t))}function u(t,e,o,i){for(var a,r=t;r.componentInstance;)if(r=r.componentInstance._vnode,n(a=r.data)&&n(a=a.transition)){for(a=0;ap?(u=i(o[m+1])?null:o[m+1].elm,b(t,u,o,_,m,a)):_>m&&y(t,e,v,p)}function C(t,e,o,i){for(var a=o;a-1?Po(t,e,o):as(e)?cs(o)?t.removeAttribute(e):(o="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,o)):ns(e)?t.setAttribute(e,cs(o)||"false"===o?"false":"true"):ss(e)?cs(o)?t.removeAttributeNS(rs,ls(e)):t.setAttributeNS(rs,e,o):Po(t,e,o)}function Po(t,e,o){if(cs(o))t.removeAttribute(e);else{if(Va&&!Wa&&("TEXTAREA"===t.tagName||"INPUT"===t.tagName)&&"placeholder"===e&&!t.__ieph){var i=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",i)};t.addEventListener("input",i),t.__ieph=!0}t.setAttribute(e,o)}}function zo(t,e){var o=e.elm,a=e.data,r=t.data;if(!(i(a.staticClass)&&i(a.class)&&(i(r)||i(r.staticClass)&&i(r.class)))){var s=oo(e),l=o._transitionClasses;n(l)&&(s=ao(s,ro(l))),s!==o._prevClass&&(o.setAttribute("class",s),o._prevClass=s)}}function Fo(t){function e(){(r||(r=[])).push(t.slice(p,n).trim()),p=n+1}var o,i,n,a,r,s=!1,l=!1,c=!1,d=!1,u=0,v=0,_=0,p=0;for(n=0;n=0&&(f=t.charAt(h)," "===f);h--);f&&Ts.test(f)||(d=!0)}}else void 0===a?(p=n+1,a=t.slice(0,n).trim()):e();if(void 0===a?a=t.slice(0,n).trim():0!==p&&e(),r)for(n=0;n-1?{exp:t.slice(0,Kr),key:'"'+t.slice(Kr+1)+'"'}:{exp:t,key:null};for(Gr=t,Kr=Jr=Xr=0;!ti();)Yr=Zo(),ei(Yr)?ii(Yr):91===Yr&&oi(Yr);return{exp:t.slice(0,Jr),key:t.slice(Jr+1,Xr)}}function Zo(){return Gr.charCodeAt(++Kr)}function ti(){return Kr>=qr}function ei(t){return 34===t||39===t}function oi(t){var e=1;for(Jr=Kr;!ti();)if(t=Zo(),ei(t))ii(t);else if(91===t&&e++,93===t&&e--,0===e){Xr=Kr;break}}function ii(t){for(var e=t;!ti()&&(t=Zo(),t!==e););}function ni(t,e,o){Qr=o;var i=e.value,n=e.modifiers,a=t.tag,r=t.attrsMap.type;if(t.component)return Jo(t,i,n),!1;if("select"===a)si(t,i,n);else if("input"===a&&"checkbox"===r)ai(t,i,n);else if("input"===a&&"radio"===r)ri(t,i,n);else if("input"===a||"textarea"===a)li(t,i,n);else if(!Ma.isReservedTag(a))return Jo(t,i,n),!1;return!0}function ai(t,e,o){var i=o&&o.number,n=Yo(t,"value")||"null",a=Yo(t,"true-value")||"true",r=Yo(t,"false-value")||"false";Vo(t,"checked","Array.isArray("+e+")?_i("+e+","+n+")>-1"+("true"===a?":("+e+")":":_q("+e+","+a+")")),Go(t,"change","var $$a="+e+",$$el=$event.target,$$c=$$el.checked?("+a+"):("+r+");if(Array.isArray($$a)){var $$v="+(i?"_n("+n+")":n)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Xo(e,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Xo(e,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Xo(e,"$$c")+"}",null,!0)}function ri(t,e,o){var i=o&&o.number,n=Yo(t,"value")||"null";n=i?"_n("+n+")":n,Vo(t,"checked","_q("+e+","+n+")"),Go(t,"change",Xo(e,n),null,!0)}function si(t,e,o){var i=o&&o.number,n='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(i?"_n(val)":"val")+"})",a="$event.target.multiple ? $$selectedVal : $$selectedVal[0]",r="var $$selectedVal = "+n+";";r=r+" "+Xo(e,a),Go(t,"change",r,null,!0)}function li(t,e,o){var i=t.attrsMap.type,n=o||{},a=n.lazy,r=n.number,s=n.trim,l=!a&&"range"!==i,c=a?"change":"range"===i?Es:"input",d="$event.target.value";s&&(d="$event.target.value.trim()"),r&&(d="_n("+d+")");var u=Xo(e,d);l&&(u="if($event.target.composing)return;"+u),Vo(t,"value","("+e+")"),Go(t,c,u,null,!0),(s||r)&&Go(t,"blur","$forceUpdate()")}function ci(t){if(n(t[Es])){var e=Va?"change":"input";t[e]=[].concat(t[Es],t[e]||[]),delete t[Es]}n(t[Ds])&&(t.change=[].concat(t[Ds],t.change||[]),delete t[Ds])}function di(t,e,o){var i=Zr;return function n(){var a=e.apply(null,arguments);null!==a&&vi(t,n,o,i)}}function ui(t,e,o,i){e=lt(e),Zr.addEventListener(t,e,Ya?{capture:o,passive:i}:o)}function vi(t,e,o,i){(i||Zr).removeEventListener(t,e._withTask||e,o)}function _i(t,e){if(!i(t.data.on)||!i(e.data.on)){var o=e.data.on||{},n=t.data.on||{};Zr=e.elm,ci(o),_t(o,n,ui,vi,di,e.context),Zr=void 0}}function pi(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var o,a,r=e.elm,s=t.data.domProps||{},l=e.data.domProps||{};n(l.__ob__)&&(l=e.data.domProps=w({},l));for(o in s)i(l[o])&&(r[o]="");for(o in l){if(a=l[o],"textContent"===o||"innerHTML"===o){if(e.children&&(e.children.length=0),a===s[o])continue;1===r.childNodes.length&&r.removeChild(r.childNodes[0])}if("value"===o){r._value=a;var c=i(a)?"":String(a);hi(r,c)&&(r.value=c)}else r[o]=a}}}function hi(t,e){return!t.composing&&("OPTION"===t.tagName||fi(t,e)||mi(t,e))}function fi(t,e){var o=!0;try{o=document.activeElement!==t}catch(t){}return o&&t.value!==e}function mi(t,e){var o=t.value,i=t._vModifiers;if(n(i)){if(i.lazy)return!1;if(i.number)return _(o)!==_(e);if(i.trim)return o.trim()!==e.trim()}return o!==e}function bi(t){var e=gi(t.style);return t.staticStyle?w(t.staticStyle,e):e}function gi(t){return Array.isArray(t)?k(t):"string"==typeof t?Os(t):t}function yi(t,e){var o,i={};if(e)for(var n=t;n.componentInstance;)n=n.componentInstance._vnode,n&&n.data&&(o=bi(n.data))&&w(i,o);(o=bi(t.data))&&w(i,o);for(var a=t;a=a.parent;)a.data&&(o=bi(a.data))&&w(i,o);return i}function wi(t,e){var o=e.data,a=t.data;if(!(i(o.staticStyle)&&i(o.style)&&i(a.staticStyle)&&i(a.style))){var r,s,l=e.elm,c=a.staticStyle,d=a.normalizedStyle||a.style||{},u=c||d,v=gi(e.data.style)||{};e.data.normalizedStyle=n(v.__ob__)?w({},v):v;var _=yi(e,!0);for(s in u)i(_[s])&&Us(l,s,"");for(s in _)r=_[s],r!==u[s]&&Us(l,s,null==r?"":r)}}function ki(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(zs).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var o=" "+(t.getAttribute("class")||"")+" ";o.indexOf(" "+e+" ")<0&&t.setAttribute("class",(o+e).trim())}}function Ci(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(zs).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var o=" "+(t.getAttribute("class")||"")+" ",i=" "+e+" ";o.indexOf(i)>=0;)o=o.replace(i," ");o=o.trim(),o?t.setAttribute("class",o):t.removeAttribute("class")}}function xi(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&w(e,Fs(t.name||"v")),w(e,t),e}return"string"==typeof t?Fs(t):void 0}}function Si(t){Gs(function(){Gs(t)})}function Ti(t,e){var o=t._transitionClasses||(t._transitionClasses=[]);o.indexOf(e)<0&&(o.push(e),ki(t,e))}function Ei(t,e){t._transitionClasses&&h(t._transitionClasses,e),Ci(t,e)}function Di(t,e,o){var i=Ai(t,e),n=i.type,a=i.timeout,r=i.propCount;if(!n)return o();var s=n===Rs?Ws:qs,l=0,c=function(){t.removeEventListener(s,d),o()},d=function(e){e.target===t&&++l>=r&&c()};setTimeout(function(){l0&&(o=Rs,d=r,u=a.length):e===Hs?c>0&&(o=Hs,d=c,u=l.length):(d=Math.max(r,c),o=d>0?r>c?Rs:Hs:null,u=o?o===Rs?a.length:l.length:0);var v=o===Rs&&Ys.test(i[Vs+"Property"]);return{type:o,timeout:d,propCount:u,hasTransform:v}}function $i(t,e){for(;t.length1}function Mi(t,e){e.data.show!==!0&&Li(e)}function Pi(t,e,o){zi(t,e,o),(Va||ja)&&setTimeout(function(){zi(t,e,o)},0)}function zi(t,e,o){var i=e.value,n=t.multiple;if(!n||Array.isArray(i)){for(var a,r,s=0,l=t.options.length;s-1,r.selected!==a&&(r.selected=a);else if(S(Ni(r),i))return void(t.selectedIndex!==s&&(t.selectedIndex=s));n||(t.selectedIndex=-1)}}function Fi(t,e){return e.every(function(e){return!S(e,t)})}function Ni(t){return"_value"in t?t._value:t.value}function Ri(t){t.target.composing=!0}function Hi(t){t.target.composing&&(t.target.composing=!1,Vi(t.target,"input"))}function Vi(t,e){var o=document.createEvent("HTMLEvents");o.initEvent(e,!0,!0),t.dispatchEvent(o)}function Wi(t){return!t.componentInstance||t.data&&t.data.transition?t:Wi(t.componentInstance._vnode)}function ji(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ji(St(e.children)):t}function qi(t){var e={},o=t.$options;for(var i in o.propsData)e[i]=t[i];var n=o._parentListeners;for(var a in n)e[Ta(a)]=n[a];return e}function Gi(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function Yi(t){for(;t=t.parent;)if(t.data.transition)return!0}function Ki(t,e){return e.key===t.key&&e.tag===t.tag}function Ji(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Xi(t){t.data.newPos=t.elm.getBoundingClientRect()}function Qi(t){var e=t.data.pos,o=t.data.newPos,i=e.left-o.left,n=e.top-o.top;if(i||n){t.data.moved=!0;var a=t.elm.style;a.transform=a.WebkitTransform="translate("+i+"px,"+n+"px)",a.transitionDuration="0s"}}function Zi(t,e){var o=e?Cl(e):wl;if(o.test(t)){for(var i,n,a,r=[],s=[],l=o.lastIndex=0;i=o.exec(t);){n=i.index,n>l&&(s.push(a=t.slice(l,n)),r.push(JSON.stringify(a)));var c=Fo(i[1].trim());r.push("_s("+c+")"),s.push({"@binding":c}),l=n+i[0].length}return l=0&&l[n].lowerCasedTag!==a;n--);else n=0;if(n>=0){for(var r=l.length-1;r>=n;r--)e.end&&e.end(l[r].tag,o,i);l.length=n,s=n&&l[n-1].tag}else"br"===a?e.start&&e.start(t,[],!0,o,i):"p"===a&&(e.start&&e.start(t,[],!1,o,i),e.end&&e.end(t,o,i))}for(var r,s,l=[],c=e.expectHTML,d=e.isUnaryTag||Oa,u=e.canBeLeftOpenTag||Oa,v=0;t;){if(r=t,s&&Fl(s)){var _=0,p=s.toLowerCase(),h=Nl[p]||(Nl[p]=new RegExp("([\\s\\S]*?)(]*>)","i")),f=t.replace(h,function(t,o,i){return _=i.length,Fl(p)||"noscript"===p||(o=o.replace(//g,"$1").replace(//g,"$1")),jl(p,o)&&(o=o.slice(1)),e.chars&&e.chars(o),""});v+=t.length-f.length,t=f,a(p,v-_,v)}else{var m=t.indexOf("<");if(0===m){if(Pl.test(t)){var b=t.indexOf("-->");if(b>=0){e.shouldKeepComment&&e.comment(t.substring(4,b)),o(b+3);continue}}if(zl.test(t)){var g=t.indexOf("]>");if(g>=0){o(g+2);continue}}var y=t.match(Ml);if(y){o(y[0].length);continue}var w=t.match(Il);if(w){var k=v;o(w[0].length),a(w[1],k,v);continue}var C=i();if(C){n(C),jl(C.tagName,t)&&o(1);continue}}var x=void 0,S=void 0,T=void 0;if(m>=0){for(S=t.slice(m);!(Il.test(S)||Bl.test(S)||Pl.test(S)||zl.test(S)||(T=S.indexOf("<",1),T<0));)m+=T,S=t.slice(m);x=t.substring(0,m),o(m)}m<0&&(x=t,t=""),e.chars&&x&&e.chars(x)}if(t===r){e.chars&&e.chars(t);break}}a()}function sn(t,e,o){return{type:1,tag:t,attrsList:e,attrsMap:Tn(e),parent:o,children:[]}}function ln(t,e){function o(t){t.pre&&(s=!1),hl(t.tag)&&(l=!1);for(var o=0;o
',yl.innerHTML.indexOf("
")>0}function ga(t){if(t.outerHTML)return t.outerHTML;var e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}/*!
+!function(e){function t(i){if(o[i])return o[i].exports;var n=o[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,i){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=328)}([function(e,t){e.exports=function(e,t,o,i,n){var a,r=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(a=e,r=e.default);var l="function"==typeof r?r.options:r;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),i&&(l._scopeId=i);var c;if(n?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(n)},l._ssrRegister=c):o&&(c=o),c){var d=l.functional,v=d?l.render:l.beforeCreate;d?l.render=function(e,t){return c.call(t),v(e,t)}:l.beforeCreate=v?[].concat(v,c):[c]}return{esModule:a,exports:r,options:l}}},function(e,t,o){"use strict";function i(e){o(176)}var n=o(117),a=o(306),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(140)}var n=o(119),a=o(268),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(144)}var n=o(99),a=o(273),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(162)}var n=o(84),a=o(292),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(161)}var n=o(110),a=o(291),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(125)}var n=o(109),a=o(252),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e,t){for(;e.length1&&void 0!==arguments[1]?arguments[1]:f;return t.days.full[e.getDay()]}function a(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return t.days.initials[e.getDay()]}function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return t.days.abbreviated[e.getDay()]}function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return t.months.full[e.getMonth()]}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;return t.months.abbreviated[e.getMonth()]}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{pad:!0},o=e.getDate().toString();return t.pad?i(o):o}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f,o=t.days.abbreviated,i=t.months.full;return o[e.getDay()]+", "+i[e.getMonth()]+" "+e.getDate()+", "+e.getFullYear()}function v(e){return new Date(e.getTime())}function u(e,t){for(;e.getDay()!==t;)e.setDate(e.getDate()-1);return e}function _(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function p(e,t){return e.getTime()t.getTime()}var f={months:{full:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},days:{full:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],initials:["S","M","T","W","T","F","S"]}};t.a={defaultLang:f,getDayFull:n,getDayInitial:a,getDayAbbreviated:r,getMonthFull:s,getMonthAbbreviated:l,getDayOfMonth:c,humanize:d,clone:v,moveToDayOfWeek:u,isSameDay:_,isBefore:p,isAfter:h}},function(e,t,o){"use strict";function i(e){o(181)}var n=o(100),a=o(312),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(147)}var n=o(104),a=o(276),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){return"string"==typeof e?e.replace(u,"").split(_):e}function n(e){return c(e)?(e.getAttribute("class")||"").replace(u,"").split(_):[]}function a(e,t){c(e)&&e.setAttribute("class",i(t).join(" "))}function r(e,t){var o=s(e,t),n=i(t);return o.push.apply(o,n),a(e,o),o}function s(e,t){var o=n(e),r=i(t);return r.forEach(function(e){var t=o.indexOf(e);t!==-1&&o.splice(t,1)}),a(e,o),o}function l(e,t){var o=n(e),a=i(t);return a.every(function(e){return o.indexOf(e)!==-1})}function c(e){var t="object"===("undefined"==typeof HTMLElement?"undefined":v(HTMLElement));return t?e instanceof HTMLElement:d(e)}function d(e){return e&&"object"===("undefined"==typeof e?"undefined":v(e))&&"string"==typeof e.nodeName&&1===e.nodeType}var v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u=/^\s+|\s+$/g,_=/\s+/g;t.a={add:r,remove:s,contains:l,has:l,set:a,get:n}},function(e,t,o){"use strict";function i(e){return null!==e&&"object"===("undefined"==typeof e?"undefined":s(e))}function n(e,t){return e==t||!(!i(e)||!i(t))&&JSON.stringify(e)===JSON.stringify(t)}function a(e,t){for(var o=0;o2&&void 0!==arguments[2]?arguments[2]:0;return e.substr(o,t.length)===t}t.a=n,t.c=a,t.b=r;var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}},function(e,t,o){"use strict";function i(e){o(159)}var n=o(103),a=o(289),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(171)}var n=o(89),a=o(301),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(146)}var n=o(101),a=o(275),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(174)}var n=o(106),a=o(304),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(187)}var n=o(116),a=o(318),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(166)}var n=o(122),a=o(296),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t){var o;o=function(){return this}();try{o=o||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(o=window)}e.exports=o},function(e,t,o){"use strict";function i(e,t){var o=e instanceof Element||e&&e._isVue||"string"==typeof e;return!o&&t&&console.warn(t),o}function n(e,t){return e instanceof Element?e:e&&e._isVue?e.$el:"string"==typeof e?document.querySelector(e):t}t.a={validate:i,resolve:n}},function(e,t,o){"use strict";function i(e){o(165)}var n=o(98),a=o(295),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(152)}var n=o(111),a=o(282),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";var i=o(203),n=o(204),a=o(205),r=o(206),s=o(207),l=o(208),c=o(209),d=o(210),v=o(211),u=o(212),_=o(213),p=o(214),h=o(215),f=o(216),m=o(217),b=o(218),g=o(219),y=o(220),w=o(221),k=o(222),C=o(223),x=o(224),S=o(225),T=o(226),E=o(227),D=o(228),A=o(229),$=o(230),L=o(231),O=o(232);o.d(t,"b",function(){return U}),o.d(t,"a",function(){return B});var U=[{title:"Components",menu:[{path:"/ui-alert",component:i.a,title:"UiAlert",sourceUrl:"src/UiAlert.vue"},{path:"/ui-autocomplete",component:n.a,title:"UiAutocomplete",sourceUrl:"src/UiAutocomplete.vue"},{path:"/ui-button",component:a.a,title:"UiButton",sourceUrl:"src/UiButton.vue"},{path:"/ui-checkbox",component:s.a,title:"UiCheckbox",sourceUrl:"src/UiCheckbox.vue"},{path:"/ui-calendar",component:r.a,title:"UiCalendar",sourceUrl:"src/UiCalendar.vue"},{path:"/ui-checkbox-group",component:l.a,title:"UiCheckboxGroup",sourceUrl:"src/UiCheckboxGroup.vue"},{path:"/ui-collapsible",component:c.a,title:"UiCollapsible",sourceUrl:"src/UiCollapsible.vue"},{path:"/ui-confirm",component:d.a,title:"UiConfirm",sourceUrl:"src/UiConfirm.vue"},{path:"/ui-datepicker",component:v.a,title:"UiDatepicker",sourceUrl:"src/UiDatepicker.vue"},{path:"/ui-fab",component:u.a,title:"UiFab",sourceUrl:"src/UiFab.vue"},{path:"/ui-fileupload",component:_.a,title:"UiFileupload",sourceUrl:"src/UiFileupload.vue"},{path:"/ui-icon",component:p.a,title:"UiIcon",sourceUrl:"src/UiIcon.vue"},{path:"/ui-icon-button",component:h.a,title:"UiIconButton",sourceUrl:"src/UiIconButton.vue"},{path:"/ui-menu",component:f.a,title:"UiMenu",sourceUrl:"src/UiMenu.vue"},{path:"/ui-modal",component:m.a,title:"UiModal",sourceUrl:"src/UiModal.vue"},{path:"/ui-popover",component:b.a,title:"UiPopover",sourceUrl:"src/UiPopover.vue"},{path:"/ui-preloader",component:g.a,title:"UiPreloader",sourceUrl:"src/UiPreloader.vue"},{path:"/ui-progress-circular",component:y.a,title:"UiProgressCircular",sourceUrl:"src/UiProgressCircular.vue"},{path:"/ui-progress-linear",component:w.a,title:"UiProgressLinear",sourceUrl:"src/UiProgressLinear.vue"},{path:"/ui-radio",component:k.a,title:"UiRadio",sourceUrl:"src/UiRadio.vue"},{path:"/ui-radio-group",component:C.a,title:"UiRadioGroup",sourceUrl:"src/UiRadioGroup.vue"},{path:"/ui-ripple-ink",component:x.a,title:"UiRippleInk",sourceUrl:"src/UiRippleInk.vue"},{path:"/ui-select",component:S.a,title:"UiSelect",sourceUrl:"src/UiSelect.vue"},{path:"/ui-slider",component:T.a,title:"UiSlider",sourceUrl:"src/UiSlider.vue"},{path:"/ui-snackbar",component:E.a,title:"UiSnackbar",sourceUrl:"src/UiSnackbarContainer.vue"},{path:"/ui-switch",component:D.a,title:"UiSwitch",sourceUrl:"src/UiSwitch.vue"},{path:"/ui-tabs",component:A.a,title:"UiTabs",sourceUrl:"src/UiTabs.vue"},{path:"/ui-textbox",component:$.a,title:"UiTextbox",sourceUrl:"src/UiTextbox.vue"},{path:"/ui-toolbar",component:L.a,title:"UiToolbar",sourceUrl:"src/UiToolbar.vue"},{path:"/ui-tooltip",component:O.a,title:"UiTooltip",sourceUrl:"src/UiTooltip.vue"}]}],B=U.reduce(function(e,t){var o=t.menu.map(function(e){return{path:e.path,component:e.component,meta:{section:t.title,title:e.title,sourceUrl:e.sourceUrl}}});return e.concat(o)},[]);B.unshift({path:"/",redirect:"/ui-alert"}),B.push({path:"*",redirect:"/ui-alert"})},function(e,t,o){"use strict";t.a={inserted:function(e,t){var o=t.value;o&&e.focus()}}},function(e,t,o){"use strict";function i(e,t){if(e){t=t||e.parentElement;var o=e.offsetTop,i=t.scrollTop,n=o+e.offsetHeight,a=t.offsetHeight;return o>=i&&n<=a}}function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:null,marginTop:0};e&&(t.container=t.container||e.parentElement,i(e,t.container)||(t.container.scrollTop=e.offsetTop-t.marginTop))}function a(e){e&&(e.scrollTop=0)}t.a=n,t.b=a},function(e,t,o){"use strict";function i(e,t,o){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{passive:!0};return t.addEventListener(e,o,i),function(){t.removeEventListener(e,o,i)}}function n(e,t,o,n,a){return i(t,o,function(t){e?e!==t.key&&e!==t.keyCode||n(t):n(t)},a)}function a(e,t,o,i){return n(e,"keydown",t,o,i)}function r(e,t,o,i){return n(e,"keyup",t,o,i)}function s(e,t,o,i){return n(e,"keypress",t,o,i)}t.a={on:i,onKeydown:a,onKeyup:r,onKeypress:s}},function(e,t,o){"use strict";for(var i=[],n=0;n<256;n++)i[n]=(n<16?"0":"")+n.toString(16);var a=function(){var e=4294967295*Math.random()|0,t=4294967295*Math.random()|0,o=4294967295*Math.random()|0,n=4294967295*Math.random()|0;return i[255&e]+i[e>>8&255]+i[e>>16&255]+i[e>>24&255]+"-"+i[255&t]+i[t>>8&255]+"-"+i[t>>16&15|64]+i[t>>24&255]+"-"+i[63&o|128]+i[o>>8&255]+"-"+i[o>>16&255]+i[o>>24&255]+i[255&n]+i[n>>8&255]+i[n>>16&255]+i[n>>24&255]},r=function(e){e=e||"";var t=a();return e+t.split("-")[0]};t.a={generate:a,short:r}},function(e,t,o){"use strict";var i=o(25);t.a={beforeDestroy:function(){"function"==typeof this.destroyExternalClickListener&&this.removeExternalClickListener()},methods:{addExternalClickListener:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[this.$el],t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{passive:!0};e=Array.isArray(e)?e:[e],this.destroyExternalClickListener=i.a.on("click",document,function(i){for(var n=0;no)return!1;if(i===o)return e===t;e:for(var n=0,a=0;n=t||o<0||T&&i>=m}function d(){var e=k();return c(e)?v(e):void(g=setTimeout(d,l(e)))}function v(e){return g=void 0,E&&h?n(e):(h=f=void 0,b)}function u(){void 0!==g&&clearTimeout(g),x=0,h=C=f=g=void 0}function _(){return void 0===g?b:v(k())}function p(){var e=k(),o=c(e);if(h=arguments,f=this,C=e,o){if(void 0===g)return a(C);if(T)return g=setTimeout(d,t),n(C)}return void 0===g&&(g=setTimeout(d,t)),b}var h,f,m,b,g,C,x=0,S=!1,T=!1,E=!0;if("function"!=typeof e)throw new TypeError(s);return t=r(t)||0,i(o)&&(S=!!o.leading,T="maxWait"in o,m=T?y(r(o.maxWait)||0,t):m,E="trailing"in o?!!o.trailing:E),p.cancel=u,p.flush=_,p}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function n(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||n(e)&&g.call(e)==c}function r(e){if("number"==typeof e)return e;if(a(e))return l;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var o=u.test(e);return o||_.test(e)?p(e.slice(2),o?2:8):v.test(e)?l:+e}var s="Expected a function",l=NaN,c="[object Symbol]",d=/^\s+|\s+$/g,v=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,_=/^0o[0-7]+$/i,p=parseInt,h="object"==typeof t&&t&&t.Object===Object&&t,f="object"==typeof self&&self&&self.Object===Object&&self,m=h||f||Function("return this")(),b=Object.prototype,g=b.toString,y=Math.max,w=Math.min,k=function(){return m.Date.now()};e.exports=o}).call(t,o(18))},function(e,t,o){"use strict";/**!
+* tippy.js v4.2.1
+* (c) 2017-2019 atomiks
+* MIT License
+*/
+function i(){return i=Object.assign||function(e){for(var t=1;t-1}function f(e){return!(!e||!d(e,"isVirtual"))||e instanceof Element}function m(){return"innerHTML"}function b(e,t){return"function"==typeof e?e.apply(null,t):e}function g(e,t){e.filter(function(e){return"flip"===e.name})[0].enabled=t}function y(e){return!(e instanceof Element)||de.call(e,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!e.hasAttribute("disabled")}function w(){return document.createElement("div")}function k(e,t){e.forEach(function(e){e&&(e.style.transitionDuration="".concat(t,"ms"))})}function C(e,t){e.forEach(function(e){e&&e.setAttribute("data-state",t)})}function x(e,t){var o=i({},t,{content:b(t.content,[e])},t.ignoreAttributes?{}:s(e));return(o.arrow||ae)&&(o.animateFill=!1),o}function S(e,t){Object.keys(e).forEach(function(e){if(!d(t,e))throw new Error("[tippy]: `".concat(e,"` is not a valid option"))})}function T(e,t){e[m()]=t instanceof Element?t[m()]:t}function E(e,t){if(t.content instanceof Element)T(e,""),e.appendChild(t.content);else if("function"!=typeof t.content){var o=t.allowHTML?"innerHTML":"textContent";e[o]=t.content}}function D(e){return{tooltip:e.querySelector(be),backdrop:e.querySelector(ye),content:e.querySelector(ge),arrow:e.querySelector(we)||e.querySelector(ke)}}function A(e){e.setAttribute("data-inertia","")}function $(e){e.removeAttribute("data-inertia")}function L(e){var t=w();return"round"===e?(t.className="tippy-roundarrow",T(t,'=0&&(t=e.slice(i),e=e.slice(0,i));var n=e.indexOf("?");return n>=0&&(o=e.slice(n+1),e=e.slice(0,n)),{path:e,query:o,hash:t}}function w(e){return e.replace(/\/\//g,"/")}function k(e,t){for(var o,i=[],n=0,a=0,r="",s=t&&t.delimiter||"/";null!=(o=Ke.exec(e));){var l=o[0],c=o[1],d=o.index;if(r+=e.slice(a,d),a=d+l.length,c)r+=c[1];else{var v=e[a],u=o[2],_=o[3],p=o[4],h=o[5],f=o[6],m=o[7];r&&(i.push(r),r="");var b=null!=u&&null!=v&&v!==u,g="+"===f||"*"===f,y="?"===f||"*"===f,w=o[2]||s,k=p||h;i.push({name:_||n++,prefix:u||"",delimiter:w,optional:y,repeat:g,partial:b,asterisk:!!m,pattern:k?D(k):m?".*":"[^"+E(w)+"]+?"})}}return a-1&&(n.params[u]=o.params[u]);if(s)return n.path=M(s.path,n.params,'named route "'+a+'"'),r(s,n,i)}else if(n.path){n.params={};for(var _=0;_=e.length?o():e[n]?t(e[n],function(){i(n+1)}):i(n+1)};i(0)}function se(e){return function(t,o,i){var a=!1,r=0,s=null;le(e,function(e,t,o,l){if("function"==typeof e&&void 0===e.cid){a=!0,r++;var c,d=de(function(t){t.__esModule&&t.default&&(t=t.default),e.resolved="function"==typeof t?t:Ae.extend(t),o.components[l]=t,r--,r<=0&&i()}),v=de(function(e){var t="Failed to resolve async component "+l+": "+e;s||(s=n(e)?e:new Error(t),i(s))});try{c=e(d,v)}catch(e){v(e)}if(c)if("function"==typeof c.then)c.then(d,v);else{var u=c.component;u&&"function"==typeof u.then&&u.then(d,v)}}}),a||i()}}function le(e,t){return ce(e.map(function(e){return Object.keys(e.components).map(function(o){return t(e.components[o],e.instances[o],e,o)})}))}function ce(e){return Array.prototype.concat.apply([],e)}function de(e){var t=!1;return function(){for(var o=[],i=arguments.length;i--;)o[i]=arguments[i];if(!t)return t=!0,e.apply(this,o)}}function ve(e){if(!e)if(Re){var t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^https?:\/\/[^\/]+/,"")}else e="/";return"/"!==e.charAt(0)&&(e="/"+e),e.replace(/\/$/,"")}function ue(e,t){var o,i=Math.max(e.length,t.length);for(o=0;o=0?t.slice(0,o):t;window.location.replace(i+"#"+e)}function Ee(e,t){return e.push(t),function(){var o=e.indexOf(t);o>-1&&e.splice(o,1)}}function De(e,t,o){var i="hash"===o?"#"+t:t;return e?w(e+"/"+i):i}var Ae,$e={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,t){var o=t.props,i=t.children,n=t.parent,r=t.data;r.routerView=!0;for(var s=n.$createElement,l=o.name,c=n.$route,d=n._routerViewCache||(n._routerViewCache={}),v=0,u=!1;n&&n._routerRoot!==n;)n.$vnode&&n.$vnode.data.routerView&&v++,n._inactive&&(u=!0),n=n.$parent;if(r.routerViewDepth=v,u)return s(d[l],r,i);var _=c.matched[v];if(!_)return d[l]=null,s();var p=d[l]=_.components[l];return r.registerRouteInstance=function(e,t){var o=_.instances[l];(t&&o!==e||!t&&o===e)&&(_.instances[l]=t)},(r.hook||(r.hook={})).prepatch=function(e,t){_.instances[l]=t.componentInstance},r.props=a(c,_.props&&_.props[l]),s(p,r,i)}},Le=/[!'()*]/g,Oe=function(e){return"%"+e.charCodeAt(0).toString(16)},Ue=/%2C/g,Be=function(e){return encodeURIComponent(e).replace(Le,Oe).replace(Ue,",")},Ie=decodeURIComponent,Me=/\/?$/,ze=c(null,{path:"/"}),Fe=[String,Object],Pe=[String,Array],Ne={name:"router-link",props:{to:{type:Fe,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Pe,default:"click"}},render:function(e){var t=this,o=this.$router,i=this.$route,n=o.resolve(this.to,i,this.append),a=n.location,r=n.route,s=n.href,l={},d=o.options.linkActiveClass,v=o.options.linkExactActiveClass,_=null==d?"router-link-active":d,h=null==v?"router-link-exact-active":v,b=null==this.activeClass?_:this.activeClass,g=null==this.exactActiveClass?h:this.exactActiveClass,y=a.path?c(null,a,null,o):r;l[g]=u(i,y),l[b]=this.exact?l[g]:p(i,y);var w=function(e){f(e)&&(t.replace?o.replace(a):o.push(a))},k={click:f};Array.isArray(this.event)?this.event.forEach(function(e){k[e]=w}):k[this.event]=w;var C={class:l};if("a"===this.tag)C.on=k,C.attrs={href:s};else{var x=m(this.$slots.default);if(x){x.isStatic=!1;var S=Ae.util.extend,T=x.data=S({},x.data);T.on=k;var E=x.data.attrs=S({},x.data.attrs);E.href=s}else C.on=k}return e(this.tag,C,this.$slots.default)}},Re="undefined"!=typeof window,He=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)},Ve=I,We=k,je=C,qe=T,Ge=B,Ke=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Ve.parse=We,Ve.compile=je,Ve.tokensToFunction=qe,Ve.tokensToRegExp=Ge;var Ye=Object.create(null),Je=Object.create(null),Xe=Re&&function(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")===-1&&e.indexOf("Android 4.0")===-1||e.indexOf("Mobile Safari")===-1||e.indexOf("Chrome")!==-1||e.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),Qe=Re&&window.performance&&window.performance.now?window.performance:Date,Ze=te(),et=function(e,t){this.router=e,this.base=ve(t),this.current=ze,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};et.prototype.listen=function(e){this.cb=e},et.prototype.onReady=function(e,t){this.ready?e():(this.readyCbs.push(e),t&&this.readyErrorCbs.push(t))},et.prototype.onError=function(e){this.errorCbs.push(e)},et.prototype.transitionTo=function(e,t,o){var i=this,n=this.router.match(e,this.current);this.confirmTransition(n,function(){i.updateRoute(n),t&&t(n),i.ensureURL(),i.ready||(i.ready=!0,i.readyCbs.forEach(function(e){e(n)}))},function(e){o&&o(e),e&&!i.ready&&(i.ready=!0,i.readyErrorCbs.forEach(function(t){t(e)}))})},et.prototype.confirmTransition=function(e,t,o){var a=this,r=this.current,s=function(e){n(e)&&(a.errorCbs.length?a.errorCbs.forEach(function(t){t(e)}):(i(!1,"uncaught error during route navigation:"),console.error(e))),o&&o(e)};if(u(e,r)&&e.matched.length===r.matched.length)return this.ensureURL(),s();var l=ue(this.current.matched,e.matched),c=l.updated,d=l.deactivated,v=l.activated,_=[].concat(he(d),this.router.beforeHooks,fe(c),v.map(function(e){return e.beforeEnter}),se(v));this.pending=e;var p=function(t,o){if(a.pending!==e)return s();try{t(e,r,function(e){e===!1||n(e)?(a.ensureURL(!0),s(e)):"string"==typeof e||"object"==typeof e&&("string"==typeof e.path||"string"==typeof e.name)?(s(),"object"==typeof e&&e.replace?a.replace(e):a.push(e)):o(e)})}catch(e){s(e)}};re(_,p,function(){var o=[],i=function(){return a.current===e},n=be(v,o,i),r=n.concat(a.router.resolveHooks);re(r,p,function(){return a.pending!==e?s():(a.pending=null,t(e),void(a.router.app&&a.router.app.$nextTick(function(){o.forEach(function(e){e()})})))})})},et.prototype.updateRoute=function(e){var t=this.current;this.current=e,this.cb&&this.cb(e),this.router.afterHooks.forEach(function(o){o&&o(e,t)})};var tt=function(e){function t(t,o){var i=this;e.call(this,t,o);var n=t.options.scrollBehavior;n&&q(),window.addEventListener("popstate",function(e){var o=i.current;i.transitionTo(we(i.base),function(e){n&&G(t,e,o,!0)})})}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.go=function(e){window.history.go(e)},t.prototype.push=function(e,t,o){var i=this,n=this,a=n.current;this.transitionTo(e,function(e){ne(w(i.base+e.fullPath)),G(i.router,e,a,!1),t&&t(e)},o)},t.prototype.replace=function(e,t,o){var i=this,n=this,a=n.current;this.transitionTo(e,function(e){ae(w(i.base+e.fullPath)),G(i.router,e,a,!1),t&&t(e)},o)},t.prototype.ensureURL=function(e){if(we(this.base)!==this.current.fullPath){var t=w(this.base+this.current.fullPath);e?ne(t):ae(t)}},t.prototype.getCurrentLocation=function(){return we(this.base)},t}(et),ot=function(e){function t(t,o,i){e.call(this,t,o),i&&ke(this.base)||Ce()}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var e=this;window.addEventListener("hashchange",function(){Ce()&&e.transitionTo(xe(),function(e){Te(e.fullPath)})})},t.prototype.push=function(e,t,o){this.transitionTo(e,function(e){Se(e.fullPath),t&&t(e)},o)},t.prototype.replace=function(e,t,o){this.transitionTo(e,function(e){Te(e.fullPath),t&&t(e)},o)},t.prototype.go=function(e){window.history.go(e)},t.prototype.ensureURL=function(e){var t=this.current.fullPath;xe()!==t&&(e?Se(t):Te(t))},t.prototype.getCurrentLocation=function(){return xe()},t}(et),it=function(e){function t(t,o){e.call(this,t,o),this.stack=[],this.index=-1}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.push=function(e,t,o){var i=this;this.transitionTo(e,function(e){i.stack=i.stack.slice(0,i.index+1).concat(e),i.index++,t&&t(e)},o)},t.prototype.replace=function(e,t,o){var i=this;this.transitionTo(e,function(e){i.stack=i.stack.slice(0,i.index).concat(e),t&&t(e)},o)},t.prototype.go=function(e){var t=this,o=this.index+e;if(!(o<0||o>=this.stack.length)){var i=this.stack[o];this.confirmTransition(i,function(){t.index=o,t.updateRoute(i)})}},t.prototype.getCurrentLocation=function(){var e=this.stack[this.stack.length-1];return e?e.fullPath:"/"},t.prototype.ensureURL=function(){},t}(et),nt=function(e){void 0===e&&(e={}),this.app=null,this.apps=[],this.options=e,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=V(e.routes||[],this);var t=e.mode||"hash";switch(this.fallback="history"===t&&!Xe&&e.fallback!==!1,this.fallback&&(t="hash"),Re||(t="abstract"),this.mode=t,t){case"history":this.history=new tt(this,e.base);break;case"hash":this.history=new ot(this,e.base,this.fallback);break;case"abstract":this.history=new it(this,e.base)}},at={currentRoute:{}};nt.prototype.match=function(e,t,o){return this.matcher.match(e,t,o)},at.currentRoute.get=function(){return this.history&&this.history.current},nt.prototype.init=function(e){var t=this;if(this.apps.push(e),!this.app){this.app=e;var o=this.history;if(o instanceof tt)o.transitionTo(o.getCurrentLocation());else if(o instanceof ot){var i=function(){o.setupListeners()};o.transitionTo(o.getCurrentLocation(),i,i)}o.listen(function(e){t.apps.forEach(function(t){t._route=e})})}},nt.prototype.beforeEach=function(e){return Ee(this.beforeHooks,e)},nt.prototype.beforeResolve=function(e){return Ee(this.resolveHooks,e)},nt.prototype.afterEach=function(e){return Ee(this.afterHooks,e)},nt.prototype.onReady=function(e,t){this.history.onReady(e,t)},nt.prototype.onError=function(e){this.history.onError(e)},nt.prototype.push=function(e,t,o){this.history.push(e,t,o)},nt.prototype.replace=function(e,t,o){this.history.replace(e,t,o)},nt.prototype.go=function(e){this.history.go(e)},nt.prototype.back=function(){this.go(-1)},nt.prototype.forward=function(){this.go(1)},nt.prototype.getMatchedComponents=function(e){var t=e?e.matched?e:this.resolve(e).route:this.currentRoute;return t?[].concat.apply([],t.matched.map(function(e){return Object.keys(e.components).map(function(t){return e.components[t]})})):[]},nt.prototype.resolve=function(e,t,o){var i=R(e,t||this.history.current,o,this),n=this.match(i,t),a=n.redirectedFrom||n.fullPath,r=this.history.base,s=De(r,a,this.mode);return{location:i,route:n,href:s,normalizedTo:i,resolved:n}},nt.prototype.addRoutes=function(e){this.matcher.addRoutes(e),this.history.current!==ze&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(nt.prototype,at),nt.install=b,nt.version="2.7.0",Re&&window.Vue&&window.Vue.use(nt),t.a=nt},function(e,t,o){"use strict";(function(t,o){function i(e){return void 0===e||null===e}function n(e){return void 0!==e&&null!==e}function a(e){return e===!0}function r(e){return e===!1}function s(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function l(e){return null!==e&&"object"==typeof e}function c(e){return"[object Object]"===wa.call(e)}function d(e){return"[object RegExp]"===wa.call(e)}function v(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function u(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function _(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var o=Object.create(null),i=e.split(","),n=0;n-1)return e.splice(o,1)}}function f(e,t){return xa.call(e,t)}function m(e){var t=Object.create(null);return function(o){var i=t[o];return i||(t[o]=e(o))}}function b(e,t){function o(o){var i=arguments.length;return i?i>1?e.apply(t,arguments):e.call(t,o):e.call(t)}return o._length=e.length,o}function g(e,t){return e.bind(t)}function y(e,t){t=t||0;for(var o=e.length-t,i=new Array(o);o--;)i[o]=e[o+t];return i}function w(e,t){for(var o in t)e[o]=t[o];return e}function k(e){for(var t={},o=0;o-1)if(a&&!f(n,"default"))r=!1;else if(""===r||r===Aa(e)){var l=ie(String,n.type);(l<0||s0&&(r=ye(r,(t||"")+"_"+o),ge(r[0])&&ge(c)&&(d[l]=B(c.text+r[0].text),r.shift()),d.push.apply(d,r)):s(r)?ge(c)?d[l]=B(c.text+r):""!==r&&d.push(B(r)):ge(r)&&ge(c)?d[l]=B(c.text+r.text):(a(e._isVList)&&n(r.tag)&&i(r.key)&&n(t)&&(r.key="__vlist"+t+"_"+o+"__"),d.push(r)));return d}function we(e,t){return(e.__esModule||er&&"Module"===e[Symbol.toStringTag])&&(e=e.default),l(e)?t.extend(e):e}function ke(e,t,o,i,n){var a=sr();return a.asyncFactory=e,a.asyncMeta={data:t,context:o,children:i,tag:n},a}function Ce(e,t,o){if(a(e.error)&&n(e.errorComp))return e.errorComp;if(n(e.resolved))return e.resolved;if(a(e.loading)&&n(e.loadingComp))return e.loadingComp;if(!n(e.contexts)){var r=e.contexts=[o],s=!0,c=function(e){for(var t=0,o=r.length;t1?y(o):o;for(var i=y(arguments,1),n=0,a=o.length;nUr&&Dr[o].id>e.id;)o--;Dr.splice(o+1,0,e)}else Dr.push(e);Lr||(Lr=!0,ce(je))}}function Je(e,t,o){Mr.get=function(){return this[t][o]},Mr.set=function(e){this[t][o]=e},Object.defineProperty(e,o,Mr)}function Xe(e){e._watchers=[];var t=e.$options;t.props&&Qe(e,t.props),t.methods&&at(e,t.methods),t.data?Ze(e):P(e._data={},!0),t.computed&&tt(e,t.computed),t.watch&&t.watch!==Ga&&rt(e,t.watch)}function Qe(e,t){var o=e.$options.propsData||{},i=e._props={},n=e.$options._propKeys=[],a=!e.$parent;a||M(!1);var r=function(a){n.push(a);var r=Z(a,t,o,e);N(i,a,r),a in e||Je(e,"_props",a)};for(var s in t)r(s);M(!0)}function Ze(e){var t=e.$options.data;t=e._data="function"==typeof t?et(t,e):t||{},c(t)||(t={});for(var o=Object.keys(t),i=e.$options.props,n=(e.$options.methods,o.length);n--;){var a=o[n];i&&f(i,a)||D(a)||Je(e,"_data",a)}P(t,!0)}function et(e,t){O();try{return e.call(t,t)}catch(e){return ne(e,t,"data()"),{}}finally{U()}}function tt(e,t){var o=e._computedWatchers=Object.create(null),i=Qa();for(var n in t){var a=t[n],r="function"==typeof a?a:a.get;i||(o[n]=new Ir(e,r||C,C,zr)),n in e||ot(e,n,a)}}function ot(e,t,o){var i=!Qa();"function"==typeof o?(Mr.get=i?it(t):nt(o),Mr.set=C):(Mr.get=o.get?i&&o.cache!==!1?it(t):nt(o.get):C,Mr.set=o.set||C),Object.defineProperty(e,t,Mr)}function it(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),ir.target&&t.depend(),t.value}}function nt(e){return function(){return e.call(this,this)}}function at(e,t){e.$options.props;for(var o in t)e[o]="function"!=typeof t[o]?C:$a(t[o],e)}function rt(e,t){for(var o in t){var i=t[o];if(Array.isArray(i))for(var n=0;n=0||o.indexOf(e[n])<0)&&i.push(e[n]);return i}return e}function Wt(e){this._init(e)}function jt(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var o=y(arguments,1);return o.unshift(this),"function"==typeof e.install?e.install.apply(e,o):"function"==typeof e&&e.apply(null,o),t.push(e),this}}function qt(e){e.mixin=function(e){return this.options=X(this.options,e),this}}function Gt(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var o=this,i=o.cid,n=e._Ctor||(e._Ctor={});if(n[i])return n[i];var a=e.name||o.options.name,r=function(e){this._init(e)};return r.prototype=Object.create(o.prototype),r.prototype.constructor=r,r.cid=t++,r.options=X(o.options,e),r.super=o,r.options.props&&Kt(r),r.options.computed&&Yt(r),r.extend=o.extend,r.mixin=o.mixin,r.use=o.use,Ba.forEach(function(e){r[e]=o[e]}),a&&(r.options.components[a]=r),r.superOptions=o.options,r.extendOptions=e,r.sealedOptions=w({},r.options),n[i]=r,r}}function Kt(e){var t=e.options.props;for(var o in t)Je(e.prototype,"_props",o)}function Yt(e){var t=e.options.computed;for(var o in t)ot(e.prototype,o,t[o])}function Jt(e){Ba.forEach(function(t){e[t]=function(e,o){return o?("component"===t&&c(o)&&(o.name=o.name||e,o=this.options._base.extend(o)),"directive"===t&&"function"==typeof o&&(o={bind:o,update:o}),this.options[t+"s"][e]=o,o):this.options[t+"s"][e]}})}function Xt(e){return e&&(e.Ctor.options.name||e.tag)}function Qt(e,t){return Array.isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:!!d(e)&&e.test(t)}function Zt(e,t){var o=e.cache,i=e.keys,n=e._vnode;for(var a in o){var r=o[a];if(r){var s=Xt(r.componentOptions);s&&!t(s)&&eo(o,a,i,n)}}}function eo(e,t,o,i){var n=e[t];!n||i&&n.tag===i.tag||n.componentInstance.$destroy(),e[t]=null,h(o,t)}function to(e){var t={};t.get=function(){return Ma},Object.defineProperty(e,"config",t),e.util={warn:tr,extend:w,mergeOptions:X,defineReactive:N},e.set=R,e.delete=H,e.nextTick=ce,e.options=Object.create(null),Ba.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,w(e.options.components,jr),jt(e),qt(e),Gt(e),Jt(e)}function oo(e){for(var t=e.data,o=e,i=e;n(i.componentInstance);)i=i.componentInstance._vnode,i&&i.data&&(t=io(i.data,t));for(;n(o=o.parent);)o&&o.data&&(t=io(t,o.data));return no(t.staticClass,t.class)}function io(e,t){return{staticClass:ao(e.staticClass,t.staticClass),class:n(e.class)?[e.class,t.class]:t.class}}function no(e,t){return n(e)||n(t)?ao(e,ro(t)):""}function ao(e,t){return e?t?e+" "+t:e:t||""}function ro(e){return Array.isArray(e)?so(e):l(e)?lo(e):"string"==typeof e?e:""}function so(e){for(var t,o="",i=0,a=e.length;i-1?hs[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:hs[e]=/HTMLUnknownElement/.test(t.toString())}function uo(e){if("string"==typeof e){var t=document.querySelector(e);return t?t:document.createElement("div")}return e}function _o(e,t){var o=document.createElement(e);return"select"!==e?o:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&o.setAttribute("multiple","multiple"),o)}function po(e,t){return document.createElementNS(ds[e],t)}function ho(e){return document.createTextNode(e)}function fo(e){return document.createComment(e)}function mo(e,t,o){e.insertBefore(t,o)}function bo(e,t){e.removeChild(t)}function go(e,t){e.appendChild(t)}function yo(e){return e.parentNode}function wo(e){return e.nextSibling}function ko(e){return e.tagName}function Co(e,t){e.textContent=t}function xo(e,t){e.setAttribute(t,"")}function So(e,t){var o=e.data.ref;if(n(o)){var i=e.context,a=e.componentInstance||e.elm,r=i.$refs;t?Array.isArray(r[o])?h(r[o],a):r[o]===a&&(r[o]=void 0):e.data.refInFor?Array.isArray(r[o])?r[o].indexOf(a)<0&&r[o].push(a):r[o]=[a]:r[o]=a}}function To(e,t){return e.key===t.key&&(e.tag===t.tag&&e.isComment===t.isComment&&n(e.data)===n(t.data)&&Eo(e,t)||a(e.isAsyncPlaceholder)&&e.asyncFactory===t.asyncFactory&&i(t.asyncFactory.error))}function Eo(e,t){if("input"!==e.tag)return!0;var o,i=n(o=e.data)&&n(o=o.attrs)&&o.type,a=n(o=t.data)&&n(o=o.attrs)&&o.type;return i===a||fs(i)&&fs(a)}function Do(e,t,o){var i,a,r={};for(i=t;i<=o;++i)a=e[i].key,n(a)&&(r[a]=i);return r}function Ao(e){function t(e){return new ar(L.tagName(e).toLowerCase(),{},[],void 0,e)}function o(e,t){function o(){0===--o.listeners&&r(e)}return o.listeners=t,o}function r(e){var t=L.parentNode(e);n(t)&&L.removeChild(t,e)}function l(e,t,o,i,r,s,l){if(n(e.elm)&&n(s)&&(e=s[l]=I(e)),e.isRootInsert=!r,!c(e,t,o,i)){var d=e.data,v=e.children,p=e.tag;n(p)?(e.elm=e.ns?L.createElementNS(e.ns,p):L.createElement(p,e),m(e),_(e,v,t),n(d)&&f(e,t),u(o,e.elm,i)):a(e.isComment)?(e.elm=L.createComment(e.text),u(o,e.elm,i)):(e.elm=L.createTextNode(e.text),u(o,e.elm,i))}}function c(e,t,o,i){var r=e.data;if(n(r)){var s=n(e.componentInstance)&&r.keepAlive;if(n(r=r.hook)&&n(r=r.init)&&r(e,!1),n(e.componentInstance))return d(e,t),u(o,e.elm,i),a(s)&&v(e,t,o,i),!0}}function d(e,t){n(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,h(e)?(f(e,t),m(e)):(So(e),t.push(e))}function v(e,t,o,i){for(var a,r=e;r.componentInstance;)if(r=r.componentInstance._vnode,n(a=r.data)&&n(a=a.transition)){for(a=0;ap?(v=i(o[m+1])?null:o[m+1].elm,b(e,v,o,_,m,a)):_>m&&y(e,t,u,p)}function C(e,t,o,i){for(var a=o;a-1?zo(e,t,o):as(t)?cs(o)?e.removeAttribute(t):(o="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,o)):ns(t)?e.setAttribute(t,cs(o)||"false"===o?"false":"true"):ss(t)?cs(o)?e.removeAttributeNS(rs,ls(t)):e.setAttributeNS(rs,t,o):zo(e,t,o)}function zo(e,t,o){if(cs(o))e.removeAttribute(t);else{if(Va&&!Wa&&("TEXTAREA"===e.tagName||"INPUT"===e.tagName)&&"placeholder"===t&&!e.__ieph){var i=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",i)};e.addEventListener("input",i),e.__ieph=!0}e.setAttribute(t,o)}}function Fo(e,t){var o=t.elm,a=t.data,r=e.data;if(!(i(a.staticClass)&&i(a.class)&&(i(r)||i(r.staticClass)&&i(r.class)))){var s=oo(t),l=o._transitionClasses;n(l)&&(s=ao(s,ro(l))),s!==o._prevClass&&(o.setAttribute("class",s),o._prevClass=s)}}function Po(e){function t(){(r||(r=[])).push(e.slice(p,n).trim()),p=n+1}var o,i,n,a,r,s=!1,l=!1,c=!1,d=!1,v=0,u=0,_=0,p=0;for(n=0;n=0&&(f=e.charAt(h)," "===f);h--);f&&Ts.test(f)||(d=!0)}}else void 0===a?(p=n+1,a=e.slice(0,n).trim()):t();if(void 0===a?a=e.slice(0,n).trim():0!==p&&t(),r)for(n=0;n-1?{exp:e.slice(0,Yr),key:'"'+e.slice(Yr+1)+'"'}:{exp:e,key:null};for(Gr=e,Yr=Jr=Xr=0;!ei();)Kr=Zo(),ti(Kr)?ii(Kr):91===Kr&&oi(Kr);return{exp:e.slice(0,Jr),key:e.slice(Jr+1,Xr)}}function Zo(){return Gr.charCodeAt(++Yr)}function ei(){return Yr>=qr}function ti(e){return 34===e||39===e}function oi(e){var t=1;for(Jr=Yr;!ei();)if(e=Zo(),ti(e))ii(e);else if(91===e&&t++,93===e&&t--,0===t){Xr=Yr;break}}function ii(e){for(var t=e;!ei()&&(e=Zo(),e!==t););}function ni(e,t,o){Qr=o;var i=t.value,n=t.modifiers,a=e.tag,r=e.attrsMap.type;if(e.component)return Jo(e,i,n),!1;if("select"===a)si(e,i,n);else if("input"===a&&"checkbox"===r)ai(e,i,n);else if("input"===a&&"radio"===r)ri(e,i,n);else if("input"===a||"textarea"===a)li(e,i,n);else if(!Ma.isReservedTag(a))return Jo(e,i,n),!1;return!0}function ai(e,t,o){var i=o&&o.number,n=Ko(e,"value")||"null",a=Ko(e,"true-value")||"true",r=Ko(e,"false-value")||"false";Vo(e,"checked","Array.isArray("+t+")?_i("+t+","+n+")>-1"+("true"===a?":("+t+")":":_q("+t+","+a+")")),Go(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+a+"):("+r+");if(Array.isArray($$a)){var $$v="+(i?"_n("+n+")":n)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Xo(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Xo(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Xo(t,"$$c")+"}",null,!0)}function ri(e,t,o){var i=o&&o.number,n=Ko(e,"value")||"null";n=i?"_n("+n+")":n,Vo(e,"checked","_q("+t+","+n+")"),Go(e,"change",Xo(t,n),null,!0)}function si(e,t,o){var i=o&&o.number,n='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(i?"_n(val)":"val")+"})",a="$event.target.multiple ? $$selectedVal : $$selectedVal[0]",r="var $$selectedVal = "+n+";";r=r+" "+Xo(t,a),Go(e,"change",r,null,!0)}function li(e,t,o){var i=e.attrsMap.type,n=o||{},a=n.lazy,r=n.number,s=n.trim,l=!a&&"range"!==i,c=a?"change":"range"===i?Es:"input",d="$event.target.value";s&&(d="$event.target.value.trim()"),r&&(d="_n("+d+")");var v=Xo(t,d);l&&(v="if($event.target.composing)return;"+v),Vo(e,"value","("+t+")"),Go(e,c,v,null,!0),(s||r)&&Go(e,"blur","$forceUpdate()")}function ci(e){if(n(e[Es])){var t=Va?"change":"input";e[t]=[].concat(e[Es],e[t]||[]),delete e[Es]}n(e[Ds])&&(e.change=[].concat(e[Ds],e.change||[]),delete e[Ds])}function di(e,t,o){var i=Zr;return function n(){var a=t.apply(null,arguments);null!==a&&ui(e,n,o,i)}}function vi(e,t,o,i){t=le(t),Zr.addEventListener(e,t,Ka?{capture:o,passive:i}:o)}function ui(e,t,o,i){(i||Zr).removeEventListener(e,t._withTask||t,o)}function _i(e,t){if(!i(e.data.on)||!i(t.data.on)){var o=t.data.on||{},n=e.data.on||{};Zr=t.elm,ci(o),_e(o,n,vi,ui,di,t.context),Zr=void 0}}function pi(e,t){if(!i(e.data.domProps)||!i(t.data.domProps)){var o,a,r=t.elm,s=e.data.domProps||{},l=t.data.domProps||{};n(l.__ob__)&&(l=t.data.domProps=w({},l));for(o in s)i(l[o])&&(r[o]="");for(o in l){if(a=l[o],"textContent"===o||"innerHTML"===o){if(t.children&&(t.children.length=0),a===s[o])continue;1===r.childNodes.length&&r.removeChild(r.childNodes[0])}if("value"===o){r._value=a;var c=i(a)?"":String(a);hi(r,c)&&(r.value=c)}else r[o]=a}}}function hi(e,t){return!e.composing&&("OPTION"===e.tagName||fi(e,t)||mi(e,t))}function fi(e,t){var o=!0;try{o=document.activeElement!==e}catch(e){}return o&&e.value!==t}function mi(e,t){var o=e.value,i=e._vModifiers;if(n(i)){if(i.lazy)return!1;if(i.number)return _(o)!==_(t);if(i.trim)return o.trim()!==t.trim()}return o!==t}function bi(e){var t=gi(e.style);return e.staticStyle?w(e.staticStyle,t):t}function gi(e){return Array.isArray(e)?k(e):"string"==typeof e?Ls(e):e}function yi(e,t){var o,i={};if(t)for(var n=e;n.componentInstance;)n=n.componentInstance._vnode,n&&n.data&&(o=bi(n.data))&&w(i,o);(o=bi(e.data))&&w(i,o);for(var a=e;a=a.parent;)a.data&&(o=bi(a.data))&&w(i,o);return i}function wi(e,t){var o=t.data,a=e.data;if(!(i(o.staticStyle)&&i(o.style)&&i(a.staticStyle)&&i(a.style))){var r,s,l=t.elm,c=a.staticStyle,d=a.normalizedStyle||a.style||{},v=c||d,u=gi(t.data.style)||{};t.data.normalizedStyle=n(u.__ob__)?w({},u):u;var _=yi(t,!0);for(s in v)i(_[s])&&Bs(l,s,"");for(s in _)r=_[s],r!==v[s]&&Bs(l,s,null==r?"":r)}}function ki(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(Fs).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var o=" "+(e.getAttribute("class")||"")+" ";o.indexOf(" "+t+" ")<0&&e.setAttribute("class",(o+t).trim())}}function Ci(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(Fs).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var o=" "+(e.getAttribute("class")||"")+" ",i=" "+t+" ";o.indexOf(i)>=0;)o=o.replace(i," ");o=o.trim(),o?e.setAttribute("class",o):e.removeAttribute("class")}}function xi(e){if(e){if("object"==typeof e){var t={};return e.css!==!1&&w(t,Ps(e.name||"v")),w(t,e),t}return"string"==typeof e?Ps(e):void 0}}function Si(e){Gs(function(){Gs(e)})}function Ti(e,t){var o=e._transitionClasses||(e._transitionClasses=[]);o.indexOf(t)<0&&(o.push(t),ki(e,t))}function Ei(e,t){e._transitionClasses&&h(e._transitionClasses,t),Ci(e,t)}function Di(e,t,o){var i=Ai(e,t),n=i.type,a=i.timeout,r=i.propCount;if(!n)return o();var s=n===Rs?Ws:qs,l=0,c=function(){e.removeEventListener(s,d),o()},d=function(t){t.target===e&&++l>=r&&c()};setTimeout(function(){l0&&(o=Rs,d=r,v=a.length):t===Hs?c>0&&(o=Hs,d=c,v=l.length):(d=Math.max(r,c),o=d>0?r>c?Rs:Hs:null,v=o?o===Rs?a.length:l.length:0);var u=o===Rs&&Ks.test(i[Vs+"Property"]);return{type:o,timeout:d,propCount:v,hasTransform:u}}function $i(e,t){for(;e.length1}function Mi(e,t){t.data.show!==!0&&Oi(t)}function zi(e,t,o){Fi(e,t,o),(Va||ja)&&setTimeout(function(){Fi(e,t,o)},0)}function Fi(e,t,o){var i=t.value,n=e.multiple;if(!n||Array.isArray(i)){for(var a,r,s=0,l=e.options.length;s-1,r.selected!==a&&(r.selected=a);else if(S(Ni(r),i))return void(e.selectedIndex!==s&&(e.selectedIndex=s));n||(e.selectedIndex=-1)}}function Pi(e,t){return t.every(function(t){return!S(t,e)})}function Ni(e){return"_value"in e?e._value:e.value}function Ri(e){e.target.composing=!0}function Hi(e){e.target.composing&&(e.target.composing=!1,Vi(e.target,"input"))}function Vi(e,t){var o=document.createEvent("HTMLEvents");o.initEvent(t,!0,!0),e.dispatchEvent(o)}function Wi(e){return!e.componentInstance||e.data&&e.data.transition?e:Wi(e.componentInstance._vnode)}function ji(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?ji(Se(t.children)):e}function qi(e){var t={},o=e.$options;for(var i in o.propsData)t[i]=e[i];var n=o._parentListeners;for(var a in n)t[Ta(a)]=n[a];return t}function Gi(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}function Ki(e){for(;e=e.parent;)if(e.data.transition)return!0}function Yi(e,t){return t.key===e.key&&t.tag===e.tag}function Ji(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function Xi(e){e.data.newPos=e.elm.getBoundingClientRect()}function Qi(e){var t=e.data.pos,o=e.data.newPos,i=t.left-o.left,n=t.top-o.top;if(i||n){e.data.moved=!0;var a=e.elm.style;a.transform=a.WebkitTransform="translate("+i+"px,"+n+"px)",a.transitionDuration="0s"}}function Zi(e,t){var o=t?Cl(t):wl;if(o.test(e)){for(var i,n,a,r=[],s=[],l=o.lastIndex=0;i=o.exec(e);){n=i.index,n>l&&(s.push(a=e.slice(l,n)),r.push(JSON.stringify(a)));var c=Po(i[1].trim());r.push("_s("+c+")"),s.push({"@binding":c}),l=n+i[0].length}return l=0&&l[n].lowerCasedTag!==a;n--);else n=0;if(n>=0){for(var r=l.length-1;r>=n;r--)t.end&&t.end(l[r].tag,o,i);l.length=n,s=n&&l[n-1].tag}else"br"===a?t.start&&t.start(e,[],!0,o,i):"p"===a&&(t.start&&t.start(e,[],!1,o,i),t.end&&t.end(e,o,i))}for(var r,s,l=[],c=t.expectHTML,d=t.isUnaryTag||La,v=t.canBeLeftOpenTag||La,u=0;e;){if(r=e,s&&Pl(s)){var _=0,p=s.toLowerCase(),h=Nl[p]||(Nl[p]=new RegExp("([\\s\\S]*?)(]*>)","i")),f=e.replace(h,function(e,o,i){return _=i.length,Pl(p)||"noscript"===p||(o=o.replace(//g,"$1").replace(//g,"$1")),jl(p,o)&&(o=o.slice(1)),t.chars&&t.chars(o),""});u+=e.length-f.length,e=f,a(p,u-_,u)}else{var m=e.indexOf("<");if(0===m){if(zl.test(e)){var b=e.indexOf("-->");if(b>=0){t.shouldKeepComment&&t.comment(e.substring(4,b)),o(b+3);continue}}if(Fl.test(e)){var g=e.indexOf("]>");if(g>=0){o(g+2);continue}}var y=e.match(Ml);if(y){o(y[0].length);continue}var w=e.match(Il);if(w){var k=u;o(w[0].length),a(w[1],k,u);continue}var C=i();if(C){n(C),jl(C.tagName,e)&&o(1);continue}}var x=void 0,S=void 0,T=void 0;if(m>=0){for(S=e.slice(m);!(Il.test(S)||Ul.test(S)||zl.test(S)||Fl.test(S)||(T=S.indexOf("<",1),T<0));)m+=T,S=e.slice(m);x=e.substring(0,m),o(m)}m<0&&(x=e,e=""),t.chars&&x&&t.chars(x)}if(e===r){t.chars&&t.chars(e);break}}a()}function sn(e,t,o){return{type:1,tag:e,attrsList:t,attrsMap:Tn(t),parent:o,children:[]}}function ln(e,t){function o(e){e.pre&&(s=!1),hl(e.tag)&&(l=!1);for(var o=0;o
',yl.innerHTML.indexOf("
")>0}function ga(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}/*!
* Vue.js v2.5.21
* (c) 2014-2018 Evan You
* Released under the MIT License.
*/
-var ya=Object.freeze({}),wa=Object.prototype.toString,ka=p("slot,component",!0),Ca=p("key,ref,slot,slot-scope,is"),xa=Object.prototype.hasOwnProperty,Sa=/-(\w)/g,Ta=m(function(t){return t.replace(Sa,function(t,e){return e?e.toUpperCase():""})}),Ea=m(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Da=/\B([A-Z])/g,Aa=m(function(t){return t.replace(Da,"-$1").toLowerCase()}),$a=Function.prototype.bind?g:b,Oa=function(t,e,o){return!1},La=function(t){return t},Ba="data-server-rendered",Ua=["component","directive","filter"],Ia=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Ma={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Oa,isReservedAttr:Oa,isUnknownElement:Oa,getTagNamespace:C,parsePlatformTagName:La,mustUseProp:Oa,async:!0,_lifecycleHooks:Ia},Pa=/[^\w.$]/,za="__proto__"in{},Fa="undefined"!=typeof window,Na="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Ra=Na&&WXEnvironment.platform.toLowerCase(),Ha=Fa&&window.navigator.userAgent.toLowerCase(),Va=Ha&&/msie|trident/.test(Ha),Wa=Ha&&Ha.indexOf("msie 9.0")>0,ja=Ha&&Ha.indexOf("edge/")>0,qa=(Ha&&Ha.indexOf("android")>0||"android"===Ra,Ha&&/iphone|ipad|ipod|ios/.test(Ha)||"ios"===Ra),Ga=(Ha&&/chrome\/\d+/.test(Ha)&&!ja,{}.watch),Ya=!1;if(Fa)try{var Ka={};Object.defineProperty(Ka,"passive",{get:function(){Ya=!0}}),window.addEventListener("test-passive",null,Ka)}catch(t){}var Ja,Xa,Qa=function(){return void 0===Ja&&(Ja=!Fa&&!Na&&"undefined"!=typeof e&&(e.process&&"server"===e.process.env.VUE_ENV)),Ja},Za=Fa&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,tr="undefined"!=typeof Symbol&&O(Symbol)&&"undefined"!=typeof Reflect&&O(Reflect.ownKeys);Xa="undefined"!=typeof Set&&O(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return this.set[t]===!0},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var er=C,or=0,ir=function(){this.id=or++,this.subs=[]};ir.prototype.addSub=function(t){this.subs.push(t)},ir.prototype.removeSub=function(t){h(this.subs,t)},ir.prototype.depend=function(){ir.target&&ir.target.addDep(this)},ir.prototype.notify=function(){for(var t=this.subs.slice(),e=0,o=t.length;eparseInt(this.max)&&to(l,c[0],c,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},jr={KeepAlive:Wr};eo(We),Object.defineProperty(We.prototype,"$isServer",{get:Qa}),Object.defineProperty(We.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(We,"FunctionalRenderContext",{value:xe}),We.version="2.5.21";var qr,Gr,Yr,Kr,Jr,Xr,Qr,Zr,ts,es=p("style,class"),os=p("input,textarea,option,select,progress"),is=function(t,e,o){return"value"===o&&os(t)&&"button"!==e||"selected"===o&&"option"===t||"checked"===o&&"input"===t||"muted"===o&&"video"===t},ns=p("contenteditable,draggable,spellcheck"),as=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),rs="http://www.w3.org/1999/xlink",ss=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},ls=function(t){return ss(t)?t.slice(6,t.length):""},cs=function(t){return null==t||t===!1},ds={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},us=p("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),vs=p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),_s=function(t){return"pre"===t},ps=function(t){return us(t)||vs(t)},hs=Object.create(null),fs=p("text,number,password,search,email,tel,url"),ms=Object.freeze({createElement:_o,createElementNS:po,createTextNode:ho,createComment:fo,insertBefore:mo,removeChild:bo,appendChild:go,parentNode:yo,nextSibling:wo,tagName:ko,setTextContent:Co,setStyleScope:xo}),bs={create:function(t,e){So(e)},update:function(t,e){t.data.ref!==e.data.ref&&(So(t,!0),So(e))},destroy:function(t){So(t,!0)}},gs=new ar("",{},[]),ys=["create","activate","update","remove","destroy"],ws={create:$o,update:$o,destroy:function(t){$o(t,gs)}},ks=Object.create(null),Cs=[bs,ws],xs={create:Io,update:Io},Ss={create:zo,update:zo},Ts=/[\w).+\-_$\]]/,Es="__r",Ds="__c",As={create:_i,update:_i},$s={create:pi,update:pi},Os=m(function(t){var e={},o=/;(?![^(]*\))/g,i=/:(.+)/;return t.split(o).forEach(function(t){if(t){var o=t.split(i);o.length>1&&(e[o[0].trim()]=o[1].trim())}}),e}),Ls=/^--/,Bs=/\s*!important$/,Us=function(t,e,o){if(Ls.test(e))t.style.setProperty(e,o);else if(Bs.test(o))t.style.setProperty(e,o.replace(Bs,""),"important");else{var i=Ms(e);if(Array.isArray(o))for(var n=0,a=o.length;n\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Ol="[a-zA-Z_][\\w\\-\\.]*",Ll="((?:"+Ol+"\\:)?"+Ol+")",Bl=new RegExp("^<"+Ll),Ul=/^\s*(\/?)>/,Il=new RegExp("^<\\/"+Ll+"[^>]*>"),Ml=/^]+>/i,Pl=/^",""":'"',"&":"&","
":"\n"," ":"\t"},Hl=/&(?:lt|gt|quot|amp);/g,Vl=/&(?:lt|gt|quot|amp|#10|#9);/g,Wl=p("pre,textarea",!0),jl=function(t,e){return t&&Wl(t)&&"\n"===e[0]},ql=/^@|^v-on:/,Gl=/^v-|^@|^:/,Yl=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Kl=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Jl=/^\(|\)$/g,Xl=/:(.*)$/,Ql=/^:|^v-bind:/,Zl=/\.[^.]+/g,tc=m(Tl.decode),ec=/^xmlns:NS\d+/,oc=/^NS\d+:/,ic={preTransformNode:$n},nc=[xl,Sl,ic],ac={model:ni,text:Ln,html:Bn},rc={expectHTML:!0,modules:nc,directives:ac,isPreTag:_s,isUnaryTag:El,mustUseProp:is,canBeLeftOpenTag:Dl,isReservedTag:ps,getTagNamespace:co,staticKeys:x(nc)},sc=m(In),lc=/^([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/,cc=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,dc={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},uc={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},vc=function(t){return"if("+t+")return null;"},_c={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:vc("$event.target !== $event.currentTarget"),ctrl:vc("!$event.ctrlKey"),shift:vc("!$event.shiftKey"),alt:vc("!$event.altKey"),meta:vc("!$event.metaKey"),left:vc("'button' in $event && $event.button !== 0"),middle:vc("'button' in $event && $event.button !== 1"),right:vc("'button' in $event && $event.button !== 2")},pc={on:Wn,bind:jn,cloak:C},hc=function(t){this.options=t,this.warn=t.warn||Ro,this.transforms=Ho(t.modules,"transformCode"),this.dataGenFns=Ho(t.modules,"genData"),this.directives=w(w({},pc),t.directives);var e=t.isReservedTag||Oa;this.maybeComponent=function(t){return!(e(t.tag)&&!t.component)},this.onceId=0,this.staticRenderFns=[],this.pre=!1},fc=(new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b"),new RegExp("\\b"+"delete,typeof,void".split(",").join("\\s*\\([^\\)]*\\)|\\b")+"\\s*\\([^\\)]*\\)"),ma(function(t,e){var o=ln(t.trim(),e);e.optimize!==!1&&Un(o,e);var i=qn(o,e);return{ast:o,render:i.render,staticRenderFns:i.staticRenderFns}})),mc=fc(rc),bc=(mc.compile,mc.compileToFunctions),gc=!!Fa&&ba(!1),yc=!!Fa&&ba(!0),wc=m(function(t){var e=vo(t);return e&&e.innerHTML}),kc=We.prototype.$mount;We.prototype.$mount=function(t,e){if(t=t&&vo(t),t===document.body||t===document.documentElement)return this;var o=this.$options;if(!o.render){var i=o.template;if(i)if("string"==typeof i)"#"===i.charAt(0)&&(i=wc(i));else{if(!i.nodeType)return this;i=i.innerHTML}else t&&(i=ga(t));if(i){var n=bc(i,{shouldDecodeNewlines:gc,shouldDecodeNewlinesForHref:yc,delimiters:o.delimiters,comments:o.comments},this),a=n.render,r=n.staticRenderFns;o.render=a,o.staticRenderFns=r}}return kc.call(this,t,e)},We.compile=bc,t.exports=We}).call(e,o(17),o(192).setImmediate)},function(t,e,o){var i,n,a;/*!
+var ya=Object.freeze({}),wa=Object.prototype.toString,ka=p("slot,component",!0),Ca=p("key,ref,slot,slot-scope,is"),xa=Object.prototype.hasOwnProperty,Sa=/-(\w)/g,Ta=m(function(e){return e.replace(Sa,function(e,t){return t?t.toUpperCase():""})}),Ea=m(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),Da=/\B([A-Z])/g,Aa=m(function(e){return e.replace(Da,"-$1").toLowerCase()}),$a=Function.prototype.bind?g:b,La=function(e,t,o){return!1},Oa=function(e){return e},Ua="data-server-rendered",Ba=["component","directive","filter"],Ia=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Ma={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:La,isReservedAttr:La,isUnknownElement:La,getTagNamespace:C,parsePlatformTagName:Oa,mustUseProp:La,async:!0,_lifecycleHooks:Ia},za=/[^\w.$]/,Fa="__proto__"in{},Pa="undefined"!=typeof window,Na="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Ra=Na&&WXEnvironment.platform.toLowerCase(),Ha=Pa&&window.navigator.userAgent.toLowerCase(),Va=Ha&&/msie|trident/.test(Ha),Wa=Ha&&Ha.indexOf("msie 9.0")>0,ja=Ha&&Ha.indexOf("edge/")>0,qa=(Ha&&Ha.indexOf("android")>0||"android"===Ra,Ha&&/iphone|ipad|ipod|ios/.test(Ha)||"ios"===Ra),Ga=(Ha&&/chrome\/\d+/.test(Ha)&&!ja,{}.watch),Ka=!1;if(Pa)try{var Ya={};Object.defineProperty(Ya,"passive",{get:function(){Ka=!0}}),window.addEventListener("test-passive",null,Ya)}catch(e){}var Ja,Xa,Qa=function(){return void 0===Ja&&(Ja=!Pa&&!Na&&"undefined"!=typeof t&&(t.process&&"server"===t.process.env.VUE_ENV)),Ja},Za=Pa&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,er="undefined"!=typeof Symbol&&L(Symbol)&&"undefined"!=typeof Reflect&&L(Reflect.ownKeys);Xa="undefined"!=typeof Set&&L(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return this.set[e]===!0},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var tr=C,or=0,ir=function(){this.id=or++,this.subs=[]};ir.prototype.addSub=function(e){this.subs.push(e)},ir.prototype.removeSub=function(e){h(this.subs,e)},ir.prototype.depend=function(){ir.target&&ir.target.addDep(this)},ir.prototype.notify=function(){for(var e=this.subs.slice(),t=0,o=e.length;tparseInt(this.max)&&eo(l,c[0],c,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}},jr={KeepAlive:Wr};to(Wt),Object.defineProperty(Wt.prototype,"$isServer",{get:Qa}),Object.defineProperty(Wt.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Wt,"FunctionalRenderContext",{value:xt}),Wt.version="2.5.21";var qr,Gr,Kr,Yr,Jr,Xr,Qr,Zr,es,ts=p("style,class"),os=p("input,textarea,option,select,progress"),is=function(e,t,o){return"value"===o&&os(e)&&"button"!==t||"selected"===o&&"option"===e||"checked"===o&&"input"===e||"muted"===o&&"video"===e},ns=p("contenteditable,draggable,spellcheck"),as=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),rs="http://www.w3.org/1999/xlink",ss=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},ls=function(e){return ss(e)?e.slice(6,e.length):""},cs=function(e){return null==e||e===!1},ds={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},vs=p("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),us=p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),_s=function(e){return"pre"===e},ps=function(e){return vs(e)||us(e)},hs=Object.create(null),fs=p("text,number,password,search,email,tel,url"),ms=Object.freeze({createElement:_o,createElementNS:po,createTextNode:ho,createComment:fo,insertBefore:mo,removeChild:bo,appendChild:go,parentNode:yo,nextSibling:wo,tagName:ko,setTextContent:Co,setStyleScope:xo}),bs={create:function(e,t){So(t)},update:function(e,t){e.data.ref!==t.data.ref&&(So(e,!0),So(t))},destroy:function(e){So(e,!0)}},gs=new ar("",{},[]),ys=["create","activate","update","remove","destroy"],ws={create:$o,update:$o,destroy:function(e){$o(e,gs)}},ks=Object.create(null),Cs=[bs,ws],xs={create:Io,update:Io},Ss={create:Fo,update:Fo},Ts=/[\w).+\-_$\]]/,Es="__r",Ds="__c",As={create:_i,update:_i},$s={create:pi,update:pi},Ls=m(function(e){var t={},o=/;(?![^(]*\))/g,i=/:(.+)/;return e.split(o).forEach(function(e){if(e){var o=e.split(i);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}),Os=/^--/,Us=/\s*!important$/,Bs=function(e,t,o){if(Os.test(t))e.style.setProperty(t,o);else if(Us.test(o))e.style.setProperty(t,o.replace(Us,""),"important");else{var i=Ms(t);if(Array.isArray(o))for(var n=0,a=o.length;n\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Ll="[a-zA-Z_][\\w\\-\\.]*",Ol="((?:"+Ll+"\\:)?"+Ll+")",Ul=new RegExp("^<"+Ol),Bl=/^\s*(\/?)>/,Il=new RegExp("^<\\/"+Ol+"[^>]*>"),Ml=/^]+>/i,zl=/^",""":'"',"&":"&","
":"\n"," ":"\t"},Hl=/&(?:lt|gt|quot|amp);/g,Vl=/&(?:lt|gt|quot|amp|#10|#9);/g,Wl=p("pre,textarea",!0),jl=function(e,t){return e&&Wl(e)&&"\n"===t[0]},ql=/^@|^v-on:/,Gl=/^v-|^@|^:/,Kl=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Yl=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Jl=/^\(|\)$/g,Xl=/:(.*)$/,Ql=/^:|^v-bind:/,Zl=/\.[^.]+/g,ec=m(Tl.decode),tc=/^xmlns:NS\d+/,oc=/^NS\d+:/,ic={preTransformNode:$n},nc=[xl,Sl,ic],ac={model:ni,text:On,html:Un},rc={expectHTML:!0,modules:nc,directives:ac,isPreTag:_s,isUnaryTag:El,mustUseProp:is,canBeLeftOpenTag:Dl,isReservedTag:ps,getTagNamespace:co,staticKeys:x(nc)},sc=m(In),lc=/^([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/,cc=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,dc={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},vc={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},uc=function(e){return"if("+e+")return null;"},_c={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:uc("$event.target !== $event.currentTarget"),ctrl:uc("!$event.ctrlKey"),shift:uc("!$event.shiftKey"),alt:uc("!$event.altKey"),meta:uc("!$event.metaKey"),left:uc("'button' in $event && $event.button !== 0"),middle:uc("'button' in $event && $event.button !== 1"),right:uc("'button' in $event && $event.button !== 2")},pc={on:Wn,bind:jn,cloak:C},hc=function(e){this.options=e,this.warn=e.warn||Ro,this.transforms=Ho(e.modules,"transformCode"),this.dataGenFns=Ho(e.modules,"genData"),this.directives=w(w({},pc),e.directives);var t=e.isReservedTag||La;this.maybeComponent=function(e){return!(t(e.tag)&&!e.component)},this.onceId=0,this.staticRenderFns=[],this.pre=!1},fc=(new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b"),new RegExp("\\b"+"delete,typeof,void".split(",").join("\\s*\\([^\\)]*\\)|\\b")+"\\s*\\([^\\)]*\\)"),ma(function(e,t){var o=ln(e.trim(),t);t.optimize!==!1&&Bn(o,t);var i=qn(o,t);return{ast:o,render:i.render,staticRenderFns:i.staticRenderFns}})),mc=fc(rc),bc=(mc.compile,mc.compileToFunctions),gc=!!Pa&&ba(!1),yc=!!Pa&&ba(!0),wc=m(function(e){var t=uo(e);return t&&t.innerHTML}),kc=Wt.prototype.$mount;Wt.prototype.$mount=function(e,t){if(e=e&&uo(e),e===document.body||e===document.documentElement)return this;var o=this.$options;if(!o.render){var i=o.template;if(i)if("string"==typeof i)"#"===i.charAt(0)&&(i=wc(i));else{if(!i.nodeType)return this;i=i.innerHTML}else e&&(i=ga(e));if(i){var n=bc(i,{shouldDecodeNewlines:gc,shouldDecodeNewlinesForHref:yc,delimiters:o.delimiters,comments:o.comments},this),a=n.render,r=n.staticRenderFns;o.render=a,o.staticRenderFns=r}}return kc.call(this,e,t)},Wt.compile=bc,e.exports=Wt}).call(t,o(18),o(200).setImmediate)},function(e,t,o){var i,n,a;/*!
Autosize 3.0.20
license: MIT
http://www.jacklmoore.com/autosize
*/
-!function(o,r){n=[e,t],i=r,a="function"==typeof i?i.apply(e,n):i,!(void 0!==a&&(t.exports=a))}(this,function(t,e){"use strict";function o(t){function e(){var e=window.getComputedStyle(t,null);"vertical"===e.resize?t.style.resize="none":"both"===e.resize&&(t.style.resize="horizontal"),l="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(l)&&(l=0),s()}function o(e){var o=t.style.width;t.style.width="0px",t.offsetWidth,t.style.width=o,t.style.overflowY=e}function i(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return e}function n(){var e=t.style.height,o=i(t),n=document.documentElement&&document.documentElement.scrollTop;t.style.height="auto";var a=t.scrollHeight+l;return 0===t.scrollHeight?void(t.style.height=e):(t.style.height=a+"px",c=t.clientWidth,o.forEach(function(t){t.node.scrollTop=t.scrollTop}),void(n&&(document.documentElement.scrollTop=n)))}function s(){n();var e=Math.round(parseFloat(t.style.height)),i=window.getComputedStyle(t,null),a=Math.round(parseFloat(i.height));if(a!==e?"visible"!==i.overflowY&&(o("visible"),n(),a=Math.round(parseFloat(window.getComputedStyle(t,null).height))):"hidden"!==i.overflowY&&(o("hidden"),n(),a=Math.round(parseFloat(window.getComputedStyle(t,null).height))),d!==a){d=a;var s=r("autosize:resized");try{t.dispatchEvent(s)}catch(t){}}}if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!a.has(t)){var l=null,c=t.clientWidth,d=null,u=function(){t.clientWidth!==c&&s()},v=function(e){window.removeEventListener("resize",u,!1),t.removeEventListener("input",s,!1),t.removeEventListener("keyup",s,!1),t.removeEventListener("autosize:destroy",v,!1),t.removeEventListener("autosize:update",s,!1),Object.keys(e).forEach(function(o){t.style[o]=e[o]}),a.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",v,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",s,!1),window.addEventListener("resize",u,!1),t.addEventListener("input",s,!1),t.addEventListener("autosize:update",s,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",a.set(t,{destroy:v,update:s}),e()}}function i(t){var e=a.get(t);e&&e.destroy()}function n(t){var e=a.get(t);e&&e.update()}var a="function"==typeof Map?new Map:function(){var t=[],e=[];return{has:function(e){return t.indexOf(e)>-1},get:function(o){return e[t.indexOf(o)]},set:function(o,i){t.indexOf(o)===-1&&(t.push(o),e.push(i))},delete:function(o){var i=t.indexOf(o);i>-1&&(t.splice(i,1),e.splice(i,1))}}}(),r=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(t){r=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}var s=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(s=function(t){return t},s.destroy=function(t){return t},s.update=function(t){return t}):(s=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return o(t,e)}),t},s.destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],i),t},s.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],n),t}),e.exports=s})},function(t,e,o){"use strict";o.d(e,"b",function(){return i}),o.d(e,"a",function(){return n}),o.d(e,"c",function(){return a}),o.d(e,"d",function(){return r});var i=["Red","Blue","Green","Yellow","Purple","Pink","Lavender","Orange","Peach","Lime"],n=[{label:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{label:"Blue",image:"https://placehold.it/64/0000ff/0000ff",value:"blue"},{label:"Green",image:"https://placehold.it/64/008000/008000",value:"green"},{label:"Yellow",image:"https://placehold.it/64/ffff00/ffff00",value:"yellow"},{label:"Purple",image:"https://placehold.it/64/800080/800080",value:"purple"},{label:"Pink",image:"https://placehold.it/64/ffc0cb/ffc0cb",value:"pink"},{label:"Lavender",image:"https://placehold.it/64/e6e6fa/e6e6fa",value:"lavender"},{label:"Orange",image:"https://placehold.it/64/ffa500/ffa500",value:"orange"},{label:"Peach",image:"https://placehold.it/64/ffdab9/ffdab9",value:"peach"},{label:"Lime",image:"https://placehold.it/64/00ff00/00ff00",value:"lime"}],a=[{label:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{label:"Ced",value:"ced",image:"https://placehold.it/64/CF302C/CF302C"},{label:"Cherry",value:"cherry",image:"https://placehold.it/64/9C0E04/9C0E04"},{label:"Rose",value:"rose",image:"https://placehold.it/64/E3242B/E3242B"},{label:"Jam",value:"jam",image:"https://placehold.it/64/5F100B/5F100B"},{label:"Merlot",value:"merlot",image:"https://placehold.it/64/541F1B/541F1B"},{label:"Garnet",value:"garnet",image:"https://placehold.it/64/600B04/600B04"},{label:"Crimson",value:"crimson",image:"https://placehold.it/64/B80F08/B80F08"},{label:"Ruby",value:"ruby",image:"https://placehold.it/64/900603/900603"},{label:"Scarlet",value:"scarlet",image:"https://placehold.it/64/910D09/910D09"},{label:"Wine",value:"wine",image:"https://placehold.it/64/4C0805/4C0805"},{label:"Brick",value:"brick",image:"https://placehold.it/64/7D2910/7D2910"},{label:"Apple",value:"apple",image:"https://placehold.it/64/A91B0D/A91B0D"},{label:"Mahogany",value:"mahogany",image:"https://placehold.it/64/400D0A/400D0A"},{label:"Blood",value:"blood",image:"https://placehold.it/64/710C04/710C04"},{label:"Sangria",value:"sangria",image:"https://placehold.it/64/641612/641612"},{label:"Berry",value:"berry",image:"https://placehold.it/64/7A1712/7A1712"},{label:"Currant",value:"currant",image:"https://placehold.it/64/670C07/670C07"},{label:"Blush",value:"blush",image:"https://placehold.it/64/BC544B/BC544B"},{label:"Candy",value:"candy",image:"https://placehold.it/64/D21404/D21404"},{label:"Lipstick",value:"lipstick",image:"https://placehold.it/64/9C1003/9C1003"}],r=[{label:"Blue",value:"blue",image:"https://placehold.it/64/0000ff/0000ff"},{label:"Slate",value:"slate",image:"https://placehold.it/64/747C87/747C87"},{label:"Sky",value:"sky",image:"https://placehold.it/64/62C5DA/62C5DA"},{label:"Navy",value:"navy",image:"https://placehold.it/64/0B1173/0B1173"},{label:"Indigo",value:"indigo",image:"https://placehold.it/64/281E5D/281E5D"},{label:"Cobalt",value:"cobalt",image:"https://placehold.it/64/1437BF/1437BF"},{label:"Teal",value:"teal",image:"https://placehold.it/64/48AAAD/48AAAD"},{label:"Ocean",value:"ocean",image:"https://placehold.it/64/016064/016064"},{label:"Peacock",value:"peacock",image:"https://placehold.it/64/022D34/022D34"},{label:"Azure",value:"azure",image:"https://placehold.it/64/1A1EA6/1A1EA6"},{label:"Cerulean",value:"cerulean",image:"https://placehold.it/64/0393BC/0393BC"},{label:"Lapis",value:"lapis",image:"https://placehold.it/64/2732C2/2732C2"},{label:"Spruce",value:"spruce",image:"https://placehold.it/64/2C3E4C/2C3E4C"},{label:"Stone",value:"stone",image:"https://placehold.it/64/59788D/59788D"},{label:"Aegean",value:"aegean",image:"https://placehold.it/64/1F456E/1F456E"},{label:"Berry",value:"berry",image:"https://placehold.it/64/27146D/27146D"},{label:"Denim",value:"denim",image:"https://placehold.it/64/151E3D/151E3D"},{label:"Admiral",value:"admiral",image:"https://placehold.it/64/061094/061094"},{label:"Sapphire",value:"sapphire",image:"https://placehold.it/64/52B2C0/52B2C0"},{label:"Artic",value:"artic",image:"https://placehold.it/64/82EDFD/82EDFD"}]},function(t,e,o){"use strict";e.a=[{name:"Aruba",code:"AW"},{name:"Afghanistan",code:"AF"},{name:"Angola",code:"AO"},{name:"Anguilla",code:"AI"},{name:"Ã…land Islands",code:"AX"},{name:"Albania",code:"AL"},{name:"Andorra",code:"AD"},{name:"United Arab Emirates",code:"AE"},{name:"Argentina",code:"AR"},{name:"Armenia",code:"AM"},{name:"American Samoa",code:"AS"},{name:"Antarctica",code:"AQ"},{name:"French Southern and Antarctic Lands",code:"TF"},{name:"Antigua and Barbuda",code:"AG"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Azerbaijan",code:"AZ"},{name:"Burundi",code:"BI"},{name:"Belgium",code:"BE"},{name:"Benin",code:"BJ"},{name:"Burkina Faso",code:"BF"},{name:"Bangladesh",code:"BD"},{name:"Bulgaria",code:"BG"},{name:"Bahrain",code:"BH"},{name:"Bahamas",code:"BS"},{name:"Bosnia and Herzegovina",code:"BA"},{name:"Saint Barthélemy",code:"BL"},{name:"Belarus",code:"BY"},{name:"Belize",code:"BZ"},{name:"Bermuda",code:"BM"},{name:"Bolivia",code:"BO"},{name:"Brazil",code:"BR"},{name:"Barbados",code:"BB"},{name:"Brunei",code:"BN"},{name:"Bhutan",code:"BT"},{name:"Bouvet Island",code:"BV"},{name:"Botswana",code:"BW"},{name:"Central African Republic",code:"CF"},{name:"Canada",code:"CA"},{name:"Cocos (Keeling) Islands",code:"CC"},{name:"Switzerland",code:"CH"},{name:"Chile",code:"CL"},{name:"China",code:"CN"},{name:"Ivory Coast",code:"CI"},{name:"Cameroon",code:"CM"},{name:"DR Congo",code:"CD"},{name:"Republic of the Congo",code:"CG"},{name:"Cook Islands",code:"CK"},{name:"Colombia",code:"CO"},{name:"Comoros",code:"KM"},{name:"Cape Verde",code:"CV"},{name:"Costa Rica",code:"CR"},{name:"Cuba",code:"CU"},{name:"Curaçao",code:"CW"},{name:"Christmas Island",code:"CX"},{name:"Cayman Islands",code:"KY"},{name:"Cyprus",code:"CY"},{name:"Czech Republic",code:"CZ"},{name:"Germany",code:"DE"},{name:"Djibouti",code:"DJ"},{name:"Dominica",code:"DM"},{name:"Denmark",code:"DK"},{name:"Dominican Republic",code:"DO"},{name:"Algeria",code:"DZ"},{name:"Ecuador",code:"EC"},{name:"Egypt",code:"EG"},{name:"Eritrea",code:"ER"},{name:"Western Sahara",code:"EH"},{name:"Spain",code:"ES"},{name:"Estonia",code:"EE"},{name:"Ethiopia",code:"ET"},{name:"Finland",code:"FI"},{name:"Fiji",code:"FJ"},{name:"Falkland Islands",code:"FK"},{name:"France",code:"FR"},{name:"Faroe Islands",code:"FO"},{name:"Micronesia",code:"FM"},{name:"Gabon",code:"GA"},{name:"United Kingdom",code:"GB"},{name:"Georgia",code:"GE"},{name:"Guernsey",code:"GG"},{name:"Ghana",code:"GH"},{name:"Gibraltar",code:"GI"},{name:"Guinea",code:"GN"},{name:"Guadeloupe",code:"GP"},{name:"Gambia",code:"GM"},{name:"Guinea-Bissau",code:"GW"},{name:"Equatorial Guinea",code:"GQ"},{name:"Greece",code:"GR"},{name:"Grenada",code:"GD"},{name:"Greenland",code:"GL"},{name:"Guatemala",code:"GT"},{name:"French Guiana",code:"GF"},{name:"Guam",code:"GU"},{name:"Guyana",code:"GY"},{name:"Hong Kong",code:"HK"},{name:"Heard Island and McDonald Islands",code:"HM"},{name:"Honduras",code:"HN"},{name:"Croatia",code:"HR"},{name:"Haiti",code:"HT"},{name:"Hungary",code:"HU"},{name:"Indonesia",code:"ID"},{name:"Isle of Man",code:"IM"},{name:"India",code:"IN"},{name:"British Indian Ocean Territory",code:"IO"},{name:"Ireland",code:"IE"},{name:"Iran",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Iceland",code:"IS"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Jamaica",code:"JM"},{name:"Jersey",code:"JE"},{name:"Jordan",code:"JO"},{name:"Japan",code:"JP"},{name:"Kazakhstan",code:"KZ"},{name:"Kenya",code:"KE"},{name:"Kyrgyzstan",code:"KG"},{name:"Cambodia",code:"KH"},{name:"Kiribati",code:"KI"},{name:"Saint Kitts and Nevis",code:"KN"},{name:"South Korea",code:"KR"},{name:"Kosovo",code:"XK"},{name:"Kuwait",code:"KW"},{name:"Laos",code:"LA"},{name:"Lebanon",code:"LB"},{name:"Liberia",code:"LR"},{name:"Libya",code:"LY"},{name:"Saint Lucia",code:"LC"},{name:"Liechtenstein",code:"LI"},{name:"Sri Lanka",code:"LK"},{name:"Lesotho",code:"LS"},{name:"Lithuania",code:"LT"},{name:"Luxembourg",code:"LU"},{name:"Latvia",code:"LV"},{name:"Macau",code:"MO"},{name:"Saint Martin",code:"MF"},{name:"Morocco",code:"MA"},{name:"Monaco",code:"MC"},{name:"Moldova",code:"MD"},{name:"Madagascar",code:"MG"},{name:"Maldives",code:"MV"},{name:"Mexico",code:"MX"},{name:"Marshall Islands",code:"MH"},{name:"Macedonia",code:"MK"},{name:"Mali",code:"ML"},{name:"Malta",code:"MT"},{name:"Myanmar",code:"MM"},{name:"Montenegro",code:"ME"},{name:"Mongolia",code:"MN"},{name:"Northern Mariana Islands",code:"MP"},{name:"Mozambique",code:"MZ"},{name:"Mauritania",code:"MR"},{name:"Montserrat",code:"MS"},{name:"Martinique",code:"MQ"},{name:"Mauritius",code:"MU"},{name:"Malawi",code:"MW"},{name:"Malaysia",code:"MY"},{name:"Mayotte",code:"YT"},{name:"Namibia",code:"NA"},{name:"New Caledonia",code:"NC"},{name:"Niger",code:"NE"},{name:"Norfolk Island",code:"NF"},{name:"Nigeria",code:"NG"},{name:"Nicaragua",code:"NI"},{name:"Niue",code:"NU"},{name:"Netherlands",code:"NL"},{name:"Norway",code:"NO"},{name:"Nepal",code:"NP"},{name:"Nauru",code:"NR"},{name:"New Zealand",code:"NZ"},{name:"Oman",code:"OM"},{name:"Pakistan",code:"PK"},{name:"Panama",code:"PA"},{name:"Pitcairn Islands",code:"PN"},{name:"Peru",code:"PE"},{name:"Philippines",code:"PH"},{name:"Palau",code:"PW"},{name:"Papua New Guinea",code:"PG"},{name:"Poland",code:"PL"},{name:"Puerto Rico",code:"PR"},{name:"North Korea",code:"KP"},{name:"Portugal",code:"PT"},{name:"Paraguay",code:"PY"},{name:"Palestine",code:"PS"},{name:"French Polynesia",code:"PF"},{name:"Qatar",code:"QA"},{name:"Réunion",code:"RE"},{name:"Romania",code:"RO"},{name:"Russia",code:"RU"},{name:"Rwanda",code:"RW"},{name:"Saudi Arabia",code:"SA"},{name:"Sudan",code:"SD"},{name:"Senegal",code:"SN"},{name:"Singapore",code:"SG"},{name:"South Georgia",code:"GS"},{name:"Svalbard and Jan Mayen",code:"SJ"},{name:"Solomon Islands",code:"SB"},{name:"Sierra Leone",code:"SL"},{name:"El Salvador",code:"SV"},{name:"San Marino",code:"SM"},{name:"Somalia",code:"SO"},{name:"Saint Pierre and Miquelon",code:"PM"},{name:"Serbia",code:"RS"},{name:"South Sudan",code:"SS"},{name:"São Tomé and PrÃncipe",code:"ST"},{name:"Suriname",code:"SR"},{name:"Slovakia",code:"SK"},{name:"Slovenia",code:"SI"},{name:"Sweden",code:"SE"},{name:"Swaziland",code:"SZ"},{name:"Sint Maarten",code:"SX"},{name:"Seychelles",code:"SC"},{name:"Syria",code:"SY"},{name:"Turks and Caicos Islands",code:"TC"},{name:"Chad",code:"TD"},{name:"Togo",code:"TG"},{name:"Thailand",code:"TH"},{name:"Tajikistan",code:"TJ"},{name:"Tokelau",code:"TK"},{name:"Turkmenistan",code:"TM"},{name:"Timor-Leste",code:"TL"},{name:"Tonga",code:"TO"},{name:"Trinidad and Tobago",code:"TT"},{name:"Tunisia",code:"TN"},{name:"Turkey",code:"TR"},{name:"Tuvalu",code:"TV"},{name:"Taiwan",code:"TW"},{name:"Tanzania",code:"TZ"},{name:"Uganda",code:"UG"},{name:"Ukraine",code:"UA"},{name:"United States Minor Outlying Islands",code:"UM"},{name:"Uruguay",code:"UY"},{name:"United States",code:"US"},{name:"Uzbekistan",code:"UZ"},{name:"Vatican City",code:"VA"},{name:"Saint Vincent and the Grenadines",code:"VC"},{name:"Venezuela",code:"VE"},{name:"British Virgin Islands",code:"VG"},{name:"United States Virgin Islands",code:"VI"},{name:"Vietnam",code:"VN"},{name:"Vanuatu",code:"VU"},{name:"Wallis and Futuna",code:"WF"},{name:"Samoa",code:"WS"},{name:"Yemen",code:"YE"},{name:"South Africa",code:"ZA"},{name:"Zambia",code:"ZM"},{name:"Zimbabwe",code:"ZW"}]},function(t,e,o){"use strict";e.a={months:{full:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],abbreviated:["jan","fév","mar","avr","mai","jun","jul","aoû","sep","oct","nov","déc"]},days:{full:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],abbreviated:["lun","mar","mer","jeu","ven","sam","dim"],initials:["D","L","M","M","J","V","S"]}}},function(t,e,o){"use strict";var i=o(193),n=o(194),a=o(3),r=o(7);e.a={components:{Navbar:i.a,Sidebar:n.a,UiIcon:a.a,UiIconButton:r.a},data:function(){return{isMobile:!1,sidebarOpen:!1,version:"1.1.2",repoUrl:"https://github.com/JosephusPaye/Keen-UI",description:"Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.",mobileMediaQuery:null}},computed:{pageTitle:function(){return this.$route.meta.title},pageSourceUrl:function(){return this.$route.meta.sourceUrl?"https://github.com/JosephusPaye/Keen-UI/blob/master/"+this.$route.meta.sourceUrl:void 0},documentTitle:function(){return this.$route.meta.title+" | "+this.description},showSidebar:function(){return!this.isMobile||this.sidebarOpen},versionUrl:function(){return"https://github.com/JosephusPaye/Keen-UI/releases/tag/v"+this.version}},watch:{$route:function(){var t=this;document.title=this.documentTitle,this.$nextTick(function(){window.scrollTo(0,0),t.sidebarOpen=!1})}},mounted:function(){document.title=this.documentTitle,this.mobileMediaQuery=window.matchMedia("screen and (max-width: 768px)"),this.mobileMediaQuery.addListener(this.onResize),this.onResize(this.mobileMediaQuery)},beforeDestroy:function(){this.mobileMediaQuery&&this.mobileMediaQuery.removeListener(this.onResize)},methods:{onResize:function(t){this.isMobile=t.matches}}}},function(t,e,o){"use strict";var i=o(3);e.a={name:"Brand",components:{UiIcon:i.a},props:{version:String,versionUrl:String,repoUrl:String}}},function(t,e,o){"use strict";var i=o(29),n=o(3),a=o(7);e.a={components:{Brand:i.a,UiIcon:n.a,UiIconButton:a.a},props:{version:String,versionUrl:String,repoUrl:String,title:String,sourceUrl:String}}},function(t,e,o){"use strict";var i=o(22),n=o(29),a=o(3),r=o(21);e.a={components:{Brand:n.a,UiIcon:a.a,UiSelect:r.a},props:{version:String,versionUrl:String,repoUrl:String},data:function(){return{versions:[{label:"0.8.x",value:"0.8.9"},{label:"1.0.x",value:"1.0.1"},{label:"1.1.x",value:"1.1.2"}],selectedVersion:{label:"1.1.x",value:"1.1.2"},menu:i.b}},methods:{onVersionSelect:function(t){if(t.value!==this.version){var e="",o=window.location.hash+("0.8.9"===t.value?"-docs":"");"josephuspaye.github.io"===window.location.hostname&&(e="https://josephuspaye.github.io/Keen-UI"),window.location=e+"/"+t.value+"/"+o}}}}},function(t,e,o){"use strict";var i=o(224),n=o(4),a=o(3),r=o(1),s=o(2);e.a={data:function(){return{showAlert1:!0,showAlert2:!0,showAlert3:!0,showAlert4:!0,showAlert5:!0,showAlert6:!0,showAlert7:!0,showAlert8:!0}},methods:{resetAlerts:function(){this.showAlert1=!0,this.showAlert2=!0,this.showAlert3=!0,this.showAlert4=!0,this.showAlert5=!0,this.showAlert6=!0,this.showAlert7=!0,this.showAlert8=!0}},components:{UiAlert:i.a,UiButton:n.a,UiIcon:a.a,UiTab:r.a,UiTabs:s.a}}},function(t,e,o){"use strict";var i=o(225),n=o(4),a=o(1),r=o(2),s=["January","February","March","April","May","June","July","August","September","October","November","December"],l=[{value:"maggie",label:"Maggie Simpson",image:"https://i.imgur.com/eK26qtK.jpg"},{value:"lisa",label:"Lisa Simpson",image:"https://i.imgur.com/wIb44g9.jpg"},{value:"bart",label:"Bart Simpson",image:"https://i.imgur.com/XkEz9zg.jpg"},{value:"marge",label:"Marge Simpson",image:"https://i.imgur.com/MuFcpQ4.jpg"},{value:"homer",label:"Homer Simpson",image:"https://i.imgur.com/aYPRWX4.jpg"}],c=[{value:"mona",label:"Mona Simpson",image:"https://i.imgur.com/z5xy1eW.jpg"},{value:"abe",label:"Abe Simpson",image:"https://i.imgur.com/3UF8hrf.jpg"}];e.a={data:function(){return{months:s,theSimpsons:l,addedGrannies:!1,autocomplete1:null,autocomplete2:"",autocomplete3:"",autocomplete4:"",autocomplete4Touched:!1,autocomplete5:"",autocomplete6:"",autocomplete7:""}},methods:{addGrannies:function(){this.theSimpsons=this.theSimpsons.concat(c),this.addedGrannies=!0}},components:{UiAutocomplete:i.a,UiButton:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(12),a=o(6),r=o(15),s=o(1),l=o(2),c=[{id:"edit",label:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",label:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",label:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",label:"Delete",icon:"delete",secondaryText:"Del"}];e.a={data:function(){return{size:"normal",iconPosition:"left",loading:!0,menuOptions:c}},components:{UiButton:i.a,UiMenu:n.a,UiRadioGroup:a.a,UiSwitch:r.a,UiTab:s.a,UiTabs:l.a}}},function(t,e,o){"use strict";var i=o(19),n=o(1),a=o(2);e.a={data:function(){return{check1:!0,check2:!1,check3:!0,check4:!1,check5:!0}},components:{UiCheckbox:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(231),n=o(1),a=o(2),r=[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}],s=[{label:"Yellow",value:"yellow",disabled:!0},{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}];e.a={data:function(){return{group1:[],group2:["red","blue"],group3:[],group4:[],group5:[],group6:[],group7:["yellow"],group8:[],options:{defaultGroup:r,secondGroup:s}}},components:{UiCheckboxGroup:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(232),n=o(21),a=o(1),r=o(2);e.a={data:function(){return{select:"",colors:["Red","Green","Blue","Cyan","Magenta","Yellow"],accordions:{0:!0,1:!1,2:!1}}},methods:{onAccordionOpen:function(t){var e=this;Object.keys(this.accordions).forEach(function(o){e.accordions[o]=o==t})},onAccordionClose:function(t){this.accordions[t]=!1}},components:{UiCollapsible:i.a,UiSelect:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(233),a=o(1),r=o(2);e.a={data:function(){return{confirmResult:"",publishRequestInProgress:!1,deleteRequestInProgress:!1}},methods:{showConfirm:function(t){this.$refs[t].open()},hideConfirm:function(t){this.$refs[t].close()},onConfirm:function(){this.confirmResult="You confirmed the request."},onDeny:function(){this.confirmResult="You denied the request."},onConfirmPublish:function(){var t=this;this.publishRequestInProgress=!0,setTimeout(function(){t.publishRequestInProgress=!1,t.confirmResult="The post was published.",t.$nextTick(function(){t.hideConfirm("publishConfirm")})},5e3)},onDenyPublish:function(){this.confirmResult="You chose to NOT publish the post."},onConfirmDelete:function(){this.confirmResult="You chose to delete the post."},onDenyDelete:function(){this.confirmResult="You chose to keep the post."}},components:{UiButton:i.a,UiConfirm:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(234),n=o(1),a=o(2),r=o(42);e.a={data:function(){var t=new Date;return t.setDate(t.getDate()+14),{picker1:null,picker2:null,picker3:null,picker4:new Date((new Date).getFullYear(),11,25),picker401:"2019-01-08",picker5:null,picker6:null,picker7:null,picker8:null,picker801:null,picker9:null,picker10:null,picker10Min:new Date,picker10Max:t,picker11:null,picker12:null,picker12Lang:r.a,picker13:null,picker14:null,picker15:new Date}},methods:{picker9Formatter:function(t){return t.toLocaleDateString()},picker11Filter:function(t){return 0!==t.getDay()&&6!==t.getDay()}},components:{UiDatepicker:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(235),n=o(6),a=o(1),r=o(2);e.a={data:function(){return{size:"normal"}},components:{UiFab:i.a,UiRadioGroup:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(236),n=o(3),a=o(6),r=o(1),s=o(2);e.a={data:function(){return{size:"normal",file11PreviewImage:""}},methods:{onFile11Change:function(t){this.file11PreviewImage=URL.createObjectURL(t[0])}},components:{UiFileupload:i.a,UiIcon:n.a,UiRadioGroup:a.a,UiTab:r.a,UiTabs:s.a}}},function(t,e,o){"use strict";var i=o(3),n=o(1),a=o(2);e.a={components:{UiIcon:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(7),n=o(12),a=o(6),r=o(15),s=o(1),l=o(2),c=[{label:"Note",icon:"edit"},{label:"Photo",icon:"photo"},{label:"Document",icon:"description"},{type:"divider"},{label:"Collection",icon:"collections_bookmark"}];e.a={data:function(){return{size:"normal",loading:!0,menuOptions:c}},components:{UiIconButton:i.a,UiMenu:n.a,UiRadioGroup:a.a,UiSwitch:r.a,UiTab:s.a,UiTabs:l.a}}},function(t,e,o){"use strict";var i=o(12),n=o(8),a=o(1),r=o(2),s=[{id:"edit",label:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",label:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",label:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",label:"Delete",icon:"delete",secondaryText:"Del"}],l=[{label:"UiAlert",href:"#ui-alert"},{label:"UiAutocomplete",href:"#ui-autocomplete"},{type:"divider"},{label:"UiButton",href:"#ui-button"},{type:"divider"},{label:"UiCheckbox (external)",href:"#ui-checkbox",target:"_blank"}];e.a={data:function(){return{menuOptions:s,menuOptionsWithHref:l}},components:{UiMenu:i.a,UiPopover:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(13),a=o(1),r=o(2);e.a={methods:{openModal:function(t){this.$refs[t].open()},closeModal:function(t){this.$refs[t].close()}},components:{UiButton:i.a,UiModal:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(8),n=o(1),a=o(2),r=o(13);e.a={data:function(){return{name:""}},methods:{openPopover:function(){setTimeout(this.$refs.popover.toggle,0)},openModal:function(){this.$refs.modal.open()}},components:{UiPopover:i.a,UiTab:n.a,UiTabs:a.a,UiModal:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(238),a=o(1),r=o(2);e.a={data:function(){return{loading:!0}},components:{UiButton:i.a,UiPreloader:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(14),a=o(1),r=o(2);e.a={data:function(){return{progress:0,loading:!0,progressInterval:null}},mounted:function(){var t=this;this.progressInterval=setInterval(function(){t.progress>=100?t.progress=0:t.progress+=5},500)},beforeDestroy:function(){clearInterval(this.progressInterval)},components:{UiButton:i.a,UiProgressCircular:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(4),n=o(31),a=o(1),r=o(2);e.a={data:function(){return{progress:0,isLoading:!0,progressInterval:null}},mounted:function(){var t=this;this.progressInterval=setInterval(function(){t.progress>=100?t.progress=0:t.progress+=25},1e3)},beforeDestroy:function(){clearInterval(this.progressInterval)},components:{UiButton:i.a,UiProgressLinear:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(32),n=o(1),a=o(2);e.a={data:function(){return{radio1:"",radio2:"",radio3:"",radio4:"",radio5:"",radio6:"",radio7:"",radio8:"",radio9:""}},components:{UiRadio:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(6),n=o(1),a=o(2),r=[{label:"Ned",value:"ned"},{label:"Rod",value:"rod"},{label:"Todd",value:"todd"}],s=[{label:"Ned",value:"ned"},{label:"Maude",value:"maude",disabled:!0},{label:"Rod",value:"rod"},{label:"Todd",value:"todd"}];e.a={data:function(){return{group1:"",group2:"rod",group3:"",group4:"",group5:"",group6:"",group7:"",options:{defaultGroup:r,secondGroup:s}}},components:{UiRadioGroup:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(5),n=o(1),a=o(2),r=[{name:"Better Call Saul",image:"https://i.imgur.com/SwZPSS2.jpg"},{name:"Breaking Bad",image:"https://i.imgur.com/tz6FJeN.jpg"},{name:"Sherlock",image:"https://i.imgur.com/Pf1TkJY.jpg"},{name:"The Simpsons",image:"https://i.imgur.com/HJmBlzf.jpg"}],s=[{value:"maggie",text:"Maggie Simpson",image:"https://i.imgur.com/eK26qtK.jpg"},{value:"lisa",text:"Lisa Simpson",image:"https://i.imgur.com/wIb44g9.jpg"},{value:"bart",text:"Bart Simpson",image:"https://i.imgur.com/XkEz9zg.jpg"}],l={name:"image-pane",template:"\n \n
\n ",props:{image:String},components:{UiRippleInk:i.a}};e.a={data:function(){return{tvShows:r,theSimpsons:s}},components:{ImagePane:l,UiRippleInk:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(21),n=o(1),a=o(2),r=o(27),s=o.n(r),l=o(11),c=o(41),d=o(40);e.a={data:function(){return{select1:"",select2:"",select2o5:"",select3:"Orange",select4:"",select5:{label:"Lavender",image:"https://placehold.it/64/e6e6fa/e6e6fa",value:"lavender"},select6:"",select7:"",select8:[{label:"Orange",image:"https://placehold.it/64/ffa500/ffa500",value:"orange"},{label:"Lime",image:"https://placehold.it/64/00ff00/00ff00",value:"lime"}],select9:[],select10:[],select10Touched:!1,select11:"",select11Options:[],select11Loading:!1,select11NoResults:!1,select11LoadingTimeout:null,select12:{name:"Australia",code:"AU"},select12o5:"",select13:"",select14:"Peach",colours:d.a,colourStrings:d.b,countries:c.a}},methods:{onQueryChange:function(t){0!==t.length&&this.fetchRemoteResults(t)},fetchRemoteResults:s()(function(t){var e=this;this.select11Loading=!0,this.select11LoadingTimeout&&(clearTimeout(this.select11LoadingTimeout),this.select11LoadingTimeout=null),this.select11LoadingTimeout=setTimeout(function(){t=t.toLowerCase(),o.i(l.b)(t,"red")?(e.select11Options=d.c,e.select11NoResults=!1):o.i(l.b)(t,"blue")?(e.select11Options=d.d,e.select11NoResults=!1):(e.select11Options=[],e.select11NoResults=!0),e.select11Loading=!1,e.select11LoadingTimeout=null},1200)},500)},components:{UiSelect:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(4),n=o(240),a=o(1),r=o(2);e.a={data:function(){return{slider1:25,slider2:50,slider3:60,slider4:8,slider5:40,slider6:75}},methods:{resetSliders:function(){this.slider1=25,this.slider2=50,this.slider3=60,this.slider4=7,this.slider5=40}},components:{UiButton:i.a,UiSlider:n.a,UiTab:a.a,UiTabs:r.a}}},function(t,e,o){"use strict";var i=o(33),n=o(241),a=o(4),r=o(6),s=o(15),l=o(1),c=o(2),d=o(34);e.a={data:function(){return{position:"left",transition:"slide",queueSnackbars:!1,action:"",duration:5,actionColor:"accent",message:"Post deleted"}},methods:{createSnackbar:function(){this.$refs.snackbarContainer.createSnackbar({message:this.message,action:this.action,actionColor:this.actionColor,duration:1e3*this.duration})}},components:{UiButton:a.a,UiRadioGroup:r.a,UiSnackbar:i.a,UiSnackbarContainer:n.a,UiSwitch:s.a,UiTab:l.a,UiTabs:c.a,UiTextbox:d.a}}},function(t,e,o){"use strict";var i=o(15),n=o(1),a=o(2);e.a={data:function(){return{switch1:!0,switch2:!1,switch3:!0,switch4:!1,switch5:!0}},components:{UiSwitch:i.a,UiTab:n.a,UiTabs:a.a}}},function(t,e,o){"use strict";var i=o(4),n=o(19),a=o(3),r=o(6),s=o(1),l=o(2);e.a={components:{UiButton:i.a,UiCheckbox:n.a,UiIcon:a.a,UiRadioGroup:r.a,UiTab:s.a,UiTabs:l.a},data:function(){return{type:"text",raised:!1,fullwidth:!1,backgroundColor:"default",demoTabs:[{title:"Authors",icon:"person"},{title:"Books",icon:"book"},{title:"Collections",icon:"collections_bookmark"},{title:"Favourites",icon:"favorite"}],disableTab2:!0,controlTabs:[{title:"Tab 1",icon:"looks_one",id:"tab1"},{title:"Tab 2",icon:"looks_two",id:"tab2"},{title:"Tab 3",icon:"looks_3",id:"tab3"},{title:"Tab 4",icon:"looks_4",id:"tab4"}]}},computed:{textColor:function(){return"default"===this.backgroundColor?"black":"white"},textColorActive:function(){return"default"===this.backgroundColor?"primary":"white"},indicatorColor:function(){return"default"===this.backgroundColor?"primary":"white"}},methods:{addTab:function(){var t=this.controlTabs.length+1;this.controlTabs.push({title:"Tab "+t,icon:"looks_"+t,id:"tab"+t})},removeTab:function(){this.controlTabs.splice(this.controlTabs.length-1,1)},selectTab3:function(){this.$refs.controlTabs.setActiveTab("tab3")},toggleTab2:function(){this.disableTab2=!this.disableTab2},confirmTabChange:function(t,e){return confirm("Are you sure you want to switch from "+t.title+" to "+e.title+"?")}}}},function(t,e,o){"use strict";var i=o(1),n=o(2),a=o(34);e.a={data:function(){return{textbox1:null,textbox2:"",textbox3:"",textbox4:"John Doe",textbox5:"Jane Doe",textbox6:"",textbox7:"",textbox8:"",textbox9:"",textbox10:"",textbox10Touched:!1,textbox11:"",textbox12:0,textbox13:"",textbox14:"",textbox15:"My name is Jane Doe..."}},components:{UiTab:i.a,UiTabs:n.a,UiTextbox:a.a}}},function(t,e,o){"use strict";var i=o(7),n=o(12),a=o(1),r=o(2),s=o(243),l=[{label:"Settings"},{label:"About"},{label:"Help"}];e.a={data:function(){return{menuOptions:l}},components:{UiIconButton:i.a,UiMenu:n.a,UiTab:a.a,UiTabs:r.a,UiToolbar:s.a}}},function(t,e,o){"use strict";var i=o(1),n=o(2),a=o(16);e.a={data:function(){return{theSimpsons:[{position:"top",name:"Maggie Simpson",image:"https://i.imgur.com/eK26qtK.jpg"},{position:"bottom",name:"Lisa Simpson",image:"https://i.imgur.com/wIb44g9.jpg"},{position:"right",name:"Bart Simpson",image:"https://i.imgur.com/XkEz9zg.jpg"}]}},components:{UiTab:i.a,UiTabs:n.a,UiTooltip:a.a}}},function(t,e,o){
-"use strict";var i=o(30),n=o(3);e.a={name:"ui-alert",props:{type:{type:String,default:"info"},removeIcon:{type:Boolean,default:!1},disableAnimation:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0}},computed:{classes:function(){return["ui-alert--type-"+this.type,{"has-no-transition":this.disableAnimation}]}},methods:{dismissAlert:function(){this.$emit("dismiss")}},components:{UiCloseButton:i.a,UiIcon:n.a}}},function(t,e,o){"use strict";var i=o(23),n=o(226),a=o(3),r=o(26),s=o.n(r);e.a={name:"ui-autocomplete",props:{name:String,placeholder:String,tabindex:[String,Number],value:{type:[String,Number],default:""},icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},help:String,error:String,readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{type:String,default:"simple"},suggestions:{type:Array,default:function(){return[]}},limit:{type:Number,default:8},append:{type:Boolean,default:!1},appendDelimiter:{type:String,default:", "},minChars:{type:Number,default:2},showOnUpDown:{type:Boolean,default:!0},autofocus:{type:Boolean,default:!1},filter:Function,sort:Function,highlightOnFirstMatch:{type:Boolean,default:!0},cycleHighlight:{type:Boolean,default:!0},keys:{type:Object,default:function(){return{label:"label",value:"value",image:"image"}}},invalid:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isTouched:!1,showDropdown:!1,highlightedIndex:-1}},computed:{classes:function(){return["ui-autocomplete--type-"+this.type,"ui-autocomplete--icon-position-"+this.iconPosition,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return 0===this.valueLength&&!this.isActive},valueLength:function(){return this.value?this.value.length:0},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},matchingSuggestions:function(){var t=this,e=this.suggestions.filter(function(e){if(t.filter)return t.filter(e,t.value,t.defaultFilter);var o=null===t.value?"":t.value;return t.defaultFilter(e,o)});return this.sort&&e.sort(this.sort.bind(this)),e.slice(0,this.limit)}},watch:{value:function(){this.isActive&&this.valueLength>=this.minChars&&this.openDropdown(),this.highlightedIndex=this.highlightOnFirstMatch?0:-1}},created:function(){null===this.value&&(this.initialValue="",this.updateValue(""))},mounted:function(){document.addEventListener("click",this.onExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.onExternalClick)},methods:{defaultFilter:function(t,e){var o=t[this.keys.label]||t;return"string"==typeof e&&(e=e.toLowerCase()),s()(e,o.toLowerCase())},selectSuggestion:function(t){var e=this,o=void 0;this.append?o+=this.appendDelimiter+(t[this.keys.value]||t):o=t[this.keys.value]||t,this.updateValue(o),this.$emit("select",t),this.$nextTick(function(){e.closeDropdown(),e.$refs.input.focus()})},highlightSuggestion:function(t){var e=0,o=this.$refs.suggestions.length-1;t===-2?t=o:to&&(t=this.cycleHighlight?e:-1),this.highlightedIndex=t,this.showOnUpDown&&this.openDropdown(),to?this.$emit("highlight-overflow",t):this.$emit("highlight",this.$refs.suggestions[t].suggestion,t)},selectHighlighted:function(t,e){this.showDropdown&&this.$refs.suggestions.length>0&&(e.preventDefault(),this.selectSuggestion(this.$refs.suggestions[t].suggestion))},focus:function(){this.$refs.input.focus()},openDropdown:function(){this.showDropdown||(this.showDropdown=!0,this.$emit("dropdown-open"))},closeDropdown:function(){var t=this;this.showDropdown&&this.$nextTick(function(){t.showDropdown=!1,t.highlightedIndex=-1,t.$emit("dropdown-close")})},updateValue:function(t){this.$emit("input",t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onChange:function(t){this.$emit("change",this.value,t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(t){!this.$el.contains(t.target)&&this.showDropdown&&this.closeDropdown()},reset:function(){document.isActiveElement===this.$refs.input&&document.isActiveElement.blur(),this.updateValue(this.initialValue),this.isTouched=!1}},components:{UiAutocompleteSuggestion:n.a,UiIcon:a.a},directives:{autofocus:i.a}}},function(t,e,o){"use strict";e.a={name:"ui-autocomplete-suggestion",props:{suggestion:{type:[String,Object],required:!0},type:{type:String,default:"simple"},highlighted:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{label:"label",image:"image"}}}},computed:{classes:function(){return["ui-autocomplete-suggestion--type-"+this.type,{"is-highlighted":this.highlighted}]},imageStyle:function(){return{"background-image":"url("+this.suggestion[this.keys.image]+")"}}}}},function(t,e,o){"use strict";var i=o(3),n=o(8),a=o(14),r=o(5),s=o(16);e.a={name:"ui-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},icon:String,iconPosition:{type:String,default:"left"},loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-button--type-"+this.type,"ui-button--color-"+this.color,"ui-button--icon-position-"+this.iconPosition,"ui-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-raised":this.raised},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"default"===this.color||"secondary"===this.type?"black":"white"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiRippleInk:r.a,UiTooltip:s.a}}},function(t,e,o){"use strict";var i=o(228),n=o(229),a=o(10),r=o(24);e.a={name:"ui-calendar",props:{value:Date,minDate:Date,maxDate:Date,startOfWeek:{type:Number,default:0},lang:{type:Object,default:function(){return a.a.defaultLang}},yearRange:{type:Array,default:function(){var t=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(e,o){return t-100+o})}},dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"}},data:function(){return{today:new Date,dateInView:this.getDateInRange(this.value,new Date),showYearPicker:!1}},computed:{classes:function(){return["ui-calendar--color-"+this.color,"ui-calendar--orientation-"+this.orientation]},headerYear:function(){return this.value?this.value.getFullYear():this.today.getFullYear()},headerDay:function(){return this.value?a.a.getDayAbbreviated(this.value,this.lang):a.a.getDayAbbreviated(this.today,this.lang)},headerDate:function(){var t=this.value?this.value:this.today;return a.a.getMonthAbbreviated(t,this.lang)+" "+a.a.getDayOfMonth(t,this.lang)}},watch:{value:function(){this.value&&(this.dateInView=a.a.clone(this.value))},showYearPicker:function(){var t=this;this.showYearPicker&&this.$nextTick(function(){var e=t.$refs.years.querySelector(".is-selected")||t.$refs.years.querySelector(".is-current-year");o.i(r.a)(e,{marginTop:126})})}},methods:{selectYear:function(t){var e=a.a.clone(this.dateInView);e.setFullYear(t),this.dateInView=this.getDateInRange(e),this.showYearPicker=!1},getDateInRange:function(t,e){return t=t||e,this.minDate&&t.getTime()this.maxDate.getTime()?this.maxDate:t},getYearClasses:function(t){return{"is-current-year":this.isYearCurrent(t),"is-selected":this.isYearSelected(t)}},isYearCurrent:function(t){return t===this.today.getFullYear()},isYearSelected:function(t){return this.value&&t===this.value.getFullYear()},isYearOutOfRange:function(t){return!!(this.minDate&&tthis.maxDate.getFullYear())},onDateSelect:function(t){this.$emit("input",t),this.$emit("date-select",t)},onGoToDate:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.$refs.month.goToDate(t,e)},onMonthChange:function(t){this.dateInView=t,this.$emit("month-change",t)}},components:{UiCalendarControls:i.a,UiCalendarMonth:n.a}}},function(t,e,o){"use strict";var i=o(3),n=o(7),a=o(10);e.a={name:"ui-calendar-controls",props:{lang:Object,dateInView:Date,minDate:Date,maxDate:Date},computed:{monthAndYear:function(){return a.a.getMonthFull(this.dateInView,this.lang)+" "+this.dateInView.getFullYear()},previousMonthDisabled:function(){if(!this.minDate)return!1;var t=a.a.clone(this.dateInView);return t.setDate(0),this.minDate.getTime()>t.getTime()},nextMonthDisabled:function(){if(!this.maxDate)return!1;var t=a.a.clone(this.dateInView);return t.setMonth(this.dateInView.getMonth()+1,1),this.maxDate.getTime()1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.$emit("go-to-date",t,e)}},components:{UiIcon:i.a,UiIconButton:n.a}}},function(t,e,o){"use strict";function i(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}var n=o(230),a=o(10);e.a={name:"ui-calendar-month",props:{lang:Object,dateFilter:Function,dateInView:Date,selected:Date,maxDate:Date,minDate:Date,startOfWeek:{type:Number,default:0}},data:function(){return{dateOutOfView:a.a.clone(this.dateInView),isSliding:!1,slideDirection:"",isIE:Boolean(window.MSInputMethodContext)&&Boolean(document.documentMode),ieTimeout:null}},computed:{daysOfWeek:function(){var t=this.lang.days.initials.slice(this.startOfWeek);return 7===t.length?t:t.concat(this.lang.days.initials.slice(0,this.startOfWeek))},weekClasses:function(){return[i({},"ui-calendar-month--slide-"+this.slideDirection,this.isSliding),{"is-sliding":this.isSliding}]},currentWeekStartDates:function(){return this.getWeekStartDates(this.dateInView)},otherWeekStartDates:function(){return this.getWeekStartDates(this.dateOutOfView)}},methods:{getWeekStartDates:function(t){var e=a.a.clone(t);e.setDate(1),e=a.a.moveToDayOfWeek(e,this.startOfWeek);var o=a.a.clone(e);o.setDate(o.getDate()+7);for(var i=[e],n=o.getMonth();o.getMonth()===n;)i.push(a.a.clone(o)),o.setDate(o.getDate()+7);return i},goToDate:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{isForward:!0};this.isSliding=!0,this.slideDirection=e.isForward?"left":"right",this.dateOutOfView=a.a.clone(t),this.isIE&&(this.ieTimeout=setTimeout(this.onTransitionEnd,300))},onDateSelect:function(t){this.$emit("date-select",t)},onTransitionEnd:function(){this.ieTimeout&&(clearTimeout(this.ieTimeout),this.ieTimeout=null,!this.isSliding)||(this.isSliding=!1,this.slideDirection="",this.$emit("change",a.a.clone(this.dateOutOfView)),this.$emit("transition-end"))}},components:{UiCalendarWeek:n.a}}},function(t,e,o){"use strict";var i=o(10);e.a={name:"ui-calendar-week",props:{month:Number,weekStart:Date,minDate:Date,maxDate:Date,selected:Date,dateFilter:Function,visible:{type:Boolean,default:!0}},data:function(){return{today:new Date}},computed:{dates:function(){return this.buildDays(this.weekStart)}},methods:{buildDays:function(t){for(var e=[i.a.clone(t)],o=i.a.clone(t),n=1;n<=6;n++)o=i.a.clone(o),o.setDate(o.getDate()+1),e.push(o);return e},getDateClasses:function(t){return[{"is-today":i.a.isSameDay(t,this.today)},{"is-in-other-month":this.isDateInOtherMonth(t)},{"is-selected":this.selected&&i.a.isSameDay(t,this.selected)},{"is-disabled":this.isDateDisabled(t)}]},selectDate:function(t){this.isDateDisabled(t)||this.$emit("date-select",t)},getDayOfMonth:function(t){return i.a.getDayOfMonth(t)},isDateInOtherMonth:function(t){return this.month!==t.getMonth()},isDateDisabled:function(t){var e=this.minDate&&i.a.isBefore(t,this.minDate)||this.maxDate&&i.a.isAfter(t,this.maxDate);return!!e||!!this.dateFilter&&!this.dateFilter(t)}}}},function(t,e,o){"use strict";var i=o(11);e.a={name:"ui-checkbox",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},boxPosition:{type:String,default:"left"},color:{type:String,default:"primary"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:o.i(i.a)(this.value,this.trueValue)||this.checked}},computed:{classes:function(){return["ui-checkbox--color-"+this.color,"ui-checkbox--box-position-"+this.boxPosition,{"is-checked":this.isChecked},{"is-active":this.isActive},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=o.i(i.a)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,o=t.target.checked;this.$emit("input",o?this.trueValue:this.falseValue,t),e!==o&&this.$emit("change",o?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,o){"use strict";var i=o(19),n=o(11);e.a={name:"ui-checkbox-group",props:{name:String,options:{type:Array,required:!0},value:{type:Array,required:!0},keys:{type:Object,default:function(){return{id:"id",name:"name",class:"class",label:"label",value:"value",disabled:"disabled"}}},label:String,color:{type:String,default:"primary"},boxPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,ignoreChange:!1,checkboxValues:[],initialValue:JSON.parse(JSON.stringify(this.value))}},computed:{classes:function(){return["ui-checkbox-group--color-"+this.color,"ui-checkbox-group--box-position-"+this.boxPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},methods:{reset:function(){var t=this;this.ignoreChange=!0,this.options.forEach(function(e,o){t.checkboxValues[o]=t.isOptionCheckedByDefault(e)}),this.ignoreChange=!1,this.$emit("input",this.initialValue.length>0?[].concat(this.initialValue):[])},isOptionCheckedByDefault:function(t){return o.i(n.c)(this.initialValue,t[this.keys.value]||t)>-1},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t,e){if(!this.ignoreChange){var i=t[0],a=t[1],r=[],s=e[this.keys.value]||e,l=o.i(n.c)(this.value,s);i&&l<0&&(r=this.value.concat(s)),!i&&l>-1&&(r=this.value.slice(0,l).concat(this.value.slice(l+1))),this.$emit("input",r),this.$emit("change",r,a)}}},components:{UiCheckbox:i.a}}},function(t,e,o){"use strict";var i=o(3),n=o(5);e.a={name:"ui-close-button",props:{size:{type:String,default:"normal"},color:{type:String,default:"black"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-close-button--size-"+this.size,"ui-close-button--color-"+this.color,{"is-disabled":this.disabled||this.loading}]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(t,e,o){"use strict";var i=o(3),n=o(5),a=o(25);e.a={name:"ui-collapsible",props:{open:{type:Boolean,default:!1},title:String,removeIcon:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isOpen:this.open,id:a.a.short("ui-collapsible-")}},computed:{classes:function(){return[{"is-open":this.isOpen},{"is-disabled":this.disabled}]}},watch:{open:function(){this.isOpen!==this.open&&(this.isOpen=this.open)}},mounted:function(){this.isOpen&&(this.$refs.bodyWrapper.style.maxHeight="none")},methods:{toggleCollapsible:function(){this.disabled||(this.isOpen=!this.isOpen)},onEnter:function(t){this.$emit("open"),t.style.maxHeight=t.scrollHeight+"px"},afterEnter:function(t){t.style.maxHeight="none"},beforeLeave:function(t){t.style.maxHeight=t.scrollHeight+"px",t.offsetHeight},onLeave:function(t){t.style.maxHeight=0,this.$emit("close")}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(t,e,o){"use strict";var i=o(4),n=o(13),a=o(9);e.a={name:"ui-confirm",props:{title:{type:String,default:"UiConfirm"},type:{type:String,default:"primary"},size:String,confirmButtonText:{type:String,default:"OK"},confirmButtonIcon:String,denyButtonText:{type:String,default:"Cancel"},denyButtonIcon:String,autofocus:{type:String,default:"deny-button"},closeOnConfirm:{type:Boolean,default:!0},dismissOn:String,transition:String,loading:{type:Boolean,default:!1}},computed:{confirmButtonColor:function(){var t={default:"default",primary:"primary",accent:"accent",success:"green",warning:"orange",danger:"red"};return t[this.type]}},methods:{open:function(){this.$refs.modal.open()},close:function(){this.$refs.modal.close()},confirm:function(){this.$emit("confirm"),this.closeOnConfirm&&this.$refs.modal.close()},deny:function(){this.$refs.modal.close(),this.$emit("deny")},onModalOpen:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(a.a.add(t,"has-focus-ring"),t.addEventListener("blur",this.removeAutoFocus),t.focus()),this.$emit("open")},onModalReveal:function(){this.$emit("reveal")},onModalClose:function(){this.$emit("close")},onModalHide:function(){this.$emit("hide")},removeAutoFocus:function(){var t=void 0;"confirm-button"===this.autofocus?t=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(t=this.$refs.denyButton.$el),t&&(a.a.remove(t,"has-focus-ring"),t.removeEventListener("blur",this.removeAutoFocus))}},components:{UiButton:i.a,UiModal:n.a}}},function(t,e,o){"use strict";var i=o(4),n=o(227),a=o(3),r=o(13),s=o(8),l=o(10);e.a={name:"ui-datepicker",props:{name:String,value:[Date,String],tabindex:[String,Number],startOfWeek:{type:Number,default:0},minDate:Date,maxDate:Date,yearRange:Array,lang:{type:Object,default:function(){return l.a.defaultLang}},customFormatter:Function,dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"},pickerType:{type:String,default:"popover"},okButtonText:{type:String,default:"OK"},cancelButtonText:{type:String,default:"Cancel"},placeholder:String,icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},help:String,error:String,disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isTouched:!1,valueAtModalOpen:null,initialValue:JSON.stringify(this.value)}},computed:{date:function(){return"string"==typeof this.value?new Date(this.value):this.value},classes:function(){return["ui-datepicker--icon-position-"+this.iconPosition,"ui-datepicker--orientation-"+this.orientation,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return!this.date&&!this.isActive},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},displayText:function(){return this.date?this.customFormatter?this.customFormatter(this.date,this.lang):l.a.humanize(this.date,this.lang):""},hasDisplayText:function(){return Boolean(this.displayText.length)},submittedValue:function(){return this.date?this.date.getFullYear()+"-"+(1+this.date.getMonth())+"-"+this.date.getDate():""},usesPopover:function(){return"popover"===this.pickerType},usesModal:function(){return"modal"===this.pickerType}},mounted:function(){document.addEventListener("click",this.onExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.onExternalClick)},methods:{onDateSelect:function(t){this.$emit("input",t),this.closePicker()},openPicker:function(){this.disabled||this.$refs[this.usesModal?"modal":"popover"].open()},closePicker:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoBlur:!1};this.usesPopover&&this.$refs.popover.close(),t.autoBlur?this.isActive=!1:this.$refs.label.focus()},onClick:function(){this.usesModal&&!this.disabled&&this.$refs.modal.open()},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.usesPopover&&this.$refs.popover.isOpen()&&this.closePicker({autoBlur:!0})},onPickerOpen:function(){this.usesModal&&(this.valueAtModalOpen=this.date?l.a.clone(this.date):null),this.isActive=!0,this.$emit("open")},onPickerClose:function(){this.$emit("close"),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onPickerCancel:function(){this.$emit("input",this.valueAtModalOpen),this.$refs.modal.close()},onExternalClick:function(t){if(!this.disabled){var e=this.$el.contains(t.target)||this.$refs[this.usesPopover?"popover":"modal"].$el.contains(t.target);e||this.isActive&&(this.isActive=!1)}},focus:function(){this.$refs.label.focus()},clear:function(){this.$emit("input",null)},reset:function(){this.$emit("input",JSON.parse(this.initialValue))},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiButton:i.a,UiCalendar:n.a,UiIcon:a.a,UiModal:r.a,UiPopover:s.a}}},function(t,e,o){"use strict";var i=o(3),n=o(5),a=o(16);e.a={name:"ui-fab",props:{size:{type:String,default:"normal"},color:{type:String,default:"default"},icon:String,ariaLabel:String,tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-fab--color-"+this.color,"ui-fab--size-"+this.size]}},methods:{onClick:function(t){this.$emit("click",t)}},components:{UiIcon:i.a,UiRippleInk:n.a,UiTooltip:a.a}}},function(t,e,o){"use strict";var i=o(3),n=o(5);e.a={name:"ui-fileupload",props:{name:{type:String,required:!0},label:String,tabindex:[String,Number],accept:String,multiple:{type:Boolean,default:!1},required:{type:Boolean,default:!1},type:{type:String,default:"primary"},color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},iconPosition:{type:String,default:"left"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,renderInput:!0,hasSelection:!1,hasMultiple:!1,displayText:""}},computed:{classes:function(){return["ui-fileupload--type-"+this.type,"ui-fileupload--color-"+this.color,"ui-fileupload--icon-position-"+this.iconPosition,"ui-fileupload--size-"+this.size,{"is-active":this.isActive},{"is-multiple":this.hasMultiple},{"is-raised":this.raised},{"is-disabled":this.disabled}]},placeholder:function(){return this.label?this.label:this.multiple?"Choose files":"Choose a file"}},methods:{onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onInput:function(t){this.$emit("input",this.$refs.input.files,t)},onChange:function(t){this.updateDisplayText(t),this.$emit("change",this.$refs.input.files,t)},updateDisplayText:function(t){var e=void 0,o=this.$refs.input;e=o.files&&o.files.length>1?o.files.length+" files selected":t.target.value.split("\\").pop(),e&&(this.hasSelection=!0,this.displayText=e,this.hasMultiple=o.files.length>1)},focus:function(){this.$refs.input.focus()},openPicker:function(){this.$refs.input.click()},clear:function(){var t=this;this.renderInput=!1,this.$nextTick(function(){t.renderInput=!0})}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(t,e,o){"use strict";e.a={name:"ui-focus-container",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,defualt:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(t,e){return this.containFocus?(t.stopPropagation(),this.focusRedirector?void this.focusRedirector(t,e):void(e.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus())):void this.$emit("focus-overflow",t,e)}}}},function(t,e,o){"use strict";e.a={name:"ui-icon",props:{icon:String,iconSet:{type:String,default:"material-icons"},ariaLabel:String,removeText:{type:Boolean,default:!1},useSvg:{type:Boolean,default:!1}}}},function(t,e,o){"use strict";var i=o(3),n=o(8),a=o(14),r=o(5),s=o(16);e.a={name:"ui-icon-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},icon:String,ariaLabel:String,loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-icon-button--type-"+this.type,"ui-icon-button--color-"+this.color,"ui-icon-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"primary"===this.type?"default"===this.color||"black"===this.color?"black":"white":"white"===this.color?"white":"black"}},methods:{onClick:function(t){this.$emit("click",t)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiRippleInk:r.a,UiTooltip:s.a}}},function(t,e,o){"use strict";var i=o(20),n=o(237);e.a={name:"ui-menu",props:{options:{type:Array,default:function(){return[]}},hasIcons:{type:Boolean,default:!1},iconProps:Object,hasSecondaryText:{type:Boolean,default:!1},containFocus:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{icon:"icon",type:"type",label:"label",secondaryText:"secondaryText",iconProps:"iconProps",disabled:"disabled",href:"href",target:"target"}}},disableRipple:{type:Boolean,default:!1},raised:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-raised":this.raised,"has-icons":this.hasIcons,"has-secondary-text":this.hasSecondaryText}}},methods:{selectOption:function(t){t.disabled||"divider"===t.type||(this.$emit("select",t),this.closeMenu())},closeMenu:function(){this.$emit("close")}},components:{UiFocusContainer:i.a,UiMenuOption:n.a}}},function(t,e,o){"use strict";var i=o(3),n=o(5);e.a={name:"ui-menu-option",props:{type:String,label:String,href:String,target:String,icon:String,iconProps:{type:Object,default:function(){return{}}},secondaryText:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-divider":this.isDivider,"is-disabled":this.disabled,"is-anchor":this.isAnchor}},isDivider:function(){return"divider"===this.type},isAnchor:function(){return!this.isDivider&&void 0!==this.href}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(t,e,o){"use strict";var i=o(30),n=o(20),a=o(9);e.a={name:"ui-modal",props:{title:{type:String,default:"UiModal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"normal"},role:{type:String,default:"dialog"},transition:{type:String,default:"scale-down"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["ui-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"ui-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var t=this;this.$nextTick(function(){t[t.isOpen?"onOpen":"onClose"]()})}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus()},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),a.a.add(document.body,"ui-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.returnFocus(),this.$emit("close")},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide");var t=this.decrementOpenModalCount();0===t&&a.a.remove(document.body,"ui-modal--is-open")},getOpenModalCount:function(){var t=document.body.getAttribute("data-ui-open-modals");return void 0===t?0:Number(t)},setOpenModalCount:function(t){var e=Math.max(0,t);return 0===e?document.body.removeAttribute("data-ui-open-modals"):document.body.setAttribute("data-ui-open-modals",e),
-e},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}},components:{UiCloseButton:i.a,UiFocusContainer:n.a}}},function(t,e,o){"use strict";var i=o(28),n=o(9),a=o(18),r=o(20);e.a={name:"ui-popover",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},closeOnScroll:{type:Boolean,default:!0},constrainToScrollParent:{type:Boolean,default:!0},containFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},focusRedirector:Function,offset:{type:[Number,String],default:0},openOn:{type:String,default:"click"},position:{type:String,default:"bottom-start"},raised:{type:Boolean,default:!0},trigger:{validator:function(t){return a.a.validate(t,'[UiPopover]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string which matches an existing element.')}}},data:function(){return{returnFocus:!0}},watch:{disabled:function(t){this.tip&&(t===!0?this.tip.disable():this.tip.enable())}},mounted:function(){this.tip=null,this.lastFocusedElement=null,this.setupPopover()},beforeDestroy:function(){this.destroyPopover()},methods:{setupPopover:function(){if(this.triggerEl=a.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiPopover]: Trigger element not found.");var t={animateFill:!1,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:0,duration:"none"===this.animation?0:250,hideOnClick:!0,interactive:!0,multiple:!0,offset:this.offset,onHidden:this.onHidden,onHide:this.onClose,onShow:this.onOpen,onShown:this.onShown,performance:!0,placement:this.position,shouldPopperHideOnBlur:function(){return!1},theme:"ui-popover",trigger:this.openOn.indexOf("hover")===-1?this.openOn:this.openOn.replace("hover","mouseenter")};this.constrainToScrollParent||(t.popperOptions={modifiers:{preventOverflow:{enabled:!1},hide:{enabled:!1}}}),this.appendToBody||(t.appendTo=this.triggerEl.parentNode),this.tip=i.a.one(this.triggerEl,t),this.disabled&&this.tip.disable()},destroyPopover:function(){this.tip&&(window.removeEventListener("scroll",this.onScroll),this.tip.destroy(),this.tip=null)},open:function(){this.tip&&this.tip.show()},close:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip.hide())},toggle:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=t.returnFocus,this.tip[this.tip.state.isVisible?"hide":"show"]())},isOpen:function(){return null!==this.tip&&this.tip.state.isVisible},onOpen:function(){this.closeOnScroll&&document.addEventListener("scroll",this.onScroll,!0),n.a.add(this.triggerEl,"has-dropdown-open"),this.$emit("open")},onShown:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),this.$emit("reveal")},onClose:function(){this.closeOnScroll&&document.removeEventListener("scroll",this.onScroll,!0),n.a.remove(this.triggerEl,"has-dropdown-open"),this.$emit("close")},onHidden:function(){this.lastFocusedElement&&this.returnFocus&&this.lastFocusedElement.focus(),this.$emit("hide"),this.returnFocus=!0},onScroll:function(t){this.isOpen()&&!this.$el.contains(t.target)&&this.close()}},components:{UiFocusContainer:r.a}}},function(t,e,o){"use strict";e.a={name:"ui-preloader",props:{show:{type:Boolean,required:!0}}}},function(t,e,o){"use strict";e.a={name:"ui-progress-circular",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0},size:{type:Number,default:32},stroke:Number,autoStroke:{type:Boolean,default:!0},disableTransition:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-progress-circular--color-"+this.color,"ui-progress-circular--type-"+this.type]},strokeDashArray:function(){var t=2*Math.PI*this.radius;return Math.round(1e3*t)/1e3},strokeDashOffset:function(){var t=this.moderateProgress(this.progress),e=2*Math.PI*this.radius;return(100-t)/100*e},radius:function(){var t=this.stroke?this.stroke:4;return(this.size-t)/2},calculatedStroke:function(){return this.stroke?this.stroke:this.autoStroke?parseInt(this.size/8,10):4}},methods:{moderateProgress:function(t){return isNaN(t)||t<0?0:t>100?100:t}}}},function(t,e,o){"use strict";e.a={name:"ui-progress-linear",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0}},computed:{classes:function(){return["ui-progress-linear--color-"+this.color,"ui-progress-linear--type-"+this.type]},moderatedProgress:function(){return this.progress<0?0:this.progress>100?100:this.progress}}}},function(t,e,o){"use strict";e.a={name:"ui-radio",props:{name:String,label:String,tabindex:[String,Number],value:{type:[Number,String],required:!0},trueValue:{type:[Number,String],required:!0},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},computed:{classes:function(){return["ui-radio--color-"+this.color,"ui-radio--button-position-"+this.buttonPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]},isChecked:function(){return String(this.value).length>0&&this.value==this.trueValue}},created:function(){this.checked&&this.$emit("input",this.trueValue)},methods:{focus:function(){this.$refs.input.focus()},toggleCheck:function(){this.disabled||this.$emit("input",this.trueValue)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)},onChange:function(t){this.$emit("change",this.isChecked,t)}}}},function(t,e,o){"use strict";var i=o(32);e.a={name:"ui-radio-group",props:{name:{type:String,required:!0},tabindex:[String,Number],label:String,options:{type:Array,required:!0},value:{type:[Number,String],required:!0},keys:{type:Object,default:function(){return{id:"id",class:"class",label:"label",value:"value",checked:"checked",disabled:"disabled"}}},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,initialValue:this.value,selectedOptionValue:this.value}},computed:{classes:function(){return["ui-radio-group--color-"+this.color,"ui-radio-group--button-position-"+this.buttonPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},watch:{selectedOptionValue:function(){this.$emit("input",this.selectedOptionValue),this.$emit("change",this.selectedOptionValue)},value:function(){this.selectedOptionValue=this.value}},methods:{reset:function(){this.$emit("input",this.initialValue)},isOptionCheckedByDefault:function(t){return this.initialValue==t[this.keys.value]||this.initialValue==t||t[this.keys.checked]},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}},components:{UiRadio:i.a}}},function(t,e,o){"use strict";var i=o(9),n=o(18),a=function(t,e){var o=e.currentTarget||e.target;if(o&&!i.a.has(o,"ui-ripple-ink")&&(o=o.querySelector(".ui-ripple-ink")),o){var n=o.getAttribute("data-ui-event");if(!n||n===t){o.setAttribute("data-ui-event",t);var a=o.getBoundingClientRect(),r=e.clientX-a.left,s=e.clientY-a.top,l=document.createElement("div"),c=void 0;c=a.width===a.height?1.412*a.width:Math.sqrt(a.width*a.width+a.height*a.height);var d=2*c+"px";l.style.width=d,l.style.height=d,l.style.marginLeft=-c+r+"px",l.style.marginTop=-c+s+"px",l.className="ui-ripple-ink__ink",o.appendChild(l),setTimeout(function(){i.a.add(l,"is-held")},0);var u="mousedown"===t?"mouseup":"touchend",v=function t(){document.removeEventListener(u,t),i.a.add(l,"is-done");var e=650;setTimeout(function(){o.removeChild(l),0===o.children.length&&o.removeAttribute("data-ui-event")},e)};document.addEventListener(u,v)}}},r=function(t){0===t.button&&a(t.type,t)},s=function(t){if(t.changedTouches)for(var e=0;e0?this.value.map(function(e){return e[t.keys.label]||e}).join(this.multipleDelimiter):"":this.value?this.value[this.keys.label]||this.value:""},hasDisplayText:function(){return Boolean(this.displayText.length)},hasNoResults:function(){return!this.loading&&0!==this.query.length&&(this.disableFilter?this.noResults:0===this.filteredOptions.length)},submittedValue:function(){var t=this;if(this.name&&this.value)return Array.isArray(this.value)?this.value.map(function(e){return e[t.keys.value]||e}).join(","):this.value[this.keys.value]||this.value}},watch:{filteredOptions:function(){this.highlightedIndex=0,o.i(c.b)(this.$refs.optionsList)},query:function(){this.$emit("query-change",this.query)}},created:function(){this.value&&""!==this.value||this.setValue(null)},mounted:function(){this.addExternalClickListener(this.$el,this.onExternalClick)},beforeDestroy:function(){this.removeExternalClickListener()},methods:{setValue:function(t){t=t?t:this.multiple?[]:"",this.$emit("input",t),this.$emit("change",t)},highlightOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{autoScroll:!0};if(this.highlightedIndex!==t&&0!==this.$refs.options.length){var o=0,i=this.$refs.options.length-1;ti&&(t=o),this.highlightedIndex=t,e.autoScroll&&this.scrollOptionIntoView(this.$refs.options[t].$el)}},selectHighlighted:function(t,e){this.$refs.options.length>0&&(e.preventDefault(),this.selectOption(this.$refs.options[t].option,t))},selectOption:function(t,e){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{autoClose:!0},i=this.multiple&&!this.isOptionSelected(t);this.multiple?this.updateOption(t,{select:i}):(this.setValue(t),this.selectedIndex=e),this.$emit("select",t,{selected:!this.multiple||i}),this.highlightedIndex=e,this.multiple||this.clearQuery(),!this.multiple&&o.autoClose&&this.closeDropdown()},isOptionSelected:function(t){return this.multiple?o.i(l.c)(this.value,t)>-1:o.i(l.a)(this.value,t)},updateOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{select:!0},i=[],n=!1,a=o.i(l.c)(this.value,t);e.select&&a<0&&(i=this.value.concat(t),n=!0),!e.select&&a>-1&&(i=this.value.slice(0,a).concat(this.value.slice(a+1)),n=!0),n&&this.setValue(i)},defaultFilter:function(t,e){var o=t[this.keys.label]||t;return"string"==typeof o&&(o=o.toLowerCase()),u()(e.toLowerCase(),o)},clearSelection:function(){this.setValue(null)},clearQuery:function(){this.query=""},focus:function(){this.$refs.label.focus()},toggleDropdown:function(){this.$refs.dropdown.toggle()},openDropdown:function(){this.disabled||(this.$refs.dropdown.open(),this.isActive||(this.isActive=!0))},closeDropdown:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoBlur:!1};this.$refs.dropdown.close(),this.isTouched||(this.isTouched=!0,this.$emit("touch")),t.autoBlur?this.isActive=!1:this.$refs.label.focus()},onFocus:function(t){this.isActive||(this.isActive=!0,this.$emit("focus",t))},onBlur:function(t){this.isActive=!1,this.$emit("blur",t),this.$refs.dropdown.isOpen()&&this.closeDropdown({autoBlur:!0})},onOpen:function(){var t=this;this.$refs.dropdown.$el.style.width=this.$refs.label.getBoundingClientRect().width+"px",this.$nextTick(function(){t.scrollOptionIntoView(t.$refs.optionsList.querySelector(".is-selected"))}),this.$emit("dropdown-open")},onReveal:function(){this.$refs[this.hasSearch?"searchInput":"dropdownContent"].focus()},onClose:function(){this.highlightedIndex=this.multiple?-1:this.selectedIndex,this.$emit("dropdown-close")},onExternalClick:function(){this.$refs.dropdown.isOpen()?this.closeDropdown({autoBlur:!0}):this.isActive&&(this.isActive=!1)},scrollOptionIntoView:function(t){o.i(c.a)(t,{container:this.$refs.optionsList,marginTop:180})},reset:function(){this.setValue(JSON.parse(this.initialValue)),this.clearQuery(),this.resetTouched(),this.selectedIndex=-1,this.highlightedIndex=-1},resetTouched:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiSelectOption:r.a},mixins:[s.a]}},function(t,e,o){"use strict";var i=o(3);e.a={name:"ui-select-option",props:{option:{type:[String,Object],required:!0},type:{type:String,default:"basic"},multiple:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{class:"class",label:"label",image:"image"}}}},computed:{classes:function(){return["ui-select-option--type-"+this.type,this.option[this.keys.class],{"is-highlighted":this.highlighted},{"is-selected":this.selected}]},imageStyle:function(){return{"background-image":"url("+this.option[this.keys.image]+")"}}},components:{UiIcon:i.a}}},function(t,e,o){"use strict";var i=o(3),n=o(9),a=o(118);e.a={name:"ui-slider",props:{name:String,tabindex:[String,Number],icon:String,value:{type:Number,required:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:10},snapToSteps:{type:Boolean,default:!1},showMarker:{type:Boolean,default:!1},markerValue:[String,Number],disabled:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isDragging:!1,thumbSize:0,trackLength:0,trackOffset:0,localValue:this.value}},computed:{classes:function(){return[{"is-dragging":this.isDragging},{"is-disabled":this.disabled},{"is-active":this.isActive},{"has-icon":this.hasIcon},{"has-marker":this.showMarker}]},hasIcon:function(){return Boolean(this.$slots.icon)||Boolean(this.icon)},fillStyle:function(){return{transform:"scaleX("+this.relativeValue(this.localValue)+")"}},thumbStyle:function(){return{transform:"translateX("+(this.relativeValue(this.localValue)*this.trackLength-this.thumbSize/2)+"px)"}},markerText:function(){return void 0===this.markerValue?this.value:this.markerValue},snapPoints:function(){for(var t=[],e=this.step*Math.ceil(this.moderatedMin/this.step);e<=this.moderatedMax;)t.push(e),e+=this.step;return t},moderatedMin:function(){return this.max>this.min?this.min:0},moderatedMax:function(){return this.max>this.min?this.max:100}},watch:{value:function(){this.setValue(this.value)},isDragging:function(){var t=this.isDragging?"add":"remove";n.a[t](document.body,"ui-slider--is-dragging")}},mounted:function(){this.initializeSlider()},beforeDestroy:function(){this.teardownSlider()},methods:{focus:function(){this.$el.focus()},reset:function(){this.setValue(this.initialValue)},onFocus:function(){this.isActive=!0,this.$emit("focus")},onBlur:function(){this.isActive=!1,this.$emit("blur")},onExternalClick:function(t){this.$el.contains(t.target)||this.onBlur()},setValueWithSnap:function(t){t=this.getEdge(t),this.snapToSteps&&(t=this.getNearestSnapPoint(t)),this.setValue(t)},setValue:function(t){t=this.getEdge(t),t!==this.localValue&&(this.localValue=t,this.$emit("input",t),this.$emit("change",t))},incrementValue:function(){this.setValueWithSnap(this.localValue+this.step)},decrementValue:function(){this.setValueWithSnap(this.localValue-this.step)},getTrackOffset:function(){for(var t=this.$refs.track,e=t.offsetLeft;t.offsetParent;)t=t.offsetParent,e+=t.offsetLeft;return e},getPointStyle:function(t){return{left:t+"%"}},refreshSize:function(){this.thumbSize=this.$refs.thumb.offsetWidth,this.trackLength=this.$refs.track.offsetWidth,this.trackOffset=this.getTrackOffset(this.$refs.track)},initializeSlider:function(){var t=this;document.addEventListener("touchend",this.onDragStop),document.addEventListener("mouseup",this.onDragStop),document.addEventListener("click",this.onExternalClick),this.$on("window-resize",function(){t.refreshSize(),t.isDragging=!1}),this.refreshSize(),this.initializeDrag()},teardownSlider:function(){document.removeEventListener("touchend",this.onDragStop),document.removeEventListener("mouseup",this.onDragStop),document.removeEventListener("click",this.onExternalClick)},initializeDrag:function(){var t=this.getEdge(this.localValue?this.localValue:0);this.setValue(t)},onDragStart:function(t){this.disabled||(this.isActive||this.onFocus(),this.isDragging=!0,this.dragUpdate(t),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("mousemove",this.onDragMove),this.$emit("dragstart",this.localValue,t))},onDragMove:function(t){this.dragUpdate(t)},dragUpdate:function(t){var e=t.touches?t.touches[0].pageX:t.pageX,o=(e-this.trackOffset)/this.trackLength,i=this.getEdge(this.moderatedMin+o*(this.moderatedMax-this.moderatedMin));this.isDragging&&this.setValue(Math.round(i))},onDragStop:function(t){this.isDragging&&(this.isDragging=!1,this.snapToSteps&&this.value%this.step!==0&&this.setValueWithSnap(this.value),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("mousemove",this.onDragMove),this.$emit("dragend",this.localValue,t))},getNearestSnapPoint:function(t){var e=Math.floor(t/this.step)*this.step,o=e+this.step,i=(e+o)/2;return ethis.moderatedMax?t:o:t>=i&&o<=this.moderatedMax?o:e},relativeValue:function(t){return(t-this.moderatedMin)/(this.moderatedMax-this.moderatedMin)},getEdge:function(t){return tthis.moderatedMax?this.moderatedMax:t}},components:{UiIcon:i.a},mixins:[a.a]}},function(t,e,o){"use strict";var i=o(4);e.a={name:"ui-snackbar",props:{message:String,action:String,actionColor:{type:String,default:"accent"},transition:{type:String,default:"slide"}},computed:{transitionName:function(){return"ui-snackbar--transition-"+this.transition}},methods:{onClick:function(){this.$emit("click")},onActionClick:function(){this.$emit("action-click")},onEnter:function(){this.$emit("show")},onLeave:function(){this.$emit("hide")}},components:{UiButton:i.a}}},function(t,e,o){"use strict";var i=o(33);e.a={name:"ui-snackbar-container",props:{queueSnackbars:{type:Boolean,default:!1},duration:{type:Number,default:5e3},allowHtml:{type:Boolean,default:!1},position:{type:String,default:"left"},transition:{type:String,default:"slide"}},data:function(){return{queue:[],snackbarTimeout:null}},computed:{classes:function(){return["ui-snackbar-container--position-"+this.position]}},beforeDestroy:function(){this.resetTimeout()},methods:{createSnackbar:function(t){return t.show=!1,t.duration=t.duration||this.duration,this.queue.push(t),1===this.queue.length?this.showNextSnackbar():void(this.queueSnackbars||(this.queue[0].show=!1))},showNextSnackbar:function(){return 0===this.queue.length?void this.$emit("queue-end"):void(this.queue[0].show=!0)},onShow:function(t){var e=this;0===this.queue.indexOf(t)&&(this.snackbarTimeout=setTimeout(function(){e.queue[0].show=!1},t.duration),this.$emit("snackbar-show",t),this.callHook("onShow",t))},onHide:function(t,e){this.resetTimeout(),this.queueSnackbars||1===this.queue.length?this.queue.splice(e,1):this.queue.splice(e,this.queue.length-1),this.$emit("snackbar-hide",t),this.callHook("onHide",t),this.showNextSnackbar()},onClick:function(t){t.show=!1,this.callHook("onClick",t)},onActionClick:function(t){this.callHook("onActionClick",t)},callHook:function(t,e){"function"==typeof e[t]&&e[t].call(void 0,e)},resetTimeout:function(){clearTimeout(this.snackbarTimeout),this.snackbarTimeout=null}},components:{UiSnackbar:i.a}}},function(t,e,o){"use strict";var i=o(11);e.a={name:"ui-switch",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},switchPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:o.i(i.a)(this.value,this.trueValue)||this.checked,initialValue:this.value}},computed:{classes:function(){return["ui-switch--color-"+this.color,"ui-switch--switch-position-"+this.switchPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=o.i(i.a)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(t){var e=this.isChecked,o=t.target.checked;this.$emit("input",o?this.trueValue:this.falseValue,t),e!==o&&this.$emit("change",o?this.trueValue:this.falseValue,t)},onFocus:function(t){this.isActive=!0,this.$emit("focus",t)},onBlur:function(t){this.isActive=!1,this.$emit("blur",t)}}}},function(t,e,o){"use strict";var i=o(25);e.a={name:"ui-tab",props:{id:{type:String,default:function(){return i.a.short("ui-tab-")}},title:String,selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},watch:{disabled:function(){this.$parent.onTabDisabledChange(this)}},created:function(){this.$parent.addTab(this)},beforeDestroy:function(){this.$parent.removeTab(this)},methods:{activate:function(){this.isActive=!0,this.$emit("select",this.id)},deactivate:function(){this.isActive=!1,this.$emit("deselect",this.id)}}}},function(t,e,o){"use strict";var i=o(3),n=o(5);e.a={name:"ui-tab-header-item",components:{UiIcon:i.a,UiRippleInk:n.a},props:{id:String,type:{type:String,default:"text"},title:String,active:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-tab-header-item--type-"+this.type,{"is-active":this.active},{"is-disabled":this.disabled}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type},hasText:function(){return"text"===this.type||"icon-and-text"===this.type}}}},function(t,e,o){"use strict";var i=o(119),n=o(242);e.a={name:"ui-tabs",components:{Render:i.a,UiTabHeaderItem:n.a},props:{type:{type:String,default:"text"},confirmTabChange:Function,backgroundColor:{type:String,default:"default"},textColor:{type:String,default:"black"},textColorActive:{type:String,default:"primary"},indicatorColor:{type:String,default:"primary"},fullwidth:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1}},data:function(){return{tabs:[],activeTabId:null,activeTabIndex:-1}},computed:{classes:function(){return["ui-tabs--type-"+this.type,"ui-tabs--text-color-"+this.textColor,"ui-tabs--text-color-active-"+this.textColorActive,"ui-tabs--background-color-"+this.backgroundColor,"ui-tabs--indicator-color-"+this.indicatorColor,{"is-raised":this.raised},{"is-fullwidth":this.fullwidth}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type}},watch:{activeTabId:function(){var t=this;this.tabs.forEach(function(e,o){t.activeTabId===e.id?(e.activate(),t.activeTabIndex=o):e.isActive&&e.deactivate()})}},methods:{addTab:function(t){this.tabs.push(t),(null===this.activeTabId||t.selected)&&(this.activeTabId=t.id)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&(this.tabs.splice(e,1),t.id===this.activeTabId&&this.selectTab(this.findNearestTab()))},onTabDisabledChange:function(t){t.disabled&&this.activeTabId===t.id&&this.selectTab(this.findNearestTab())},onTabClick:function(t,e){this.$emit("tab-click",t,e),this.selectTab(t)},selectTab:function(t){null===t||t.disabled||t.id===this.activeTabId||this.confirmTabChange&&!this.confirmTabChange(this.tabs[this.activeTabIndex],t)||(this.activeTabId=t.id,this.$emit("tab-change",t))},selectNextTab:function(){var t=this.findNextTab();t&&(this.selectTab(t),t.$el.focus())},selectPreviousTab:function(){var t=this.findPreviousTab();t&&(this.selectTab(t),t.$el.focus())},findNextTab:function(){for(var t=null,e=this.activeTabIndex+1;e=0;e--)if(this.$refs.tabHeaders[e]&&!this.$refs.tabHeaders[e].disabled){t=this.$refs.tabHeaders[e];break}return t},findNearestTab:function(){return this.findPreviousTab()||this.findNextTab()},findTabById:function(t){for(var e=0;e0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=t.touched},refreshSize:function(){this.autosizeInitialized&&r.a.update(this.$refs.textarea)},focus:function(){(this.$refs.input||this.$refs.textarea).focus()}},components:{UiIcon:n.a},directives:{autofocus:i.a}}},function(t,e,o){"use strict";var i=o(7),n=o(31);e.a={name:"ui-toolbar",props:{type:{type:String,default:"default"},textColor:{type:String,default:"black"},title:String,brand:String,removeBrandDivider:{type:Boolean,default:!1},navIcon:{type:String,default:"menu"},removeNavIcon:{type:Boolean,default:!1},raised:{type:Boolean,default:!0},progressPosition:{type:String,default:"bottom"},loading:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-toolbar--type-"+this.type,"ui-toolbar--text-color-"+this.textColor,"ui-toolbar--progress-position-"+this.progressPosition,{"is-raised":this.raised}]},progressColor:function(){return"black"===this.textColor?"primary":"white"},hasBrandDivider:function(){return!this.removeBrandDivider&&(this.brand||this.$slots.brand)}},methods:{navIconClick:function(){this.$emit("nav-icon-click")}},components:{UiIconButton:i.a,UiProgressLinear:n.a
-}}},function(t,e,o){"use strict";var i=o(28),n=o(18);e.a={name:"ui-tooltip",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},openDelay:{type:Number,default:0},openOn:{type:String,default:"mouseenter focus"},position:{type:String,default:"bottom"},trigger:{validator:function(t){return n.a.validate(t,'[UiTooltip]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string.')}}},mounted:function(){if(this.triggerEl=n.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiTooltip]: Trigger element not found.");var t={animateFill:"fade"!==this.animation,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:4,duration:"none"===this.animation?0:250,multiple:!0,performance:!0,placement:this.position,theme:"ui-tooltip",trigger:this.openOn.indexOf("hover")===-1?this.openOn:this.openOn.replace("hover","mouseenter")};this.appendToBody||(t.appendTo=this.triggerEl.parentNode),this.tip=i.a.one(this.triggerEl,t)},beforeDestroy:function(){this.tip&&(this.tip.destroy(),this.tip=null)}}},function(t,e,o){"use strict";e.a={beforeDestroy:function(){"function"==typeof this.externalClickListener&&this.removeExternalClickListener()},methods:{addExternalClickListener:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.$el,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.externalClickListener=function(i){e.contains(i.target)||("function"==typeof o?o(i):t.$emit("external-click",i))},document.addEventListener("click",this.externalClickListener)},removeExternalClickListener:function(){document.removeEventListener("click",this.externalClickListener),this.externalClickListener=null}}}},function(t,e,o){"use strict";var i=o(27),n=o.n(i);e.a={data:function(){return{windowResizeListener:null}},mounted:function(){var t=this;this.windowResizeListener=n()(function(){t.$emit("window-resize")},200),window.addEventListener("resize",this.windowResizeListener)},beforeDestroy:function(){window.removeEventListener("resize",this.windowResizeListener)}}},function(t,e,o){"use strict";e.a={name:"render",functional:!0,props:["nodes"],render:function(t,e){return t("div",{class:"ui-render"},e.props.nodes)}}},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function n(t){if(d===setTimeout)return setTimeout(t,0);if((d===o||!d)&&setTimeout)return d=setTimeout,setTimeout(t,0);try{return d(t,0)}catch(e){try{return d.call(null,t,0)}catch(e){return d.call(this,t,0)}}}function a(t){if(u===clearTimeout)return clearTimeout(t);if((u===i||!u)&&clearTimeout)return u=clearTimeout,clearTimeout(t);try{return u(t)}catch(e){try{return u.call(null,t)}catch(e){return u.call(this,t)}}}function r(){h&&_&&(h=!1,_.length?p=_.concat(p):f=-1,p.length&&s())}function s(){if(!h){var t=n(r);h=!0;for(var e=p.length;e;){for(_=p,p=[];++f1)for(var o=1;o=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},e))},o(191),e.setImmediate=setImmediate,e.clearImmediate=clearImmediate},function(t,e,o){"use strict";function i(t){o(172)}var n=o(45),a=o(300),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(158)}var n=o(46),a=o(285),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";var i=o(47),n=o(268),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);e.a=c.exports},function(t,e,o){"use strict";function i(t){o(185)}var n=o(48),a=o(313),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(189)}var n=o(49),a=o(317),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(133)}var n=o(50),a=o(258),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";var i=o(51),n=o(262),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);e.a=c.exports},function(t,e,o){"use strict";var i=o(52),n=o(298),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);e.a=c.exports},function(t,e,o){"use strict";function i(t){o(182)}var n=o(53),a=o(310),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(151)}var n=o(54),a=o(278),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(186)}var n=o(55),a=o(314),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(181)}var n=o(56),a=o(309),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(154)}var n=o(57),a=o(281),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(184)}var n=o(58),a=o(312),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(143)}var n=o(59),a=o(270),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(131)}var n=o(60),a=o(255),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(187)}var n=o(61),a=o(315),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(163)}var n=o(62),a=o(290),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(148)}var n=o(63),a=o(275),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(137)}var n=o(64),a=o(263),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(157)}var n=o(65),a=o(284),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";var i=o(66),n=o(256),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);e.a=c.exports},function(t,e,o){"use strict";function i(t){o(129)}var n=o(67),a=o(253),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(121)}var n=o(68),a=o(245),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(174)}var n=o(69),a=o(302),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(125)}var n=o(70),a=o(249),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(150)}var n=o(71),a=o(277),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(162)}var n=o(72),a=o(289),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(127)}var n=o(73),a=o(251),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(130)}var n=o(74),a=o(254),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(171)}var n=o(75),a=o(299),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(123)}var n=o(76),a=o(247),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(169)}var n=o(77),a=o(296),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(134)}var n=o(78),a=o(259),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(126)}var n=o(80),a=o(250),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(161)}var n=o(81),a=o(288),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(188)}var n=o(82),a=o(316),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(139)}var n=o(83),a=o(265),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(166)}var n=o(85),a=o(293),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(183)}var n=o(87),a=o(311),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(144)}var n=o(88),a=o(271),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(164)}var n=o(89),a=o(291),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(142)}var n=o(90),a=o(269),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(173)}var n=o(91),a=o(301),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(152)}var n=o(96),a=o(279),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(136)}var n=o(99),a=o(261),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(176)}var n=o(106),a=o(304),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(122)}var n=o(107),a=o(246),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(124)}var n=o(109),a=o(248),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(145)}var n=o(112),a=o(272),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";function i(t){o(179)}var n=o(115),a=o(307),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);e.a=d.exports},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-radio-group",class:t.classes},[t.label||t.$slots.default?o("div",{staticClass:"ui-radio-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-radio-group__radios"},t._l(t.options,function(e){return o("ui-radio",{key:e[t.keys.id],staticClass:"ui-radio-group__radio",class:e[t.keys.class],attrs:{"button-position":t.buttonPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name,tabindex:t.tabindex,"true-value":e[t.keys.value]||e},on:{blur:t.onBlur,focus:t.onFocus},model:{value:t.selectedOptionValue,callback:function(e){t.selectedOptionValue=e},expression:"selectedOptionValue"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?o("div",{staticClass:"ui-radio-group__feedback"},[t.showError?o("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-radio-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-select"},[o("h2",{staticClass:"page__title"},[t._v("UiSelect")]),t._v(" "),o("p",[t._v("UiSelect is a select component that allows the user to choose one or more options from a group of pre-defined or dynamically loaded options. It supports default options, multiple selection and filtering.")]),t._v(" "),o("p",[t._v("UiSelect can show a label above the input, an icon, as well as help or error below the input. It is keyboard accessible and supports a disabled state.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",options:t.colourStrings},model:{value:t.select1,callback:function(e){t.select1=e},expression:"select1"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With floating label")]),t._v(" "),o("ui-select",{attrs:{"floating-label":"",label:"Favourite colour",placeholder:"Select a colour",options:t.colourStrings},model:{value:t.select2,callback:function(e){t.select2=e},expression:"select2"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon")]),t._v(" "),o("ui-select",{attrs:{icon:"colorize",label:"Favourite colour",placeholder:"Select a colour",options:t.colourStrings},model:{value:t.select2o5,callback:function(e){t.select2o5=e},expression:"select2o5"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With a default selection")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",options:t.colourStrings},model:{value:t.select3,callback:function(e){t.select3=e},expression:"select3"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: image")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",type:"image",options:t.colours},model:{value:t.select4,callback:function(e){t.select4=e},expression:"select4"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: image, with a default selection")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",type:"image",options:t.colours},model:{value:t.select5,callback:function(e){t.select5=e},expression:"select5"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With help")]),t._v(" "),o("ui-select",{attrs:{help:"You favourite colour will be used on your profile page",label:"Favourite colour",placeholder:"Select a colour",type:"image",options:t.colours},model:{value:t.select6,callback:function(e){t.select6=e},expression:"select6"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multiple selection")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:t.colours},model:{value:t.select7,callback:function(e){t.select7=e},expression:"select7"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multiple selection with defaults")]),t._v(" "),o("ui-select",{attrs:{label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:t.colours},model:{value:t.select8,callback:function(e){t.select8=e},expression:"select8"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With search")]),t._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:t.colours},model:{value:t.select9,callback:function(e){t.select9=e},expression:"select9"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With validation")]),t._v(" "),o("ui-select",{attrs:{error:"You must select at least 2 colours","has-search":"",help:"Select 2 or more colours",label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",invalid:t.select10Touched&&t.select10.length<2,options:t.colours},on:{touch:function(e){t.select10Touched=!0}},model:{value:t.select10,callback:function(e){t.select10=e},expression:"select10"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With dynamic options (remote search)")]),t._v(" "),o("ui-select",{attrs:{"disable-filter":"","has-search":"",label:"Favourite colours",placeholder:"Select a colour","search-placeholder":'Type "red" or "blue"',type:"image",loading:t.select11Loading,"no-results":t.select11NoResults,options:t.select11Options},on:{"query-change":t.onQueryChange},model:{value:t.select11,callback:function(e){t.select11=e},expression:"select11"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With many options (248)")]),t._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Country",placeholder:"Select your country",keys:{label:"name",value:"code"},options:t.countries},model:{value:t.select12,callback:function(e){t.select12=e},expression:"select12"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With custom template")]),t._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Favourite colours",multiple:"",placeholder:"Select some colours",options:t.colourStrings},scopedSlots:t._u([{key:"option",fn:function(e){return[o("code",[t._v(t._s(e))])]}}]),model:{value:t.select12o5,callback:function(e){t.select12o5=e},expression:"select12o5"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-select",{attrs:{disabled:"",label:"Favourite colour",placeholder:"Select a colour"},model:{value:t.select13,callback:function(e){t.select13=e},expression:"select13"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled with a selection")]),t._v(" "),o("ui-select",{attrs:{disabled:"",label:"Favourite colour",placeholder:"Select a colour",options:t.colourStrings},model:{value:t.select14,callback:function(e){t.select14=e},expression:"select14"}})],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the select's hidden input element. Useful when traditionally submitting a form the select is a part of.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("String, Number, Object or Array")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model the selected value or values sync to. Can be set initially for default value/values.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("options")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td",[o("code",[t._v("[]")])]),t._v(" "),o("td",[o("p",[t._v("An array of options to show to the user.")]),t._v(" "),o("p",[t._v("Can be a plain array, e.g. "),o("code",[t._v("['Red', 'Blue', 'Green']")]),t._v(" as well as an array of objects.")]),t._v(" "),o("p",[t._v("For a plain array, the option is shown to the user and it is used for filtering.")]),t._v(" "),o("p",[t._v("For an array of objects, the "),o("code",[t._v("label")]),t._v(" is shown to the user and is used for filtering, and the "),o("code",[t._v("value")]),t._v(" is submitted to the server. If provided, "),o("code",[t._v("class")]),t._v(", will be applied to the option element's "),o("code",[t._v("class")]),t._v(" attribute. You can redefine these keys to fit your data using the "),o("code",[t._v("keys")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("The entire option is written to the model when the user makes a selection.")])])]),t._v(" "),o("tr",[o("td",[t._v("multiple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the user can select multiple options.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to allow multiple selection.")])])]),t._v(" "),o("tr",[o("td",[t._v("multipleDelimiter")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('", "')])]),t._v(" "),o("td",[t._v("The delimiter (separator) to use for displaying multiple selected options.")])]),t._v(" "),o("tr",[o("td",[t._v("placeholder")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("Text to display in the select when no option is selected.")])]),t._v(" "),o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"basic"')])]),t._v(" "),o("td",[o("p",[t._v("The type of template to use for rendering each option. One of "),o("code",[t._v("basic")]),t._v(" or "),o("code",[t._v("image")]),t._v(".")]),t._v(" "),o("p",[t._v("The default type is "),o("code",[t._v("basic")]),t._v(", which simply renders the option text.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("image")]),t._v(" type renders each option with with an image. To use, set "),o("code",[t._v("type")]),t._v(" to "),o("code",[t._v("image")]),t._v(" and set an image URL as the "),o("code",[t._v("image")]),t._v(" property on each option. You can redefine the "),o("code",[t._v("image")]),t._v(" key to fit your data using the "),o("code",[t._v("keys")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("You can also render each option with a custom template using the "),o("code",[t._v("option")]),t._v(" scoped slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("hasSearch")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to show a search input for filtering the select options or getting a query for remote search.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show a search input.")])])]),t._v(" "),o("tr",[o("td",[t._v("searchPlaceholder")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("placeholder")]),t._v(" attribute of the search input.")])]),t._v(" "),o("tr",[o("td",[t._v("filter")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td",[o("a",{attrs:{href:"https://github.com/bevacqua/fuzzysearch",target:"_blank",rel:"noopener"}},[t._v("fuzzysearch")])]),t._v(" "),o("td",[o("p",[t._v("Defines a custom filter function that is used for filtering the options when the user types into the search input.")]),t._v(" "),o("p",[t._v("The function is called for each item in the "),o("code",[t._v("options")]),t._v(" array with two arguments:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("option")]),t._v(": (Number, String or Object) - the current option")]),t._v(" "),o("li",[o("code",[t._v("query")]),t._v(": (String) - the current value of the search input (what the user has typed)")]),t._v(" "),o("li",[o("code",[t._v("defaultFilter")]),t._v(": (Function) - Keen UI's default filter function. You can call this with the option and query to defer to the default fuzzy filter behavior. Remember to return its result from your custom filter function if you're using it.")])]),t._v(" "),o("p",[t._v("The function should return "),o("code",[t._v("true")]),t._v(" if the option matches the query or "),o("code",[t._v("false")]),t._v(" otherwise.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableFilter")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to disable the internal filtering of options. With this set to "),o("code",[t._v("true")]),t._v(", you have to implement filtering externally if needed.")]),t._v(" "),o("p",[t._v("This prop is useful when you want to implement custom/remote search.")]),t._v(" "),o("p",[t._v("See the "),o("b",[t._v("With dynamic options (remote search)")]),t._v(" section above for an example usage.")])])]),t._v(" "),o("tr",[o("td",[t._v("sort")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("Defines a custom sort function that is used for sorting the options after they are filtered.")]),t._v(" "),o("p",[t._v("The function should implement the standard "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax",target:"_blank",rel:"noopener"}},[o("code",[t._v("Array.prototype.sort()")]),t._v(" compare callback")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("loading")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to show a circular progress spinner on the search input.")]),t._v(" "),o("p",[t._v("This prop is useful for showing feedback to the user when you are doing a remote search. Set to "),o("code",[t._v("true")]),t._v(" to show the spinner and "),o("code",[t._v("false")]),t._v(" to hide it.")]),t._v(" "),o("p",[t._v("See the "),o("b",[t._v("With dynamic options (remote search)")]),t._v(" section above for an example usage.")])])]),t._v(" "),o("tr",[o("td",[t._v("noResults")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the no results message is be shown.")]),t._v(" "),o("p",[t._v("The no results message will be shown if this is "),o("code",[t._v("true")]),t._v(" and following conditions are met:")]),t._v(" "),o("ul",[o("li",[t._v("The query (user input) is empty")]),t._v(" "),o("li",[t._v("The "),o("code",[t._v("loading")]),t._v(" prop is "),o("code",[t._v("false")])]),t._v(" "),o("li",[t._v("The "),o("code",[t._v("disableFilter")]),t._v(" prop is "),o("code",[t._v("true")])])]),t._v(" "),o("p",[t._v("See the "),o("b",[t._v("With dynamic options (remote search)")]),t._v(" section above for an example usage.")])])]),t._v(" "),o("tr",[o("td",[t._v("keys")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n class: 'class',\n label: 'label',\n image: 'image'\n}")])]),t._v(" "),o("td",[o("p",[t._v("Allows for redefining each option object's keys.")]),t._v(" "),o("p",[t._v("Pass an object with custom keys if your data does not match the default keys.")]),t._v(" "),o("p",[t._v("Note that if you redefine one key, you have to define all the others as well.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the select is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the select label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The select icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the select. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The select label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("floatingLabel")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the label starts out inline and moves to float above the select when it is focused.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a floating label. This will disable the select placeholder until the label is floating.")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The select "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown to the user below the select. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the select for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the select when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the select for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the select is disabled. Set to "),o("code",[t._v("true")]),t._v(" to disable the select.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{
-attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the select label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("option")]),t._v(" "),o("td",[o("p",[t._v("Use this slot to render each option with a custom template. The slot is passed the following properties, which will be available through "),o("code",[t._v("scope")]),t._v(":")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("option")]),t._v(": (Object or String) - the option")]),t._v(" "),o("li",[o("code",[t._v("index")]),t._v(": (Number) - the index of the option in the array of matched options")]),t._v(" "),o("li",[o("code",[t._v("highlighted")]),t._v(": (Boolean) - whether or not the option is currently highlighted")])]),t._v(" "),o("p",[t._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[t._v("Scoped Slots documentation")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("no-results")]),t._v(" "),o("td",[o("p",[t._v("Holds the content shown to the user when there is no matching option for their query.")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the select icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the select help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the select error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("select")]),t._v(" "),o("td",[o("p",[t._v("Emitted when an option is selected. The handler is called with the selected option and an object which shows if the option was selected or deselected.")]),t._v(" "),o("p",[t._v("This object will have "),o("code",[t._v("{ selected: true }")]),t._v(" if the option was selected or "),o("code",[t._v("{ selected: false }")]),t._v(" otherwise.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@select")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("query-change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the query (the search input value) changes.")]),t._v(" "),o("p",[t._v("The handler is called with the new query. Listen for it using "),o("code",[t._v("@query-change")]),t._v(".")]),t._v(" "),o("p",[t._v("See the "),o("b",[t._v("With dynamic options (remote search)")]),t._v(" section above for an example usage.")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select value changes.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("touch")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select is focused for the first time and then blurred.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@touch")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select dropdown is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select dropdown is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-close")]),t._v(".")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the select.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("clearSelection()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to clear the current selection.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("clearQuery()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to clear the search query.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the select to its initial value. You should also reset the "),o("code",[t._v("invalid")]),t._v(" prop.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("resetTouched()")])]),t._v(" "),o("td",[t._v("Call this method to reset the touched state of the select. By default it will set the touched state to "),o("code",[t._v("false")]),t._v(", but you can pass an object with "),o("code",[t._v("{ touched: true }")]),t._v(" to set the touched state to "),o("code",[t._v("true")]),t._v(".")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSelect.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-slider",class:t.classes,attrs:{role:"slider","aria-valuemax":t.moderatedMax,"aria-valuemin":t.moderatedMin,"aria-valuenow":t.localValue,tabindex:t.disabled?null:t.tabindex||"0"},on:{blur:t.onBlur,focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:(e.preventDefault(),t.decrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:(e.preventDefault(),t.incrementValue(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),t.incrementValue(e)):null}]}},[t.name?o("input",{staticClass:"ui-slider__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.value}}):t._e(),t._v(" "),t.hasIcon?o("div",{staticClass:"ui-slider__icon"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{ref:"track",staticClass:"ui-slider__track",on:{mousedown:t.onDragStart,touchstart:t.onDragStart}},[o("div",{staticClass:"ui-slider__track-background"},t._l(t.snapPoints,function(e){return t.snapToSteps?o("span",{staticClass:"ui-slider__snap-point",style:{left:100*t.relativeValue(e)+"%"}}):t._e()}),0),t._v(" "),o("div",{staticClass:"ui-slider__track-fill",style:t.fillStyle}),t._v(" "),o("div",{ref:"thumb",staticClass:"ui-slider__thumb",style:t.thumbStyle},[t.showMarker?o("div",{staticClass:"ui-slider__marker"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"36",height:"36"}},[o("path",{attrs:{d:"M11 .5c-1.7.2-3.4.9-4.7 2-1.1.9-2 2-2.5 3.2-1.2 2.4-1.2 5.1-.1 7.7 1.1 2.6 2.8 5 5.3 7.5 1.2 1.2 2.8 2.7 3 2.7 0 0 .3-.2.6-.5 3.2-2.7 5.6-5.6 7.1-8.5.8-1.5 1.1-2.6 1.3-3.8.2-1.4 0-2.9-.5-4.3-1.2-3.2-4.1-5.4-7.5-5.8-.5-.2-1.5-.2-2-.2z"}})]),t._v(" "),o("span",{staticClass:"ui-slider__marker-text"},[t._v(t._s(t.markerText))])]):t._e()])])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:t.disableAnimation?null:"ui-alert--transition-toggle"}},[o("div",{staticClass:"ui-alert",class:t.classes,attrs:{role:"alert"}},[o("div",{staticClass:"ui-alert__body"},[t.removeIcon?t._e():o("div",{staticClass:"ui-alert__icon"},[t._t("icon",["info"===t.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 9V6.984h-1.97V9h1.97zm0 8.016v-6h-1.97v6h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"success"===t.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm2.016-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e(),t._v(" "),"warning"===t.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 14.016v-4.03h-1.97v4.03h1.97zm0 3.984v-2.016h-1.97V18h1.97zm-12 3L12 2.016 23.016 21H.986z"}})])]):t._e(),t._v(" "),"error"===t.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 12.984v-6h-1.97v6h1.97zm0 4.032V15h-1.97v2.016h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):t._e()])],2),t._v(" "),o("div",{staticClass:"ui-alert__content"},[t._t("default")],2),t._v(" "),o("div",{staticClass:"ui-alert__dismiss-button"},[t.dismissible?o("ui-close-button",{attrs:{size:"small"},on:{click:t.dismissAlert}}):t._e()],1)])])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-snackbar-container",class:t.classes},t._l(t.queue,function(e,i){return o("ui-snackbar",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"snackbar.show"}],key:i,attrs:{"action-color":e.actionColor,action:e.action,message:e.message,transition:t.transition},on:{"action-click":function(o){t.onActionClick(e)},click:function(o){t.onClick(e)},hide:function(o){t.onHide(e,i)},show:function(o){t.onShow(e)}}},[t.allowHtml?o("div",{domProps:{innerHTML:t._s(e.message)}}):t._e()])}),1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-snackbar"},[o("h2",{staticClass:"page__title"},[t._v("UiSnackbar")]),t._v(" "),o("p",[t._v("UiSnackbar provides lightweight feedback about an operation by showing a brief message at the bottom of the screen. Snackbars can contain an action.")]),t._v(" "),o("p",[t._v("UiSnackbarContainer allows you to create and manage multiple snackbars, controlling their visibility to ensure only one snackbar is shown at a time. The transition and position of snackbars relative to the container can be customized.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-snackbar",[t._v("Post published")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With action")]),t._v(" "),o("ui-snackbar",{attrs:{action:"Retry"}},[t._v("Database connection failed")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multi-line")]),t._v(" "),o("ui-snackbar",[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis.\n ")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Action color: primary")]),t._v(" "),o("ui-snackbar",{attrs:{action:"Undo","action-color":"primary"}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis.\n ")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("UiSnackbarContainer demo")]),t._v(" "),o("div",{staticClass:"preview-controls"},[o("ui-radio-group",{attrs:{name:"position",options:["left","center","right"]},model:{value:t.position,callback:function(e){t.position=e},expression:"position"}},[t._v("Position")]),t._v(" "),o("ui-radio-group",{attrs:{name:"transition",options:["slide","fade"]},model:{value:t.transition,callback:function(e){t.transition=e},expression:"transition"}},[t._v("Transition")]),t._v(" "),o("ui-switch",{model:{value:t.queueSnackbars,callback:function(e){t.queueSnackbars=e},expression:"queueSnackbars"}},[t._v("\n Queue snackbars: "+t._s(t.queueSnackbars?"On":"Off")+"\n ")]),t._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter a message"},model:{value:t.message,callback:function(e){t.message=e},expression:"message"}},[t._v("Snackbar message")]),t._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter action button text"},model:{value:t.action,callback:function(e){t.action=e},expression:"action"}},[t._v("Action text")]),t._v(" "),o("ui-radio-group",{attrs:{name:"action_color",options:["accent","primary"]},model:{value:t.actionColor,callback:function(e){t.actionColor=e},expression:"actionColor"}},[t._v("Action color")]),t._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter the duration in seconds",type:"number"},model:{value:t.duration,callback:function(e){t.duration=t._n(e)},expression:"duration"}},[t._v("Duration (seconds)")]),t._v(" "),o("ui-button",{on:{click:t.createSnackbar}},[t._v("Create snackbar")])],1),t._v(" "),o("div",{staticClass:"preview-pane"},[o("ui-snackbar-container",{ref:"snackbarContainer",attrs:{position:t.position,transition:t.transition,"queue-snackbars":t.queueSnackbars}})],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API: UiSnackbar")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("message")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The snackbar message (text-only). For HTML (not recommended), use the default slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("action")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The snackbar action button text.")]),t._v(" "),o("p",[t._v("Setting this prop will show an action button. Otherwise, no action button is shown.")])])]),t._v(" "),o("tr",[o("td",[t._v("actionColor")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"accent"')])]),t._v(" "),o("td",[o("p",[t._v("The snackbar action button text color. One of "),o("code",[t._v("accent")]),t._v(" or "),o("code",[t._v("primary")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("transition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"slide"')])]),t._v(" "),o("td",[o("p",[t._v("The snackbar show/hide transition. One of "),o("code",[t._v("slide")]),t._v(" or "),o("code",[t._v("fade")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the snackbar text and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("show")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the snackbar is shown.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@show")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("hide")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the snackbar is hidden. You should listen for this event and remove the snackbar.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@hide")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("click")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the snackbar is clicked. You should listen for this event and remove the snackbar.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@click")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("action-click")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the snackbar action is clicked.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@action-click")]),t._v(".")])])])])])])])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API: UiSnackbarContainer")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("duration")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("5000")])]),t._v(" "),o("td",[o("p",[t._v("The default duration in milliseconds of snackbars shown in this container.")]),t._v(" "),o("p",[t._v("Only applies to snackbars created without a duration.")])])]),t._v(" "),o("tr",[o("td",[t._v("queueSnackbars")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not snackbars should be queued and shown one after the other.")]),t._v(" "),o("p",[t._v("By default, creating a new snackbar while one is visible will cause the visible one to immediately transition out for the new one.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to ensure that each snackbar is shown for its complete duration.")])])]),t._v(" "),o("tr",[o("td",[t._v("allowHtml")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not snackbars created in this container can have HTML in their "),o("code",[t._v("message")]),t._v(" property.")]),t._v(" "),o("p",[t._v("Set this prop to "),o("code",[t._v("true")]),t._v(" to allow HTML in the snackbars created in this container.")]),t._v(" "),o("p",[o("b",[t._v("Note")]),t._v(": Using HTML in snackbars is not recommended.")])])]),t._v(" "),o("tr",[o("td",[t._v("position")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of snackbars relative to the container. One of "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("center")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("transition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"slide"')])]),t._v(" "),o("td",[o("p",[t._v("The show/hide transition of snackbars in the container. One of "),o("code",[t._v("slide")]),t._v(" or "),o("code",[t._v("fade")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("snackbar-show")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a snackbar is shown in the container. The handler is called with the snackbar.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@snackbar-show")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("snackbar-hide")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a snackbar is hidden from the container. The handler is called with the snackbar.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@snackbar-hide")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("queue-end")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the last snackbar in a queue is hidden.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@queue-end")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("createSnackbar()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to create a new snackbar, passing in an options object with any of the props of UiSnackbar.")]),t._v(" "),o("p",[t._v("You can also specify the following additional properties and callback functions on the options object:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("duration")]),t._v(" (Number) - the duration of the snackbar in milliseconds.")]),t._v(" "),o("li",[o("code",[t._v("onShow")]),t._v(" (Function) - called when the snackbar is shown, passed the snackbar object.")]),t._v(" "),o("li",[o("code",[t._v("onHide")]),t._v(" (Function) - called when the snackbar is hidden, passed the snackbar object.")]),t._v(" "),o("li",[o("code",[t._v("onClick")]),t._v(" (Function) - called when the snackbar is clicked, passed the snackbar object.")]),t._v(" "),o("li",[o("code",[t._v("onActionClick")]),t._v(" (Function) - called when the snackbar action is clicked, passed the snackbar object.")])])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSnackbar.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-calendar",class:t.classes},[o("div",{staticClass:"ui-calendar__header"},[o("div",{staticClass:"ui-calendar__header-year",class:{"is-active":t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!0},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!0):null}}},[t._v(t._s(t.headerYear))]),t._v(" "),o("div",{staticClass:"ui-calendar__header-details",class:{"is-active":!t.showYearPicker},attrs:{tabindex:"0"},on:{click:function(e){t.showYearPicker=!1},keydown:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void(t.showYearPicker=!1):null}}},[o("span",{staticClass:"ui-calendar__header-day"},[t._v(t._s(t.headerDay)+", ")]),t._v(" "),o("span",{staticClass:"ui-calendar__header-date"},[t._v(t._s(t.headerDate))])])]),t._v(" "),o("div",{staticClass:"ui-calendar__body"},[o("ul",{directives:[{name:"show",rawName:"v-show",value:t.showYearPicker,expression:"showYearPicker"}],ref:"years",staticClass:"ui-calendar__years"},t._l(t.yearRange,function(e){return t.isYearOutOfRange(e)?t._e():o("li",{staticClass:"ui-calendar__year",class:t.getYearClasses(e),attrs:{tabindex:"0"},on:{click:function(o){t.selectYear(e)},keydown:function(o){return"button"in o||!t._k(o.keyCode,"enter",13,o.key,"Enter")?void t.selectYear(e):null}}},[t._v(t._s(e))])}),0),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:!t.showYearPicker,expression:"!showYearPicker"}]},[o("ui-calendar-controls",{ref:"controls",attrs:{"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate},on:{"go-to-date":t.onGoToDate}}),t._v(" "),o("ui-calendar-month",{ref:"month",attrs:{"date-filter":t.dateFilter,"date-in-view":t.dateInView,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,selected:t.value,"start-of-week":t.startOfWeek},on:{change:t.onMonthChange,"date-select":t.onDateSelect}})],1),t._v(" "),t.$slots.footer?o("div",{staticClass:"ui-calendar__footer"},[t._t("footer")],2):t._e()])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-textbox"},[o("h2",{staticClass:"page__title"},[t._v("UiTextbox")]),t._v(" "),o("p",[t._v("UiTextbox is a versatile text input component with support for hover, focus, active, invalid and disabled states.")]),t._v(" "),o("p",[t._v("A label can be shown above the textbox as well as help or error below the textbox. UiTextbox can show an icon to the left or right of the input. It can also show a counter of the number of characters entered.")]),t._v(" "),o("p",[t._v("UiTextbox supports multi-line text input (textarea) and the textbox will grow by default to fit its content.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-textbox",{attrs:{label:"Name",placeholder:"Enter your name"},model:{value:t.textbox1,callback:function(e){t.textbox1=e},expression:"textbox1"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Floating label")]),t._v(" "),o("ui-textbox",{attrs:{"floating-label":"",label:"Name",placeholder:"Enter your name"},model:{value:t.textbox2,callback:function(e){t.textbox2=e},expression:"textbox2"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-textbox",{attrs:{disabled:"",label:"Name",placeholder:"Enter your name"},model:{value:t.textbox3,callback:function(e){t.textbox3=e},expression:"textbox3"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With default value")]),t._v(" "),o("ui-textbox",{attrs:{label:"Name",placeholder:"Enter your name"},model:{value:t.textbox4,callback:function(e){t.textbox4=e},expression:"textbox4"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With default value, disabled")]),t._v(" "),o("ui-textbox",{attrs:{disabled:"",label:"Name",placeholder:"Enter your name"},model:{value:t.textbox5,callback:function(e){t.textbox5=e},expression:"textbox5"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With help")]),t._v(" "),o("ui-textbox",{attrs:{help:"If you have multiple names, enter the one you prefer",label:"Name",placeholder:"Enter your name"},model:{value:t.textbox6,callback:function(e){t.textbox6=e},expression:"textbox6"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon")]),t._v(" "),o("ui-textbox",{attrs:{icon:"phone",label:"Phone number",placeholder:"Enter your phone number",type:"tel"},model:{value:t.textbox7,callback:function(e){t.textbox7=e},expression:"textbox7"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon, no label")]),t._v(" "),o("ui-textbox",{attrs:{icon:"search",placeholder:"Search"},model:{value:t.textbox8,callback:function(e){t.textbox8=e},expression:"textbox8"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("iconPosition: right, with help")]),t._v(" "),o("ui-textbox",{attrs:{help:"If you have multiple email addresses, enter the one you use the most","icon-position":"right",icon:"mail",label:"Email address",placeholder:"Enter your email address",type:"email"},model:{value:t.textbox9,callback:function(e){t.textbox9=e},expression:"textbox9"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With validation: required")]),t._v(" "),o("ui-textbox",{attrs:{autocomplete:"off",error:"This field is required",help:"If you have multiple names, enter the one you prefer",label:"Name",placeholder:"Enter your name",required:"",invalid:t.textbox10Touched&&0===t.textbox10.length},on:{touch:function(e){t.textbox10Touched=!0}},model:{value:t.textbox10,callback:function(e){t.textbox10=e},expression:"textbox10"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With validation and counter (max length)")]),t._v(" "),o("ui-textbox",{attrs:{error:"The username may not be more than 16 characters",help:"Pick a unique username not more than 16 characters",icon:"person",label:"Username",placeholder:"Enter a username",maxlength:16,invalid:t.textbox11.length>16},model:{value:t.textbox11,callback:function(e){t.textbox11=e},expression:"textbox11"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: number, min: 0, max: 99")]),t._v(" "),o("ui-textbox",{attrs:{help:"The ideal number of cats a person should own, minimum 0, maximum 99",label:"Number of Cats",placeholder:"Enter number of cats",type:"number",min:0,max:99},model:{value:t.textbox12,callback:function(e){t.textbox12=t._n(e)},expression:"textbox12"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multi-line (textarea)")]),t._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"",help:"Maximum 256 characters",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:t.textbox13,callback:function(e){t.textbox13=e},expression:"textbox13"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multi-line (textarea) with floating label")]),t._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"","floating-label":"",help:"Maximum 256 characters",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:t.textbox14,callback:function(e){t.textbox14=e},expression:"textbox14"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multi-line (textarea) with icon")]),t._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"",help:"Maximum 256 characters",icon:"face",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:t.textbox15,callback:function(e){t.textbox15=e},expression:"textbox15"}})],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the textbox input element.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model")]),t._v(" "),o("td",[t._v("String, Number")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model that the textbox value syncs to. Can be set initially as a default value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"text"')])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("type")]),t._v(" attribute of the textbox input element.")]),t._v(" "),o("p",[t._v("Supported values are "),o("code",[t._v("text")]),t._v(", "),o("code",[t._v("password")]),t._v(", "),o("code",[t._v("search")]),t._v(", "),o("code",[t._v("email")]),t._v(", "),o("code",[t._v("url")]),t._v(", "),o("code",[t._v("tel")]),t._v(", and "),o("code",[t._v("number")]),t._v(". Other values for which the browser shows a custom UI may work, but are not supported.")]),t._v(" "),o("p",[t._v("Only applicable when "),o("code",[t._v("multiLine")]),t._v(" is "),o("code",[t._v("false")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("placeholder")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("placeholder")]),t._v(" attribute of the textbox input element.")])]),t._v(" "),o("tr",[o("td",[t._v("multiLine")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the textbox is a rendered as a textarea.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to render a textarea.")])])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the input is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the textbox label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("rows")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("2")])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("rows")]),t._v(" attribute of the textarea element.")]),t._v(" "),o("p",[t._v("Only applicable when the "),o("code",[t._v("multiLine")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("required")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("required")]),t._v(" attribute of the textbox input and textarea elements.")])])]),t._v(" "),o("tr",[o("td",[t._v("readonly")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("readonly")]),t._v(" attribute of the textbox input and textarea elements.")])])]),t._v(" "),o("tr",[o("td",[t._v("autofocus")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the textbox should automatically receive focus when it is rendered for the first time.")]),t._v(" "),o("p",[t._v("Only one input element should have this prop set to "),o("code",[t._v("true")]),t._v(" in the document for the autofocus to work properly.")])])]),t._v(" "),o("tr",[o("td",[t._v("autocomplete")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The type of autocomplete suggestions the browser should offer for the input.")]),t._v(" "),o("p",[t._v("See the "),o("a",{
-attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete",target:"_blank",rel:"noopener"}},[t._v("autocomplete attribute docs")]),t._v(" for more info.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v('"off"')]),t._v(" to disable the browser autocomplete.")])])]),t._v(" "),o("tr",[o("td",[t._v("autosize")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the textarea should automatically grow in height to fit its content.")]),t._v(" "),o("p",[t._v("Note that when you change the textbox's value programmatically, you should call the "),o("code",[t._v("refreshSize()")]),t._v(" method to update the textarea size.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to disable auto sizing.")])])]),t._v(" "),o("tr",[o("td",[t._v("min")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("min")]),t._v(" attribute of the textbox input element.")]),t._v(" "),o("p",[t._v("Only applicable when the "),o("code",[t._v("type")]),t._v(" prop is "),o("code",[t._v('"number"')]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("max")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("max")]),t._v(" attribute of the textbox input element.")]),t._v(" "),o("p",[t._v("Only applicable when the "),o("code",[t._v("type")]),t._v(" prop is "),o("code",[t._v('"number"')]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("step")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td",[o("code",[t._v('"any"')])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("step")]),t._v(" attribute of the textbox input element.")]),t._v(" "),o("p",[t._v("Only applicable when the "),o("code",[t._v("type")]),t._v(" prop is "),o("code",[t._v('"number"')]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("maxlength")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("maxlength")]),t._v(" attribute of the input and textarea elements. When set, a character counter will be shown below the textbox.")]),t._v(" "),o("p",[t._v("The max length restriction is only enforced when the "),o("code",[t._v("enforceMaxlength")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("enforceMaxlength")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to enforce the "),o("code",[t._v("maxlength")]),t._v(" prop as an input restriction.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to ensure that the user cannot enter more characters than "),o("code",[t._v("maxlength")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The textbox icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the textbox. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The textbox label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("floatingLabel")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the textbox label starts out inline and moves to float above the input when it is focused.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a floating label. This will disable the input placeholder.")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The textbox input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown below the textbox. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the textbox for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the textbox input when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the textbox for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the input is disabled. Set to "),o("code",[t._v("true")]),t._v(" to disable the input.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the autocomplete label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the textbox icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the textbox help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the textbox error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the select value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a change in the textbox value is committed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[t._v("onchange event documentation")]),t._v(" for more information.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("touch")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the textbox is focused for the first time and then blurred.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@touch")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the textbox is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the textbox loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("keydown")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a key is pressed in the input. The handler is called with the event object.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@keydown")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("keydown-enter")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the Enter key is pressed in the input. The handler is called with the event object.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@keydown-enter")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the textbox.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the textbox to its initial value. You should also reset the "),o("code",[t._v("invalid")]),t._v(" prop.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("resetTouched()")])]),t._v(" "),o("td",[t._v("Call this method to reset the touched state of the textbox. By default it will set the touched state to "),o("code",[t._v("false")]),t._v(", but you can pass an object with "),o("code",[t._v("{ touched: true }")]),t._v(" to set the touched state to "),o("code",[t._v("true")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("refreshSize()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to refresh the size of the textarea when you change the value programmatically.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTextbox.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("label",{staticClass:"ui-radio",class:t.classes,on:{click:t.toggleCheck}},[o("div",{staticClass:"ui-radio__input-wrapper"},[o("input",{ref:"input",staticClass:"ui-radio__input",attrs:{type:"radio",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.checked,value:t.trueValue},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus}}),t._v(" "),o("div",{staticClass:"ui-radio__focus-ring"}),t._v(" "),o("span",{staticClass:"ui-radio__outer-circle"}),t._v(" "),o("span",{staticClass:"ui-radio__inner-circle"})]),t._v(" "),t.label||t.$slots.default?o("div",{staticClass:"ui-radio__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-ripple-ink"},[o("h2",{staticClass:"page__title"},[t._v("UiRippleInk")]),t._v(" "),o("p",[t._v("UiRippleInk shows a ripple ink animation when the element it is associated with is touched or clicked. The ripple ink color and opacity can be customized.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Color: blue")]),t._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--tv-shows page__demo-group--color-blue has-custom-color"},t._l(t.tvShows,function(t,e){return o("image-pane",{key:e,attrs:{image:t.image}})}),1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: orange, Opacity: 0.95")]),t._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--the-simpsons page__demo-group--color-orange has-custom-color has-custom-opacity\n "},t._l(t.theSimpsons,function(t,e){return o("image-pane",{key:e,attrs:{image:t.image}})}),1)]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("trigger")]),t._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[t._v("Element")]),t._v(", String, VueComponent")]),t._v(" "),o("td",[t._v("Parent element")]),t._v(" "),o("td",[o("p",[t._v("An Element or VueComponent instance to use for the trigger, or a CSS selector string.")]),t._v(" "),o("p",[t._v('Make sure this element is "positioned" (i.e. its CSS '),o("code",[t._v("position")]),t._v(" property is set to either "),o("code",[t._v("relative")]),t._v(" or "),o("code",[t._v("absolute")]),t._v(").")]),t._v(" "),o("p",[t._v("The ripple event listeners will be attached to this element, and when it's clicked or touched, a ripple ink animation will be shown on the element.")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("trigger")]),t._v(" is not provided or the selector doesn't match any element, the ripple's immediate parent element is used as the trigger. Note that the parent used is the ripple's parent in the DOM, not the Vue parent component.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("To customize the color, use CSS to set the "),o("code",[t._v("color")]),t._v(" property on the containing element (which the ripple ink will inherit as background color) or set the "),o("code",[t._v("background-color")]),t._v(" property on "),o("code",[t._v(".ui-ripple-ink__ink")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("To customize the opacity, use CSS to set the "),o("code",[t._v("opacity")]),t._v(" property on "),o("code",[t._v(".ui-ripple-ink__ink")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiRippleInk is used internally by many components, including "),o("a",{attrs:{href:"#/ui-button"}},[t._v("UiButton")]),t._v(", "),o("a",{attrs:{href:"#/ui-collapsible"}},[t._v("UiCollapsible")]),t._v(", "),o("a",{attrs:{href:"#/ui-icon-button"}},[t._v("UiIconButton")]),t._v(", "),o("a",{attrs:{href:"#/ui-fab"}},[t._v("UiFab")]),t._v(", "),o("a",{attrs:{href:"#/ui-menu"}},[t._v("UiMenu")]),t._v(", and "),o("a",{attrs:{href:"#/ui-tabs"}},[t._v("UiTabs")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRippleInk.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-toolbar"},[o("h2",{staticClass:"page__title"},[t._v("UiToolbar")]),t._v(" "),o("p",[t._v("UiToolbar components shows a toolbar with a navigation icon, branding, title, and actions.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton1",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton1.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Raised: false")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{title:"Inbox",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton2",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton2.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With brand")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{brand:"Mail App",title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton3",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton3.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: colored")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{type:"colored","text-color":"white",title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton4",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton4.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: colored, with brand")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{brand:"Mail App","text-color":"white",title:"Inbox",type:"colored"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton6",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton6.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: colored, with linear progress")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{loading:"","text-color":"white",type:"colored"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton5",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton5.closeDropdown()}},slot:"dropdown"})],1)],1),t._v("\n\n Inbox\n ")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: clear, text-color: white")]),t._v(" "),o("div",{staticClass:"page__demo-group has-photo-cover page__demo-group--photo-1"},[o("ui-toolbar",{attrs:{brand:"Photo App","text-color":"white",title:"Gallery",type:"clear",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"arrow_back",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton7",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton7.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: clear, text-color: black, with linear progress on top")]),t._v(" "),o("div",{staticClass:"page__demo-group has-photo-cover page__demo-group--photo-2"},[o("ui-toolbar",{attrs:{brand:"Photo App",loading:"","progress-position":"top",title:"Gallery",type:"clear",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"arrow_back",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton8",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton8.closeDropdown()}},slot:"dropdown"})],1)],1)])],1)]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Combined with tabs")]),t._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--has-tabs"},[o("ui-toolbar",{attrs:{brand:"Book App","remove-brand-divider":"","text-color":"white",type:"colored",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),t._v(" "),o("ui-icon-button",{ref:"dropdownButton8",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton8.closeDropdown()}},slot:"dropdown"})],1)],1)]),t._v(" "),o("ui-tabs",{attrs:{"background-color":"primary",fullwidth:"","indicator-color":"white","text-color-active":"white","text-color":"white",type:"text"}},[o("ui-tab",{attrs:{title:"Books",icon:"book"}},[t._v("\n My Books\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Authors",icon:"people"}},[t._v("\n Authors\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Collections",icon:"collections_bookmark"}},[t._v("\n My collections\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Favourites",icon:"favorite"}},[t._v("\n My favourites\n ")])],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[t._v("The type of toolbar (determines the background color). One of "),o("code",[t._v("default")]),t._v(", "),o("code",[t._v("colored")]),t._v(" or "),o("code",[t._v("clear")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("textColor")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"black"')])]),t._v(" "),o("td",[t._v("The toolbar text and icon color. One of "),o("code",[t._v("black")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("title")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The toolbar title (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])]),t._v(" "),o("tr",[o("td",[t._v("brand")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The brand (text only). For HTML, use the "),o("code",[t._v("brand")]),t._v(" slot.")])]),t._v(" "),o("tr",[o("td",[t._v("removeBrandDivider")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("Whether or not the divider between the brand and title is removed.")]),t._v(" "),o("p",[t._v("By default, if the brand is set, the divider is shown, otherwise it is removed.")])])]),t._v(" "),o("tr",[o("td",[t._v("navIcon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"menu"')])]),t._v(" "),o("td",[o("p",[t._v("The toolbar navigation icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon or icon button using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("removeNavIcon")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the navigation icon is removed. Set to "),o("code",[t._v("true")]),t._v(" to remove the navigation icon.")])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[t._v("Whether or not the toolbar has a drop shadow. Set to "),o("code",[t._v("false")]),t._v(" to remove the drop shadow.")])]),t._v(" "),o("tr",[o("td",[t._v("progressPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"bottom"')])]),t._v(" "),o("td",[t._v("The position of the progress bar relative to the toolbar. One of "),o("code",[t._v("top")]),t._v(" or "),o("code",[t._v("bottom")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("loading")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the progress is shown. Set to "),o("code",[t._v("true")]),t._v(" to show the progress.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the toolbar title and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the toolbar navigation icon and can contain any custom or SVG icon or icon button.")])])]),t._v(" "),o("tr",[o("td",[t._v("brand")]),t._v(" "),o("td",[t._v("Holds the toolbar brand and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("actions")]),t._v(" "),o("td",[t._v("Holds the toolbar actions and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("nav-icon-click")]),t._v(" "),o("td",[t._v("Emitted when the navigation icon is clicked. Listen for it using "),o("code",[t._v("@nav-icon-click")]),t._v(".")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiToolbar has three types: "),o("code",[t._v("default")]),t._v(", "),o("code",[t._v("colored")]),t._v(" and "),o("code",[t._v("clear")]),t._v(". The toolbar can be raised (with a drop shadow) and the navigation icon, brand, title and actions can be customized using slots.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiToolbar.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-modal"},[o("h2",{staticClass:"page__title"},[t._v("UiModal")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("UiModal is keyboard accessible (can be closed with the ESC key, keep tab focus in the modal and return focus to the element that had it before the modal was open).")]),t._v(" "),o("p",[t._v("UiModal can be dismissed by one or more of these three events: on ESC key press, clicking the backdrop, or clicking the close button. These events can be customized. Dismissing can be disabled to prevent the user from closing the modal.")]),t._v(" "),o("p",[t._v("UiModal has three transition types (scale up, scale down, fade) and four sizes (small, normal, large and fullscreen). Custom sizes can be achieved using CSS.")]),t._v(" "),o("p",[t._v("The modal will automatically add a vertical scrollbar to its body when the content overflows the available space.")]),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__demo"},[o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal1")}}},[t._v("Basic Modal")]),t._v(" "),o("ui-modal",{ref:"modal1",attrs:{title:"Basic Modal"}},[t._v("\n Hello World! What's happening?\n ")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Close methods")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal2")}}},[t._v("Can't close by clicking backdrop")]),t._v(" "),o("ui-modal",{ref:"modal2",attrs:{"dismiss-on":"close-button esc",title:"Can't close by clicking backdrop"}},[t._v("\n Hello World! What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal3")}}},[t._v("Can't close at all")]),t._v(" "),o("ui-modal",{ref:"modal3",attrs:{title:"Stuck with me!",dismissible:!1}},[t._v("\n Can't close at all. Refresh the page to continue.\n ")])],1),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Custom header and footer")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal4")}}},[t._v("No header close button")]),t._v(" "),o("ui-modal",{ref:"modal4",attrs:{"remove-close-button":"",title:"Header × button is removed"}},[t._v("Hello World! What's happening?")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal5")}}},[t._v("Custom header")]),t._v(" "),o("ui-modal",{ref:"modal5"},[o("div",{attrs:{slot:"header"},slot:"header"},[o("b",[t._v("Custom")]),t._v(" header has "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML",target:"_blank",rel:"noopener"}},[t._v("HTML")])]),t._v("\n\n Hey, some "),o("b",[t._v("nice")]),t._v(" text here.\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal6")}}},[t._v("With footer")]),t._v(" "),o("ui-modal",{ref:"modal6",attrs:{title:"With footer"}},[t._v("\n Hello, World. What's happening?\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[t._v("Say Hi")]),t._v(" "),o("ui-button",{on:{click:function(e){t.closeModal("modal6")}}},[t._v("Close")])],1)])],1),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Top alignment")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal601")}}},[t._v("Aligned top")]),t._v(" "),o("ui-modal",{
-ref:"modal601",attrs:{title:"Aligned top","align-top":""}},[t._v("\n Hello, World. What's happening?\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[t._v("Say Hi")]),t._v(" "),o("ui-button",{on:{click:function(e){t.closeModal("modal601")}}},[t._v("Close")])],1)]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal602")}}},[t._v("Aligned top, custom margin")]),t._v(" "),o("ui-modal",{ref:"modal602",attrs:{title:"Aligned top","align-top":"","align-top-margin":200}},[t._v("\n This is aligned top, with a custom top margin of 200px.\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[t._v("Say Hi")]),t._v(" "),o("ui-button",{on:{click:function(e){t.closeModal("modal602")}}},[t._v("Close")])],1)])],1),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Sizes")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal7")}}},[t._v("Small")]),t._v(" "),o("ui-modal",{ref:"modal7",attrs:{size:"small",title:"Small modal"}},[t._v("\n Hello, World. What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal701")}}},[t._v("Normal (default)")]),t._v(" "),o("ui-modal",{ref:"modal701",attrs:{size:"normal",title:"Normal modal"}},[t._v("\n Hello, World. What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal8")}}},[t._v("Large")]),t._v(" "),o("ui-modal",{ref:"modal8",attrs:{size:"large",title:"Large modal"}},[t._v("\n Hello, World. What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal801")}}},[t._v("Fullscreen")]),t._v(" "),o("ui-modal",{ref:"modal801",attrs:{size:"fullscreen",title:"Fullscreen modal",transition:"scale-up"}},[t._v("\n This is a fullscreen modal with a "),o("code",[t._v("scale-up")]),t._v(" transition.\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal9")}}},[t._v("Scrolling Modal")]),t._v(" "),o("ui-modal",{ref:"modal9",attrs:{title:"Scrolling Modal",transition:"scale-up"}},[o("p",[t._v("This is a scrolling modal with a "),o("code",[t._v("scale-up")]),t._v(" transition.")]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit maiores perspiciatis suscipit sit nemo. Similique dignissimos, quas nisi aperiam dolorum omnis tenetur impedit, cum eaque harum officia? Rerum ullam ratione non perferendis, vel harum quam.")]),t._v(" "),o("p",[t._v("Provident iste, iusto adipisci, tenetur harum porro omnis sequi eveniet, accusantium facilis non ipsum. Excepturi deleniti tempore error atque aperiam quia dolorum perferendis. Libero accusamus dolor ipsam soluta impedit laboriosam optio veritatis obcaecati atque, asperiores!")]),t._v(" "),o("p",[t._v("Quidem reprehenderit dolorem ducimus, expedita repellendus amet eaque voluptas molestiae debitis, adipisci obcaecati in nulla dolor eos ex illum. Quas molestiae dolores voluptatibus ullam et, quisquam nisi, consequuntur quod unde earum corporis nam harum repellat.")]),t._v(" "),o("p",[t._v("Dolores sapiente saepe a explicabo quia possimus obcaecati quasi, quod asperiores dolore velit animi in eligendi incidunt, corporis at ut ipsum quos inventore quas suscipit tempore voluptatem voluptates. Quae dicta magni commodi sed, nisi animi!")]),t._v(" "),o("p",[t._v("Itaque voluptas facere totam et explicabo, asperiores unde, cumque amet illo, hic sit excepturi quis architecto maxime. Aliquam nostrum ad blanditiis consequatur cum nulla, hic, reiciendis optio voluptate tenetur, maxime quisquam assumenda. Dignissimos corrupti, magnam.")]),t._v(" "),o("p",[t._v("Quia, dolor, dolores? Sed dolor, maxime, nihil et cupiditate adipisci vel, accusantium repellendus voluptate quisquam optio dolorem illum tenetur rem. Voluptatem, officiis. Autem porro totam non vitae, officiis, ad dolorum, architecto dolor ratione, sed eligendi.")]),t._v(" "),o("p",[t._v("Similique quidem, magni, dolores quam repellat provident? Sunt beatae ipsum, dignissimos eos iusto rem aspernatur unde commodi nam reprehenderit quis molestias accusantium. Enim quo beatae velit quisquam veritatis! Sed dolorem praesentium quidem consequuntur, impedit dolores?")]),t._v(" "),o("p",[t._v("Ab, illum necessitatibus dolorum fuga. Aspernatur repellat assumenda aliquid officia aut accusamus veniam ipsum temporibus, suscipit nulla quibusdam libero aperiam aliquam, molestias in, possimus nemo soluta vero sed architecto. Libero doloremque aliquid a quam nostrum.")]),t._v(" "),o("p",[t._v("Non quam et earum soluta quasi animi numquam perferendis magni explicabo impedit tempore ducimus aperiam natus veniam, eum esse, unde delectus velit nihil laudantium dolorum rem. Soluta dignissimos libero, laboriosam cupiditate, sint ipsum ab maiores.")]),t._v(" "),o("p",[t._v("Totam quas nobis iste iure voluptatem. Dolores tempore voluptates omnis inventore, laborum eaque aperiam eligendi, maxime beatae, exercitationem fugit. Quae non, eum dignissimos consequuntur voluptate vel ipsam quos minima sequi. Illum eius natus maxime reiciendis.")])])],1),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Transitions")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal10")}}},[t._v("Scale up")]),t._v(" "),o("ui-modal",{ref:"modal10",attrs:{title:"Scale Up Transition",transition:"scale-up"}},[t._v("\n Hello, World. What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal101")}}},[t._v("Scale down (default)")]),t._v(" "),o("ui-modal",{ref:"modal101",attrs:{title:"Scale Down Transition (default)",transition:"scale-down"}},[t._v("\n Hello, World. What's happening?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal102")}}},[t._v("Fade in")]),t._v(" "),o("ui-modal",{ref:"modal102",attrs:{title:"Fade In Transition",transition:"fade"}},[t._v("\n Hello, World. What's happening?\n ")])],1),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[t._v("Nesting")]),t._v(" "),o("ui-button",{on:{click:function(e){t.openModal("modal11")}}},[t._v("Nested Modal")]),t._v(" "),o("ui-modal",{ref:"modal11",attrs:{title:"Level 1"}},[t._v("\n Level 1 modal contents here\n\n "),o("ui-button",{on:{click:function(e){t.openModal("modal12")}}},[t._v("Level 2")]),t._v(" "),o("ui-modal",{ref:"modal12",attrs:{title:"Level 2"}},[t._v("\n Level 2 modal contents here\n\n "),o("ui-button",{on:{click:function(e){t.openModal("modal13")}}},[t._v("Level 3")]),t._v(" "),o("ui-modal",{ref:"modal13",attrs:{title:"Level 3"}},[t._v("\n Level 3 modal contents here\n\n "),o("ui-button",{attrs:{color:"primary","has-dropdown":"","constrain-dropdown-to-scroll-parent":!1}},[o("div",{staticClass:"keen-docs__custom-popover-content",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[t._v("Hey")]),t._v(" there!")]),t._v(" "),o("p",[t._v("Button dropdowns can have any content, not just menus. "),o("button",[t._v("A button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit dolor eos, earum repudiandae magnam sunt vitae officiis. Quae recusandae ut quisquam saepe odit consequuntur dolore, inventore quia. Mollitia, in, culpa. "),o("button",[t._v("Another button")])])]),t._v("\n\n Dropdown\n ")])],1)],1)],1)],1)]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("title")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"UiModal title"')])]),t._v(" "),o("td",[o("p",[t._v("The modal title (text only). For HTML, use the "),o("code",[t._v("header")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[o("p",[t._v("The size of the modal. One of "),o("code",[t._v("small")]),t._v(", "),o("code",[t._v("normal")]),t._v(", "),o("code",[t._v("large")]),t._v(", or "),o("code",[t._v("fullscreen")]),t._v(".")]),t._v(" "),o("p",[t._v("For more custom sizes, override the "),o("code",[t._v("width")]),t._v(" property of "),o("code",[t._v(".ui-modal__container")]),t._v(" using CSS.")])])]),t._v(" "),o("tr",[o("td",[t._v("alignTop")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the modal should be vertically aligned to the top of the viewport.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("true")]),t._v(", the modal will be top aligned, instead of vertically centered.")]),t._v(" "),o("p",[t._v("You can customize the distance from the top of the viewport using the "),o("code",[t._v("alignTopMargin")]),t._v(" prop.")])])]),t._v(" "),o("tr",[o("td",[t._v("alignTopMargin")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("60")])]),t._v(" "),o("td",[o("p",[t._v("The modal's distance from the top of the viewport, in pixels.")]),t._v(" "),o("p",[t._v("Applies only when the "),o("code",[t._v("alignTop")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("role")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"dialog"')])]),t._v(" "),o("td",[o("p",[t._v("The ARIA role for the modal (important for accessibility).")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("dialog")]),t._v(" or "),o("code",[t._v("alertdialog")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("transition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"scale-down"')])]),t._v(" "),o("td",[o("p",[t._v("The modal enter/leave transition. One of "),o("code",[t._v("scale-up")]),t._v(", "),o("code",[t._v("scale-down")]),t._v(" or "),o("code",[t._v("fade")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("removeHeader")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the modal header is removed.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to remove the modal header (useful for custom modals).")])])]),t._v(" "),o("tr",[o("td",[t._v("removeCloseButton")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the header close button is removed.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to remove the header close button.")])])]),t._v(" "),o("tr",[o("td",[t._v("preventShift")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to add a dummy scrollbar to the modal backdrop to prevent the modal shifting horizontally when the "),o("code",[t._v("")]),t._v(" scrollbar is hidden.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to prevent the modal shift.")])])]),t._v(" "),o("tr",[o("td",[t._v("dismissible")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the modal can be dismissed.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to prevent the user from dismissing the modal. This will also hide the header close button.")])])]),t._v(" "),o("tr",[o("td",[t._v("dismissOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"backdrop close-button esc"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the modal to be dismissed.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("backdrop")]),t._v(", "),o("code",[t._v("close-button")]),t._v(", or "),o("code",[t._v("esc")]),t._v(". Separate multiple events with a space.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the modal body and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("header")]),t._v(" "),o("td",[t._v("Holds the the modal header and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("footer")]),t._v(" "),o("td",[t._v("Holds the the modal footer and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the modal starts to open.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("reveal")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the modal is revealed (i.e. when the open transition completes).")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@reveal")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the modal starts to close.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("hide")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the modal close transition completes.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@hide")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("open()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to open the modal.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("close()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to close the modal.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiModal is used to show modal dialogs. The modal's header, body and footer can be customized using "),o("code",[t._v("slots")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiModal.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-radio-group"},[o("h2",{staticClass:"page__title"},[t._v("UiRadioGroup")]),t._v(" "),o("p",[t._v("UiRadioGroup shows a group of mutually exclusive radio buttons. It supports hover, focus and disabled states. One or more options in the group can be disabled or the entire group can be disabled.")]),t._v(" "),o("p",[t._v("UiRadioGroup can show a label above the group as well as help or error below the group and it allows for resetting the group to its initial state.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-radio-group",{attrs:{name:"group1",options:["Ned","Rod","Todd"]},model:{value:t.group1,callback:function(e){t.group1=e},expression:"group1"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With default selection")]),t._v(" "),o("ui-radio-group",{attrs:{name:"group2",options:t.options.defaultGroup},model:{value:t.group2,callback:function(e){t.group2=e},expression:"group2"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With help")]),t._v(" "),o("ui-radio-group",{attrs:{help:"Choose your favourite neighbor-eeno",name:"group3",options:t.options.defaultGroup},model:{value:t.group3,callback:function(e){t.group3=e},expression:"group3"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With error")]),t._v(" "),o("ui-radio-group",{attrs:{error:"You must choose Rod",help:"Choose your favourite neighbor-eeno",name:"group4",options:t.options.defaultGroup,invalid:"rod"!==t.group4},model:{value:t.group4,callback:function(e){t.group4=e},expression:"group4"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Vertical")]),t._v(" "),o("ui-radio-group",{attrs:{name:"group5",vertical:"",options:t.options.defaultGroup},model:{value:t.group5,callback:function(e){t.group5=e},expression:"group5"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Individual option disabled")]),t._v(" "),o("ui-radio-group",{attrs:{name:"group6",options:t.options.secondGroup},model:{value:t.group6,callback:function(e){t.group6=e},expression:"group6"}},[t._v("Favourite Flanders")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Group disabled")]),t._v(" "),o("ui-radio-group",{attrs:{name:"group7",disabled:"",options:t.options.defaultGroup},model:{value:t.group7,callback:function(e){t.group7=e},expression:"group7"}},[t._v("Favourite Flanders")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name *")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[t._v("(required)")]),t._v(" "),o("td",[o("p",[t._v("The name of the radio group.")]),t._v(" "),o("p",[t._v("Applied as the "),o("code",[t._v("name")]),t._v(" attribute on each input element in the radio group.")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The radio group label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model that the selected value in the radio group syncs to. Can be set initially for a default selection.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("options *")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td",[t._v("(required)")]),t._v(" "),o("td",[o("p",[t._v("An array of options to show to the user as radio buttons. The array can either be of strings or objects (but not both).")]),t._v(" "),o("p",[t._v("For an array of objects, each option object supports the following properties:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("id")]),t._v(": Applied as the "),o("code",[t._v("id")]),t._v(" attribute of the option's root element.")]),t._v(" "),o("li",[o("code",[t._v("class")]),t._v(": Applied as the "),o("code",[t._v("class")]),t._v(" attribute of the option's root element.")]),t._v(" "),o("li",[o("code",[t._v("label")]),t._v("*: The option's label - shown to the user.")]),t._v(" "),o("li",[o("code",[t._v("value")]),t._v("*: The option's value - written to the model when the option is selected.")]),t._v(" "),o("li",[o("code",[t._v("checked")]),t._v(": Whether or not the option is selected by default. This is overridden by the radio group's initial "),o("code",[t._v("value")]),t._v(" if it's non-empty.")]),t._v(" "),o("li",[o("code",[t._v("disabled")]),t._v(": Whether or not the option is disabled.")])]),t._v(" "),o("p",[t._v("For an array of strings, each option string is used as both the label and the value.")])])]),t._v(" "),o("tr",[o("td",[t._v("keys")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n id: 'id',\n class: 'class',\n label: 'label',\n value: 'value',\n checked: 'checked',\n disabled: 'disabled'\n}")])]),t._v(" "),o("td",[o("p",[t._v("Allows for redefining the option keys. The "),o("code",[t._v("id")]),t._v(", "),o("code",[t._v("class")]),t._v(", "),o("code",[t._v("checked")]),t._v(", and "),o("code",[t._v("disabled")]),t._v(" keys are optional.")]),t._v(" "),o("p",[t._v("Pass an object with custom keys if your data does not match the default keys.")]),t._v(" "),o("p",[t._v("Note that if you redefine one key, you have to define all the others as well.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of a selected radio button in the group. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("buttonPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[t._v("The position of the radio buttons relative to their labels. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("vertical")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the radio group options are rendered vertically, one over the other.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a vertical radio group.")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The radio group "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown to the user below the radio group. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the radio group for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the radio group when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the radio group for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the radio group is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the radio group label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the radio group is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the radio group.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the radio group label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the radio group help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the radio group error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a radio button in the group is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a radio button in the group loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the radio group value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the value of the radio group is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the radio group's value to its initial value. You should also reset the "),o("code",[t._v("invalid")]),t._v(" prop.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRadioGroup.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:"ui-progress-linear--transition-fade"}},[o("div",{staticClass:"ui-progress-linear",class:t.classes},["determinate"===t.type?o("div",{staticClass:"ui-progress-linear__progress-bar is-determinate",style:{transform:"scaleX("+t.moderatedProgress/100+")"},attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.moderatedProgress}}):o("div",{staticClass:"ui-progress-linear__progress-bar is-indeterminate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0}})])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-checckbox"},[o("h2",{staticClass:"page__title"},[t._v("UiCheckbox")]),t._v(" "),o("p",[t._v("UiCheckbox shows a checkbox. It supports keyboard focus, hover and disabled states. The position of the checkbox relative to the label can be changed.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{model:{value:t.check1,callback:function(e){t.check1=e},expression:"check1"}},[t._v("Do it now")]),t._v(" "),o("ui-checkbox",{model:{value:t.check2,callback:function(e){t.check2=e},expression:"check2"}},[t._v("Do it well")]),t._v(" "),o("ui-checkbox",{attrs:{disabled:""},model:{value:t.check3,callback:function(e){t.check3=e},expression:"check3"}},[t._v("Can't change this")]),t._v(" "),o("ui-checkbox",{attrs:{disabled:""},model:{value:t.check4,callback:function(e){t.check4=e},expression:"check4"}},[t._v("Can't change this too")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: accent")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{attrs:{color:"accent"},model:{value:t.check1,callback:function(e){t.check1=e},expression:"check1"}},[t._v("Do it now")]),t._v(" "),o("ui-checkbox",{attrs:{color:"accent"},model:{value:t.check2,callback:function(e){t.check2=e},expression:"check2"}},[t._v("Do it well")]),t._v(" "),o("ui-checkbox",{attrs:{color:"accent",disabled:""},model:{value:t.check3,callback:function(e){t.check3=e},expression:"check3"}},[t._v("Can't change this")]),t._v(" "),o("ui-checkbox",{attrs:{color:"accent",disabled:""},model:{value:t.check4,callback:function(e){t.check4=e},expression:"check4"}},[t._v("Can't change this too")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Box position: right")]),t._v(" "),o("div",{staticClass:"page__demo-group has-box-right"},[o("ui-checkbox",{attrs:{"box-position":"right"},model:{value:t.check1,callback:function(e){t.check1=e},expression:"check1"}},[t._v("Do it now")]),t._v(" "),o("ui-checkbox",{attrs:{"box-position":"right"},model:{value:t.check2,callback:function(e){t.check2=e},expression:"check2"}},[t._v("Do it well")]),t._v(" "),o("ui-checkbox",{attrs:{"box-position":"right",disabled:""},model:{value:t.check3,callback:function(e){t.check3=e},expression:"check3"}},[t._v("Can't change this")]),t._v(" "),o("ui-checkbox",{attrs:{"box-position":"right",disabled:""},model:{value:t.check4,callback:function(e){t.check4=e},expression:"check4"}},[t._v("Can't change this too")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("HTML in Label")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{model:{value:t.check5,callback:function(e){t.check5=e},expression:"check5"}},[t._v("Just "),o("b",[o("i",[t._v("do")])]),t._v(" it!")])],1)]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the checkbox input element.")])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The checkbox label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td"),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model that the checkbox value syncs to.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("trueValue")]),t._v(" prop will be written to this model when the checkbox is checked and the "),o("code",[t._v("falseValue")]),t._v(" prop will be written to it when the checkbox is unchecked.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("checked")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the checkbox is checked by default.")])]),t._v(" "),o("tr",[o("td",[t._v("trueValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[t._v("The value that will be written to the model when the checkbox is checked.")])]),t._v(" "),o("tr",[o("td",[t._v("falseValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("The value that will be written to the model when the checkbox is unchecked.")])]),t._v(" "),o("tr",[o("td",[t._v("submittedValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v('"on"')])]),t._v(" "),o("td",[t._v("The value that will be submitted for the checkbox when it is checked. Applied as the "),o("code",[t._v("value")]),t._v(" attribute of the checkbox input element.")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of a selected checkbox. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("boxPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[t._v("The position of the checkbox relative to the label. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The checkbox input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the checkbox is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the checkbox.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{
-attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the checkbox label and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the checkbox is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the checkbox loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the checkbox value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a change in the checkbox value is committed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[t._v("onchange event documentation")]),t._v(" for more information.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the checkbox.")]),t._v(" "),o("p",[t._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[t._v("input modality")]),t._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiCheckbox supports two colors: "),o("code",[t._v("primary")]),t._v(" and "),o("code",[t._v("accent")]),t._v(". It also allows for customizing the true and false values.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("To connect multiple checkboxes to a single array of values, use "),o("a",{attrs:{href:"#/ui-checkbox-group"}},[t._v("UiCheckboxGroup")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCheckbox.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("li",{staticClass:"ui-autocomplete-suggestion",class:t.classes},[t._t("default",["simple"===t.type?o("div",{staticClass:"ui-autocomplete-suggestion__simple"},[t._v("\n "+t._s(t.suggestion[t.keys.label]||t.suggestion)+"\n ")]):t._e(),t._v(" "),"image"===t.type?o("div",{staticClass:"ui-autocomplete-suggestion__image"},[o("div",{staticClass:"ui-autocomplete-suggestion__image-object",style:t.imageStyle}),t._v(" "),o("div",{staticClass:"ui-autocomplete-suggestion__image-text"},[t._v(t._s(t.suggestion[t.keys.label]))])]):t._e()])],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-tabs",class:t.classes},[o("div",{staticClass:"ui-tabs__header"},[o("ul",{staticClass:"ui-tabs__header-items",attrs:{role:"tablist"}},t._l(t.tabs,function(e){return o("ui-tab-header-item",{key:e.id,ref:"tabHeaders",refInFor:!0,attrs:{active:t.activeTabId===e.id,"disable-ripple":t.disableRipple,disabled:e.disabled,id:e.id,title:e.title,type:t.type},nativeOn:{click:function(o){t.onTabClick(e,o)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:t.selectPreviousTab(e):null},function(e){return"button"in e||!t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:t.selectNextTab(e):null}]}},[e.$slots.header?o("render",{attrs:{nodes:e.$slots.header}}):t.hasIcon&&Boolean(e.$slots.icon)?o("render",{attrs:{slot:"icon",nodes:e.$slots.icon},slot:"icon"}):t._e()],1)}),1)]),t._v(" "),o("div",{staticClass:"ui-tabs__body"},[t._t("default")],2)])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-preloader",class:{"is-loading":t.show}},[o("div",{staticClass:"ui-preloader__progressbar",attrs:{role:"progressbar","aria-busy":!!t.show&&"true"}})])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-checkbox-group"},[o("h2",{staticClass:"page__title"},[t._v("UiCheckboxGroup")]),t._v(" "),o("p",[t._v("UiCheckboxGroup shows a group of related checkboxes. It supports hover, focus and disabled states.")]),t._v(" "),o("p",[t._v("UiCheckboxGroup can show a label above the group as well as help or error below the group. One or more checkboxes in the group can be disabled or the entire group can be disabled.")]),t._v(" "),o("p",[t._v("UiCheckboxGroup is primarily used for connecting a group of checkbox values together to form a single array.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-checkbox-group",{attrs:{options:["Red","Blue","Green"]},model:{value:t.group1,callback:function(e){t.group1=e},expression:"group1"}},[t._v("Favourite Colours")]),t._v(" "),o("p",[t._v("Model: "),o("code",[t._v(t._s(t.group1))])]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With default selection")]),t._v(" "),o("ui-checkbox-group",{attrs:{options:t.options.defaultGroup},model:{value:t.group2,callback:function(e){t.group2=e},expression:"group2"}},[t._v("Favourite Colours")]),t._v(" "),o("p",[t._v("Model: "),o("code",[t._v(t._s(t.group2))])]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With help")]),t._v(" "),o("ui-checkbox-group",{attrs:{help:"Choose your favourite colours",options:t.options.defaultGroup},model:{value:t.group3,callback:function(e){t.group3=e},expression:"group3"}},[t._v("Favourite Colours")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With error")]),t._v(" "),o("ui-checkbox-group",{attrs:{error:"Choose at least 2 colours",help:"Choose your favourite colours",options:t.options.defaultGroup,invalid:t.group4.length<2},model:{value:t.group4,callback:function(e){t.group4=e},expression:"group4"}},[t._v("Favourite Colours")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Box position: right")]),t._v(" "),o("ui-checkbox-group",{attrs:{"box-position":"right",options:t.options.defaultGroup},model:{value:t.group5,callback:function(e){t.group5=e},expression:"group5"}},[t._v("Favourite Colours")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Vertical")]),t._v(" "),o("ui-checkbox-group",{attrs:{vertical:"",options:t.options.defaultGroup},model:{value:t.group6,callback:function(e){t.group6=e},expression:"group6"}},[t._v("Favourite Colours")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Individual option disabled")]),t._v(" "),o("ui-checkbox-group",{attrs:{options:t.options.secondGroup},model:{value:t.group7,callback:function(e){t.group7=e},expression:"group7"}},[t._v("Favourite Colours")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Group disabled")]),t._v(" "),o("ui-checkbox-group",{attrs:{disabled:"",options:t.options.defaultGroup},model:{value:t.group8,callback:function(e){t.group8=e},expression:"group8"}},[t._v("Favourite Colours")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model that holds the checked option values. Can be set initially for default values.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("options *")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td",[t._v("(required)")]),t._v(" "),o("td",[o("p",[t._v("An array of options to show to the user as checkboxes. The array can either be of strings or objects (but not both).")]),t._v(" "),o("p",[t._v("For an array of objects, each object supports the following properties:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("id")]),t._v(": Applied as the "),o("code",[t._v("id")]),t._v(" attribute on the option's root element.")]),t._v(" "),o("li",[o("code",[t._v("name")]),t._v(": Applied as the "),o("code",[t._v("name")]),t._v(" attribute on the option's checkbox input element.")]),t._v(" "),o("li",[o("code",[t._v("class")]),t._v(": Applied as the "),o("code",[t._v("class")]),t._v(" attribute on the option's root element")]),t._v(" "),o("li",[o("code",[t._v("label")]),t._v("*: The option's label - shown to the user.")]),t._v(" "),o("li",[o("code",[t._v("value")]),t._v("*: The option's value - added to the model when the user checks the option, removed when the user unchecks the option.")]),t._v(" "),o("li",[o("code",[t._v("disabled")]),t._v(": Whether or not the option is disabled.")])]),t._v(" "),o("p",[t._v("For an array of strings, each option string is used as both the label and the value.")])])]),t._v(" "),o("tr",[o("td",[t._v("keys")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n id: 'id',\n name: 'name',\n class: 'class',\n label: 'label',\n value: 'value',\n disabled: 'disabled'\n}")])]),t._v(" "),o("td",[o("p",[t._v("Allows for redefining the option keys. The "),o("code",[t._v("id")]),t._v(", "),o("code",[t._v("name")]),t._v(", "),o("code",[t._v("class")]),t._v(" and "),o("code",[t._v("disabled")]),t._v(" keys are optional.")]),t._v(" "),o("p",[t._v("Pass an object with custom keys if your data does not match the default keys.")]),t._v(" "),o("p",[t._v("Note that if you redefine one key, you have to define all the others as well.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of each checkbox's input element.")])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The checkbox group label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of the checkboxes in the group. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("boxPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[t._v("The position of the checkboxes relative to their labels. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("vertical")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the checkbox options are rendered vertically, one over the other.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a vertical checkbox group.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown to the user below the checkbox group. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the checkbox group for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the checkbox group when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the checkbox group for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the checkbox group is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the checkbox group label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the checkbox group is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the checkbox group.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the checkbox group label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the checkbox group help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the checkbox group error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a checkbox in the group is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a checkbox in the group loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the checkbox group value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the value of the checkbox group is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the checkbox group's "),o("code",[t._v("value")]),t._v(". You should also reset the "),o("code",[t._v("invalid")]),t._v(" prop.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCheckboxGroup.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-progress-linear"},[o("h2",{staticClass:"page__title"},[t._v("UiProgressLinear")]),t._v(" "),o("p",[t._v("UiProgressLinear shows a linear progress bar that can be either determinate or indeterminate. A determinate progress bar shows a specific percentage of completion, while an indeterminate progress bar indicates general activity.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Type: determinate")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"primary",type:"determinate",progress:t.progress}}),t._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"accent",type:"determinate",progress:t.progress}}),t._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"black",type:"determinate",progress:t.progress}}),t._v(" "),o("div",{staticClass:"has-white-progress"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"white",type:"determinate",progress:t.progress}})],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: indeterminate")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"primary"}}),t._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"accent"}}),t._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"black"}}),t._v(" "),o("div",{staticClass:"has-white-progress"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}],attrs:{color:"white"}})],1)],1),t._v(" "),o("ui-button",{on:{click:function(e){t.isLoading=!t.isLoading}}},[t._v("Toggle Loading")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"indeterminate"')])]),t._v(" "),o("td",[t._v("The type of progress bar. One of "),o("code",[t._v("determinate")]),t._v(" or "),o("code",[t._v("indeterminate")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[o("code",[t._v('"primary"')])])]),t._v(" "),o("td",[t._v("The color of the progress bar. One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("black")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("progress")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[o("p",[t._v("The value of progress as a number between 0 and 100. Changing this value will update the progress bar.")]),t._v(" "),o("p",[t._v("Only applicable when the type is "),o("code",[t._v("determinate")]),t._v(".")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiProgressLinear supports four colors: "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("black")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiProgressLinear.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("span",{staticClass:"ui-icon",class:[t.iconSet,t.icon],attrs:{"aria-label":t.ariaLabel}},[t.useSvg?o("svg",{staticClass:"ui-icon__svg"},[o("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+t.icon}})]):t._t("default",[t._v(t._s(t.removeText?null:t.icon))])],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-calendar-week"},t._l(t.dates,function(e,i){return o("div",{key:i,staticClass:"ui-calendar-week__date",class:t.getDateClasses(e),attrs:{tabindex:t.visible&&!t.isDateDisabled(e)?0:null},on:{click:function(o){t.selectDate(e)},keydown:function(o){return"button"in o||!t._k(o.keyCode,"enter",13,o.key,"Enter")?void t.selectDate(e):null}}},[t._v("\n "+t._s(t.getDayOfMonth(e))+"\n ")])}),0)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-menu",class:t.classes,attrs:{role:"menu",tag:"ul",lazy:"","contain-focus":t.containFocus}},t._l(t.options,function(e,i){return o("ui-menu-option",{key:i,attrs:{"disable-ripple":t.disableRipple,disabled:e[t.keys.disabled],href:e[t.keys.href],"icon-props":t.iconProps||e[t.keys.iconProps],icon:t.hasIcons?e[t.keys.icon]:null,label:"divider"===e[t.keys.type]?null:e[t.keys.label]||e,"secondary-text":t.hasSecondaryText?e[t.keys.secondaryText]:null,target:e[t.keys.target],type:e[t.keys.type]},nativeOn:{click:function(o){t.selectOption(e)},keydown:[function(o){return"button"in o||!t._k(o.keyCode,"enter",13,o.key,"Enter")?void t.selectOption(e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeMenu(e):null}]}},[t._t("option",null,{option:e})],2)}),1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-popover",class:{"is-raised":t.raised},attrs:{role:"dialog","contain-focus":t.containFocus,"focus-redirector":t.focusRedirector},on:{"focus-overflow":t.close},nativeOn:{keydown:function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.close(e):null}}},[t._t("default")],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-alert"},[o("h2",{staticClass:"page__title"},[t._v("UiAlert")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("UiAlert supports keyboard navigation, can contain links and can be dismissed. The alert icon can be changed or removed.")]),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert1,expression:"showAlert1"}],on:{dismiss:function(e){t.showAlert1=!1}}},[t._v("\n Hi everybody! This is the default alert.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert2,expression:"showAlert2"}],attrs:{type:"success"},on:{dismiss:function(e){t.showAlert2=!1}}},[t._v("\n Okilly dokilly, your account was updated successfully.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert3,expression:"showAlert3"}],attrs:{type:"warning"},on:{dismiss:function(e){t.showAlert3=!1}}},[t._v("\n Ay caramba! Alerts can also contain HTML. "),o("a",{attrs:{href:"https://google.com",target:"_blank",rel:"noopener"}},[t._v("Click here")]),t._v(" for Google.com.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert4,expression:"showAlert4"}],attrs:{type:"error"},on:{dismiss:function(e){t.showAlert4=!1}}},[t._v("\n D'oh! Something went wrong and we cannot process your request at this time. Try again later.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert5,expression:"showAlert5"}],attrs:{type:"warning"},on:{dismiss:function(e){t.showAlert5=!1}}},[o("ui-icon",{attrs:{slot:"icon"},slot:"icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 14.016V9h-1.97v5.016h1.97zm0 3.984v-2.016h-1.97V18h1.97zm2.672-14.016c.75 0 1.36.61 1.36 1.36V20.67c0 .75-.61 1.314-1.36 1.314H8.343c-.75 0-1.36-.563-1.36-1.313V5.344c0-.75.61-1.36 1.36-1.36h1.64V2.016h4.032v1.97h1.64z"}})])]),t._v("\n\n This alert has a custom icon.\n ")],1),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert6,expression:"showAlert6"}],on:{dismiss:function(e){t.showAlert6=!1}}},[t._v("\n This is a multi-line alert. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor suscipit facilis explicabo officiis consectetur, ipsam voluptate excepturi quas quae. Dolorem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, autem.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert7,expression:"showAlert7"}],attrs:{"remove-icon":""},on:{dismiss:function(e){t.showAlert7=!1}}},[t._v("\n The icon for this alert has been removed.\n ")]),t._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:t.showAlert8,expression:"showAlert8"}],attrs:{type:"warning","disable-animation":""},on:{dismiss:function(e){t.showAlert8=!1}}},[t._v("\n Animations for this alert are disabled.\n ")]),t._v(" "),o("ui-alert",{attrs:{dismissible:!1}},[t._v("This alert is not dismissible.")]),t._v(" "),o("ui-alert",{attrs:{dismissible:!1,"remove-icon":""}},[t._v("\n This alert has no icon is not dismissible.\n ")]),t._v(" "),o("ui-button",{on:{click:t.resetAlerts}},[t._v("Reset Alerts")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"info"')])]),t._v(" "),o("td",[o("p",[t._v("The type of alert. Determines the alert background color and default icon.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("info")]),t._v(", "),o("code",[t._v("success")]),t._v(", "),o("code",[t._v("warning")]),t._v(" or "),o("code",[t._v("error")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("removeIcon")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the alert icon is removed.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to remove the icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableAnimation")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the alert should be animated when showing and hiding.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("dismissible")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the alert shows a dismiss button.")]),t._v(" "),o("p",[t._v("You should listen for the "),o("code",[t._v("dismiss")]),t._v(" event and hide the alert.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to remove the dismiss button.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the alert content and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the button icon and can contain any custom or SVG icon.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("dismiss")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the user clicks the dismiss button. You should listen for this event and hide alert.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dismiss")]),t._v(".")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiAlert shows an inline alert message to the user. Supported types are "),o("code",[t._v("info")]),t._v(", "),o("code",[t._v("success")]),t._v(", "),o("code",[t._v("warning")]),t._v(" and "),o("code",[t._v("error")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiAlert.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("button",{staticClass:"ui-fab",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip},on:{click:t.onClick}},[t.icon||t.$slots.default?o("div",{staticClass:"ui-fab__icon"},[t._t("default",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("span",{staticClass:"ui-fab__focus-ring"}),t._v(" "),t.disableRipple?t._e():o("ui-ripple-ink"),t._v(" "),t.tooltip?o("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,
-position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-menu"},[o("h2",{staticClass:"page__title"},[t._v("UiMenu")]),t._v(" "),o("p",[t._v("UiMenu shows a menu of options. Options can show an icon, secondary text (like keyboard shortcuts), or show a divider. Individual options can be disabled.")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("UiMenu is keyboard accessible and is can be set to contain tab focus in the menu until it is closed.")]),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-menu",{attrs:{options:t.menuOptions}}),t._v(" "),t._m(2),t._v(" "),o("ui-menu",{attrs:{options:t.menuOptionsWithHref}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Raised")]),t._v(" "),o("ui-menu",{attrs:{options:t.menuOptions,raised:""}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icons")]),t._v(" "),o("ui-menu",{attrs:{"has-icons":"",options:t.menuOptions,raised:""}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With secondary text")]),t._v(" "),o("ui-menu",{attrs:{"has-secondary-text":"",options:t.menuOptions,raised:""}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icons and secondary text")]),t._v(" "),o("ui-menu",{attrs:{"has-icons":"","has-secondary-text":"",options:t.menuOptions,raised:""}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Contain focus")]),t._v(" "),o("ui-menu",{attrs:{options:t.menuOptions,"contain-focus":"",raised:""}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom template")]),t._v(" "),o("ui-menu",{attrs:{"has-icons":"","has-secondary-text":"",options:t.menuOptions,raised:""},scopedSlots:t._u([{key:"option",fn:function(e){return[o("code",[t._v("Label: "+t._s(e.option.label)+", Icon: "+t._s(e.option.icon))])]}}])}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("In UiPopover (creates a dropdown)")]),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for the menu\n\n "),o("ui-popover",{ref:"dropdown"},[o("ui-menu",{attrs:{"contain-focus":"","has-icons":"","has-secondary-text":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdown.close()}}})],1)],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("options *")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td",[o("code",[t._v("[]")])]),t._v(" "),o("td",[o("p",[t._v("An array of options to show in the menu. Can be a plain array or an array of objects.")]),t._v(" "),o("p",[t._v("For an array of objects, each option can have the following properties:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("type")]),t._v(": (String) - the type of option. Can be set to "),o("code",[t._v('"divider"')]),t._v(" for a divider.")]),t._v(" "),o("li",[o("code",[t._v("label")]),t._v(": (String) - the option label text")]),t._v(" "),o("li",[o("code",[t._v("href")]),t._v(": (String) - the option URL. When set, the option is rendered with an anchor "),o("code",[t._v("")]),t._v(" tag.")]),t._v(" "),o("li",[o("code",[t._v("target")]),t._v(": (String) - the option "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target",target:"_blank",rel:"noopener"}},[t._v("URL target")]),t._v(". The "),o("code",[t._v("href")]),t._v(" prop is required when using this prop.")]),t._v(" "),o("li",[o("code",[t._v("secondaryText")]),t._v(": (String) - text to show to the right of the option in the dropdown. Can be used to show keyboard shortcuts.")]),t._v(" "),o("li",[o("code",[t._v("icon")]),t._v(": (String) - an icon to show with the option. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("li",[o("code",[t._v("iconProps")]),t._v(": (String) - an object with any of the following props of "),o("a",{attrs:{href:"#/ui-icon"}},[t._v("UiIcon")]),t._v(": "),o("code",[t._v("iconSet")]),t._v(", "),o("code",[t._v("removeText")]),t._v(" or "),o("code",[t._v("useSvg")]),t._v(". These will be passed as props to the rendered UiIcon component.")]),t._v(" "),o("li",[o("code",[t._v("disabled")]),t._v(": (Boolean) - Whether or not the option is disabled.")])]),t._v(" "),o("p",[t._v("You can redefine these keys to fit your data using the "),o("code",[t._v("keys")]),t._v(" prop.")])])]),t._v(" "),o("tr",[o("td",[t._v("hasIcons")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the menu options have icons.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show icons.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconProps")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v("{}")])]),t._v(" "),o("td",[o("p",[t._v("An object with any of the following props of "),o("a",{attrs:{href:"#/ui-icon"}},[t._v("UiIcon")]),t._v(": "),o("code",[t._v("iconSet")]),t._v(", "),o("code",[t._v("removeText")]),t._v(" or "),o("code",[t._v("useSvg")]),t._v(". These will be passed as props to the rendered UiIcon component.")])])]),t._v(" "),o("tr",[o("td",[t._v("hasSecondaryText")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the menu options have secondary text.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show secondary text.")])])]),t._v(" "),o("tr",[o("td",[t._v("containFocus")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not tab focus should be contained in the menu.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to contain tab focus in the menu until it's closed.")])])]),t._v(" "),o("tr",[o("td",[t._v("keys")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n icon: 'icon',\n type: 'type',\n label: 'label',\n secondaryText: 'secondaryText',\n iconProps: 'iconProps',\n disabled: 'disabled'\n}")])]),t._v(" "),o("td",[o("p",[t._v("Allows for redefining the option keys. Only the "),o("code",[t._v("label")]),t._v(" key is required.")]),t._v(" "),o("p",[t._v("Pass an object with custom keys if your data does not match the default keys.")]),t._v(" "),o("p",[t._v("Note that if you redefine one key, you have to define all the others as well.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is disabled.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the menu has a drop shadow.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to add a drop shadow to the menu.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("select")]),t._v(" "),o("td",[o("p",[t._v("Emitted when an option is selected from the menu. The handler is called with the option that was selected.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@select")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the menu should be closed (i.e. when an option is selected, when tab focus leaves the menu and "),o("code",[t._v("containFocus")]),t._v(" is "),o("code",[t._v("false")]),t._v(" or when the ESC key is pressed).")]),t._v(" "),o("p",[t._v("You should listen for this event and close the corresponding UiPopover if the menu is contained in a popover.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("option")]),t._v(" "),o("td",[o("p",[t._v("Use this slot to render each menu option with a custom template. The slot is passed the following properties, which will be available through "),o("code",[t._v("scope")]),t._v(":")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("option")]),t._v(": (Object or String) - the option")])]),t._v(" "),o("p",[t._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[t._v("Scoped Slots documentation")]),t._v(".")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("A dropdown menu can be created by wrapping UiMenu in "),o("a",{attrs:{href:"#/ui-popover"}},[t._v("UiPopover")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiMenu.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h4",{staticClass:"page__demo-title"},[t._v("With links ("),o("code",[t._v("href")]),t._v(")")])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ui-modal",{ref:"modal",staticClass:"ui-confirm",attrs:{role:"alertdialog","dismiss-on":t.dismissOn,dismissible:!t.loading,title:t.title,transition:t.transition,size:t.size},on:{close:t.onModalClose,hide:t.onModalHide,open:t.onModalOpen,reveal:t.onModalReveal}},[o("div",{staticClass:"ui-confirm__message"},[t._t("default")],2),t._v(" "),o("div",{staticClass:"ui-confirm__footer",attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{ref:"confirmButton",attrs:{color:t.confirmButtonColor,icon:t.confirmButtonIcon,loading:t.loading},on:{click:t.confirm}},[t._v(t._s(t.confirmButtonText))]),t._v(" "),o("ui-button",{ref:"denyButton",attrs:{disabled:t.loading,icon:t.denyButtonIcon},on:{click:t.deny}},[t._v(t._s(t.denyButtonText))])],1)])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("li",{staticClass:"ui-tab-header-item",class:t.classes,attrs:{role:"tab","aria-controls":t.id,"aria-selected":t.active?"true":null,disabled:t.disabled,tabindex:t.active?0:-1}},[t._t("default",[t.hasIcon?o("div",{staticClass:"ui-tab-header-item__icon"},[t._t("icon")],2):t._e(),t._v(" "),t.hasText?o("div",{staticClass:"ui-tab-header-item__text"},[t._v(t._s(t.title))]):t._e()]),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink")],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-select",class:t.classes},[t.name?o("input",{staticClass:"ui-select__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}):t._e(),t._v(" "),t.icon||t.$slots.icon?o("div",{staticClass:"ui-select__icon-wrapper"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-select__content"},[o("div",{ref:"label",staticClass:"ui-select__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.openDropdown(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null}]}},[t.label||t.$slots.default?o("div",{staticClass:"ui-select__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-select__display"},[o("div",{staticClass:"ui-select__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),o("ui-icon",{staticClass:"ui-select__dropdown-button"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])])],1),t._v(" "),o("ui-popover",{ref:"dropdown",staticClass:"ui-select__dropdown",attrs:{"constrain-to-scroll-parent":!1,disabled:t.disabled},on:{close:t.onClose,open:t.onOpen,reveal:t.onReveal}},[o("div",{ref:"dropdownContent",staticClass:"ui-select__dropdown-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),e.stopPropagation(),void t.selectHighlighted(t.highlightedIndex,e)):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.preventDefault(),void t.closeDropdown()):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightOption(t.highlightedIndex-1)):null}]}},[t.hasSearch?o("div",{staticClass:"ui-select__search",on:{click:function(t){t.stopPropagation()},keydown:function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?void e.stopPropagation():null}}},[o("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"searchInput",staticClass:"ui-select__search-input",attrs:{autocomplete:"off",type:"text",placeholder:t.searchPlaceholder},domProps:{value:t.query},on:{input:function(e){e.target.composing||(t.query=e.target.value)}}}),t._v(" "),o("ui-icon",{staticClass:"ui-select__search-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zm6 0l4.97 4.97-1.5 1.5-4.97-4.97v-.797l-.28-.282c-1.126.984-2.626 1.547-4.22 1.547-3.61 0-6.516-2.86-6.516-6.47S5.906 3 9.516 3s6.47 2.906 6.47 6.516c0 1.594-.564 3.094-1.548 4.22l.28.28h.798z"}})])]),t._v(" "),t.loading?o("ui-progress-circular",{staticClass:"ui-select__search-progress",attrs:{size:20,stroke:4}}):t._e()],1):t._e(),t._v(" "),o("ul",{ref:"optionsList",staticClass:"ui-select__options"},[t._l(t.filteredOptions,function(e,i){return o("ui-select-option",{key:i,ref:"options",refInFor:!0,attrs:{highlighted:t.highlightedIndex===i,keys:t.keys,multiple:t.multiple,option:e,selected:t.isOptionSelected(e),type:t.type},nativeOn:{click:function(o){o.stopPropagation(),t.selectOption(e,i)},mouseover:function(e){e.stopPropagation(),t.highlightOption(i,{autoScroll:!1})}}},[t._t("option",null,{highlighted:t.highlightedIndex===i,index:i,option:e,selected:t.isOptionSelected(e)})],2)}),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:t.hasNoResults,expression:"hasNoResults"}],staticClass:"ui-select__no-results"},[t._t("no-results",[t._v("No results found")])],2)],2)])])],1),t._v(" "),t.hasFeedback?o("div",{staticClass:"ui-select__feedback"},[t.showError?o("div",{staticClass:"ui-select__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-select__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"keen-docs",attrs:{id:"app"}},[o("navbar",{attrs:{"repo-url":t.repoUrl,"source-url":t.pageSourceUrl,title:t.pageTitle,version:t.version,"version-url":t.versionUrl},on:{"toggle-sidebar":function(e){t.sidebarOpen=!t.sidebarOpen}}}),t._v(" "),o("transition",{attrs:{name:"transition-fade"}},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.showSidebar,expression:"showSidebar"}],staticClass:"keen-docs-mobile-sidebar__backdrop",on:{click:function(e){t.sidebarOpen=!1}}})]),t._v(" "),o("section",{staticClass:"keen-docs-content"},[o("transition",{attrs:{name:"transition-slide"}},[o("sidebar",{directives:[{name:"show",rawName:"v-show",value:t.showSidebar,expression:"showSidebar"}],attrs:{version:t.version,"version-url":t.versionUrl,"repo-url":t.repoUrl}})],1),t._v(" "),o("div",{ref:"pageContent",staticClass:"keen-docs-content__page-content"},[o("router-view")],1)],1)],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-progress-circular"},[o("h2",{staticClass:"page__title"},[t._v("UiProgressCircular")]),t._v(" "),o("p",[t._v("UiProgressCircular shows a circular progress indicator (a spinner).")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Type: determinate")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"primary",type:"determinate",progress:t.progress}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"accent",type:"determinate",progress:t.progress}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"black",type:"determinate",progress:t.progress}}),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],staticClass:"has-white-progress"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"white",type:"determinate",progress:t.progress}})],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: indeterminate")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"multi-color"}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"primary"}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"accent"}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"black"}}),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],staticClass:"has-white-progress"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{color:"white"}})],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom size")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{type:"determinate","auto-stroke":!1,progress:t.progress,size:54}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{"auto-stroke":!1,size:54}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom stroke width")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{type:"determinate",progress:t.progress,size:48,stroke:8}}),t._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],attrs:{size:48,stroke:8}})],1),t._v(" "),o("br"),t._v(" "),o("ui-button",{on:{click:function(e){t.loading=!t.loading}}},[t._v("Toggle Loading")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"indeterminate"')])]),t._v(" "),o("td",[t._v("The type of progress. One of "),o("code",[t._v("determinate")]),t._v(" or "),o("code",[t._v("indeterminate")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The color of the progress circle. One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("multi-color")]),t._v(", "),o("code",[t._v("black")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")]),t._v(" "),o("p",[o("code",[t._v("multi-color")]),t._v(" is only supported on an indeterminate progress, if set on a determinate progress, the color will fall back to "),o("code",[t._v("primary")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("24")])]),t._v(" "),o("td",[t._v("The width and height of the circular progress without a unit (unit is pixels).")])]),t._v(" "),o("tr",[o("td",[t._v("stroke")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[t._v("auto or "),o("code",[t._v("4")])]),t._v(" "),o("td",[o("p",[t._v("The stroke width of the circular progress without a unit (unit is pixels).")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("stroke")]),t._v(" is not provided, it is automatically calculated unless "),o("code",[t._v("autoStroke")]),t._v(" is set to "),o("code",[t._v("false")]),t._v(". See "),o("code",[t._v("autoStroke")]),t._v(" for details.")])])]),t._v(" "),o("tr",[o("td",[t._v("autoStroke")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the stroke width should be automatically calculated if it is not provided.")]),t._v(" "),o("p",[t._v("The calculated stroke is the "),o("code",[t._v("width")]),t._v(" divided by "),o("code",[t._v("8")]),t._v(".")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("autoStroke")]),t._v(" is set to "),o("code",[t._v("false")]),t._v(" and "),o("code",[t._v("stroke")]),t._v(" is not provided, it defaults to the number "),o("code",[t._v("4")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("progress")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[o("p",[t._v("The value of progress as a number between 0 and 100. Changing this value will update the determinate progress circle.")]),t._v(" "),o("p",[t._v("Only applicable when the type is determinate.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiProgressCircular supports five possible colors: "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("multi-color")]),t._v(" (alternating primary colors), "),o("code",[t._v("black")]),t._v(" and "),o("code",[t._v("white")]),t._v(". The size (width and height) and stroke can be customized.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("Due to an issue with CSS transitions on SVG elements in IE and Edge, determinate progress is not animated in those browsers, and "),o("code",[t._v("multi-color")]),t._v(" progress is not supported.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiProgressCircular.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:t.transitionName},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[o("div",{staticClass:"ui-snackbar",on:{click:t.onClick}},[o("div",{staticClass:"ui-snackbar__message"},[t._t("default",[t._v(t._s(t.message))])],2),t._v(" "),o("div",{staticClass:"ui-snackbar__action"},[t.action?o("ui-button",{staticClass:"ui-snackbar__action-button",attrs:{type:"secondary",color:t.actionColor},on:{click:function(e){return e.stopPropagation(),t.onActionClick(e)}}},[t._v(t._s(t.action))]):t._e()],1)])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-switch"},[o("h2",{staticClass:"page__title"},[t._v("UiSwitch")]),t._v(" "),o("p",[t._v("UiSwitch shows a switch that allows the user to toggle between two states. It supports keyboard focus and a disabled state.\n\n ")]),o("p",[t._v("The position of the switch relative to the label can be customized.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-switch",{model:{value:t.switch1,callback:function(e){t.switch1=e},expression:"switch1"}},[t._v("Bluetooth")]),t._v(" "),o("ui-switch",{model:{value:t.switch2,callback:function(e){t.switch2=e},expression:"switch2"}},[t._v("WiFi")]),t._v(" "),o("ui-switch",{model:{value:t.switch3,callback:function(e){t.switch3=e},expression:"switch3"}},[t._v("Location")]),t._v(" "),o("ui-switch",{attrs:{disabled:""},model:{value:t.switch4,callback:function(e){t.switch4=e},expression:"switch4"}},[t._v("Can't change this")]),t._v(" "),o("ui-switch",{attrs:{disabled:""},model:{value:t.switch5,callback:function(e){t.switch5=e},expression:"switch5"}},[t._v("Can't change this too")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: accent")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-switch",{attrs:{color:"accent"},model:{value:t.switch1,callback:function(e){t.switch1=e},expression:"switch1"}},[t._v("Bluetooth")]),t._v(" "),o("ui-switch",{attrs:{color:"accent"},model:{value:t.switch2,callback:function(e){t.switch2=e},expression:"switch2"}},[t._v("WiFi")]),t._v(" "),o("ui-switch",{attrs:{color:"accent"},model:{value:t.switch3,callback:function(e){t.switch3=e},expression:"switch3"}},[t._v("Location")]),t._v(" "),o("ui-switch",{attrs:{color:"accent",disabled:""},model:{value:t.switch4,callback:function(e){t.switch4=e},expression:"switch4"}},[t._v("Can't change this")]),t._v(" "),o("ui-switch",{attrs:{color:"accent",disabled:""},model:{value:t.switch5,callback:function(e){t.switch5=e},expression:"switch5"}},[t._v("Can't change this too")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Switch position: right")]),t._v(" "),o("div",{staticClass:"page__demo-group has-switch-right"},[o("ui-switch",{attrs:{"switch-position":"right"},model:{value:t.switch1,callback:function(e){t.switch1=e},expression:"switch1"}},[t._v("Bluetooth")]),t._v(" "),o("ui-switch",{attrs:{"switch-position":"right"},model:{value:t.switch2,callback:function(e){t.switch2=e},expression:"switch2"}},[t._v("WiFi")]),t._v(" "),o("ui-switch",{attrs:{"switch-position":"right"},model:{value:t.switch3,callback:function(e){t.switch3=e},expression:"switch3"}},[t._v("Location")]),t._v(" "),o("ui-switch",{attrs:{"switch-position":"right",disabled:""},model:{value:t.switch4,callback:function(e){t.switch4=e},expression:"switch4"}},[t._v("Can't change this")]),t._v(" "),o("ui-switch",{attrs:{"switch-position":"right",disabled:""},model:{value:t.switch5,callback:function(e){t.switch5=e},expression:"switch5"}},[t._v("Can't change this too")])],1)]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the switch input element.")])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The switch label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td"),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model that the switch value syncs to.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("trueValue")]),t._v(" prop will be written to this model when the switch is turned on and the "),o("code",[t._v("falseValue")]),t._v(" prop will be written to it when the switch is turned off.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("checked")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the switch is on by default.")])]),t._v(" "),o("tr",[o("td",[t._v("trueValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[t._v("The value that will be written to the model when the switch is turned on.")])]),t._v(" "),o("tr",[o("td",[t._v("falseValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("The value that will be written to the model when the switch is turned off.")])]),t._v(" "),o("tr",[o("td",[t._v("submittedValue")]),t._v(" "),o("td"),t._v(" "),o("td",[o("code",[t._v('"on"')])]),t._v(" "),o("td",[t._v("The value that will be submitted for the switch when it is turned on. Applied as the "),o("code",[t._v("value")]),t._v(" attribute of the switch's input element.")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of the switch when turned on. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("switchPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the switch relative to the label.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The switch input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the switch is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the switch.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{
-attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the switch label and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the switch is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the switch loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the switch value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the value of the switch is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the switch.")]),t._v(" "),o("p",[t._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[t._v("input modality")]),t._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSwitch.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-datepicker"},[o("h2",{staticClass:"page__title"},[t._v("UiDatepicker")]),t._v(" "),o("p",[t._v("UiDatepicker shows a calendar that allows the user to pick a date. It allows for a custom date formatter and filter, as well as specifying minimum and maximum dates.")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("UiDatepicker can show a label above the input, an icon, as well as help or error below the input. It is keyboard accessible and supports a disabled state. The calendar popover may drop up or down based on the available space.")]),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-datepicker",{attrs:{placeholder:"Select a date"},model:{value:t.picker1,callback:function(e){t.picker1=e},expression:"picker1"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Floating label")]),t._v(" "),o("ui-datepicker",{attrs:{"floating-label":"",placeholder:"Select a date"},model:{value:t.picker2,callback:function(e){t.picker2=e},expression:"picker2"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:t.picker3,callback:function(e){t.picker3=e},expression:"picker3"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With default value")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:t.picker4,callback:function(e){t.picker4=e},expression:"picker4"}},[t._v("Christmas Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With ISO 8601 string as value")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:t.picker401,callback:function(e){t.picker401=e},expression:"picker401"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: accent")]),t._v(" "),o("ui-datepicker",{attrs:{color:"accent",icon:"events",placeholder:"Select a date"},model:{value:t.picker5,callback:function(e){t.picker5=e},expression:"picker5"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Orientation: landscape")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date"},model:{value:t.picker6,callback:function(e){t.picker6=e},expression:"picker6"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Picker type: modal")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events","picker-type":"modal",placeholder:"Select a date"},model:{value:t.picker7,callback:function(e){t.picker7=e},expression:"picker7"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Picker type: modal, orientation: landscape")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape","picker-type":"modal",placeholder:"Select a date"},model:{value:t.picker8,callback:function(e){t.picker8=e},expression:"picker8"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With different start of week: Monday")]),t._v(" "),o("ui-datepicker",{attrs:{placeholder:"Select a date","start-of-week":1},model:{value:t.picker801,callback:function(e){t.picker801=e},expression:"picker801"}},[t._v("Your Birthday")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With custom formatter")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date","custom-formatter":t.picker9Formatter},model:{value:t.picker9,callback:function(e){t.picker9=e},expression:"picker9"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With min and max date")]),t._v(" "),o("ui-datepicker",{attrs:{help:"Pick a date within the next two weeks",icon:"events",orientation:"landscape",placeholder:"Select a date","max-date":t.picker10Max,"min-date":t.picker10Min},model:{value:t.picker10,callback:function(e){t.picker10=e},expression:"picker10"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With date filter: weekends disabled")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date","date-filter":t.picker11Filter},model:{value:t.picker11,callback:function(e){t.picker11=e},expression:"picker11"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With custom lang: French")]),t._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date",lang:t.picker12Lang},model:{value:t.picker12,callback:function(e){t.picker12=e},expression:"picker12"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With validation: required")]),t._v(" "),o("ui-datepicker",{attrs:{error:"This field is required",icon:"events",orientation:"landscape",placeholder:"Select a date",invalid:!t.picker13},model:{value:t.picker13,callback:function(e){t.picker13=e},expression:"picker13"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-datepicker",{attrs:{disabled:"",icon:"events",placeholder:"Select a date"},model:{value:t.picker14,callback:function(e){t.picker14=e},expression:"picker14"}},[t._v("A Special Day")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled with a selection")]),t._v(" "),o("ui-datepicker",{attrs:{disabled:"",placeholder:"Select a date"},model:{value:t.picker15,callback:function(e){t.picker15=e},expression:"picker15"}},[t._v("A Special Day")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("Date, String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model the selected date syncs to. Can be set initially for a default value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("startOfWeek")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[t._v("A number corresponding to the start day of the week. "),o("code",[t._v("0")]),t._v(" is Sunday, "),o("code",[t._v("1")]),t._v(" is Monday, and so on.")])]),t._v(" "),o("tr",[o("td",[t._v("minDate")]),t._v(" "),o("td",[t._v("Date")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The minimum date to allow in the picker. Setting this will disable all dates before this date.")])]),t._v(" "),o("tr",[o("td",[t._v("maxDate")]),t._v(" "),o("td",[t._v("Date")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The maximum date to allow in the picker. Setting this will disable all dates after this date.")])]),t._v(" "),o("tr",[o("td",[t._v("yearRange")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("A range of years to show in the picker. Should be a numeric array of years.")]),t._v(" "),o("p",[t._v("By default its 100 years into the past and 100 years into the future, including the current year.")])])]),t._v(" "),o("tr",[o("td",[t._v("lang")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n months: {\n full: ['January', 'Febuary', ...],\n abbreviated: ['Jan', 'Feb', ...]\n },\n days: {\n full: ['Sunday', Monday', ...],\n abbreviated: ['Sun', 'Mon', ...],\n initials: ['S', 'M', ...]\n }\n}")])]),t._v(" "),o("td",[o("p",[t._v("An object of translations for the datepicker that allows for a basic form of localization.")]),t._v(" "),o("p",[t._v("Provide an object with your language translations and they will be used for the text in the calendar.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("days.full")]),t._v(", "),o("code",[t._v("days.abbreviated")]),t._v(", and "),o("code",[t._v("days.initials")]),t._v(" arrays should start with Sunday.")]),t._v(" "),o("p",[t._v("Note that this doesn't translate the OK/Cancel buttons in the modal. To translate those, use the "),o("code",[t._v("okButtonText")]),t._v(" and "),o("code",[t._v("cancelButtonText")]),t._v(" props.")])])]),t._v(" "),o("tr",[o("td",[t._v("customFormatter")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("A custom formatting function to use for displaying the selected date.")]),t._v(" "),o("p",[t._v("This function will be called with the selected date object and should return the string to display.")])])]),t._v(" "),o("tr",[o("td",[t._v("dateFilter")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("A function which filters the calendar dates to determine which ones are enabled or disabled.")]),t._v(" "),o("p",[t._v("This function will be called with the date object for each date in the month and should return "),o("code",[t._v("true")]),t._v(" if the date is enabled or "),o("code",[t._v("false")]),t._v(" otherwise.")])])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of the datepicker header and the selected date/year. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("orientation")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"portrait"')])]),t._v(" "),o("td",[t._v("The orientation of the datepicker calendar. One of "),o("code",[t._v("portrait")]),t._v(" or "),o("code",[t._v("landscape")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("pickerType")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"popover"')])]),t._v(" "),o("td",[t._v("The type of picker to use for the calendar. One of "),o("code",[t._v("popover")]),t._v(" or "),o("code",[t._v("modal")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("okButtonText")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"OK"')])]),t._v(" "),o("td",[t._v("The text of the OK button when the picker type is modal.")])]),t._v(" "),o("tr",[o("td",[t._v("cancelButtonText")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"Cancel"')])]),t._v(" "),o("td",[t._v("The text of the Cancel button when the picker type is modal.")])]),t._v(" "),o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the datepicker's hidden input element. Useful when the datepicker is part of a form submitted traditionally.")])]),t._v(" "),o("tr",[o("td",[t._v("placeholder")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The text to display in the datepicker when no date is selected.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The datepicker icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the datepicker. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The datepicker label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("floatingLabel")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the label starts out inline and moves to float above the datepicker when it is focused.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a floating label. This will disable the placeholder.")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The datepicker "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the datepicker is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the datepicker label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown to the user below the datepicker. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the datepicker for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the datepicker when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the datepicker for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the datepicker is disabled. Set to "),o("code",[t._v("true")]),t._v(" to disable the datepicker.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the datepicker label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the datepicker icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the datepicker help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the datepicker error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the datepicker value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("touch")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the datepicker is focused for the first time and then blurred.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@touch")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the datepicker is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the datepicker loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the picker (the modal or popover) is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the picker (the modal or popover) is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the datepicker.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("clear()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to clear the selected date.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the datepicker to its initial value. You should also reset the "),o("code",[t._v("invalid")]),t._v(" prop.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("resetTouched()")])]),t._v(" "),o("td",[t._v("Call this method to reset the touched state of the datepicker. By default it will set the touched state to "),o("code",[t._v("false")]),t._v(", but you can pass an object with "),o("code",[t._v("{ touched: true }")]),t._v(" to set the touched state to "),o("code",[t._v("true")]),t._v(".")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiDatepicker supports two colors: "),o("code",[t._v("primary")]),t._v(" and "),o("code",[t._v("accent")]),t._v(", two orientations: "),o("code",[t._v("portrait")]),t._v(" and "),o("code",[t._v("landscape")]),t._v(" as well as two picker types: "),o("code",[t._v("popover")]),t._v(" and "),o("code",[t._v("modal")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiDatepicker.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o(t.isAnchor?"a":"li",{tag:"component",staticClass:"ui-menu-option",class:t.classes,attrs:{role:"menu-item",href:t.isAnchor?t.disabled?null:t.href:null,tabindex:t.isDivider||t.isAnchor||t.disabled?null:"0",target:t.isAnchor?t.disabled?null:t.target:null}},[t.isDivider?t._e():t._t("default",[o("div",{staticClass:"ui-menu-option__content"},[t.icon?o("ui-icon",{staticClass:"ui-menu-option__icon",attrs:{"icon-set":t.iconProps.iconSet,icon:t.icon,"remove-text":t.iconProps.removeText,"use-svg":t.iconProps.useSvg}}):t._e(),t._v(" "),o("div",{staticClass:"ui-menu-option__text"},[t._v(t._s(t.label))]),t._v(" "),t.secondaryText?o("div",{staticClass:"ui-menu-option__secondary-text"},[t._v("\n "+t._s(t.secondaryText)+"\n ")]):t._e()],1)]),t._v(" "),t.disabled||t.isDivider||t.disableRipple?t._e():o("ui-ripple-ink")],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:t.toggleTransition},on:{"after-enter":t.onEnter,"after-leave":t.onLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],staticClass:"ui-modal ui-modal__mask",class:t.classes,attrs:{role:t.role},on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[o("div",{staticClass:"ui-modal__wrapper",class:{"has-dummy-scrollbar":t.preventShift},style:t.alignTopStyle,on:{click:function(e){return e.target!==e.currentTarget?null:t.onBackdropClick(e)}}},[o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?(e.stopPropagation(),t.onEsc(e)):null}}},[t.removeHeader?t._e():o("div",{staticClass:"ui-modal__header"},[t._t("header",[o("h1",{staticClass:"ui-modal__header-text"},[t._v(t._s(t.title))])]),t._v(" "),o("div",{staticClass:"ui-modal__close-button"},[t.dismissOnCloseButton&&!t.removeCloseButton&&t.dismissible?o("ui-close-button",{on:{click:t.close}}):t._e()],1)],2),t._v(" "),o("div",{staticClass:"ui-modal__body"},[t._t("default")],2),t._v(" "),t.hasFooter?o("div",{staticClass:"ui-modal__footer"},[t._t("footer")],2):t._e()])],1)])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-icon"},[o("h1",{staticClass:"page__title"},[t._v("UiIcon")]),t._v(" "),t._m(0),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("Using Material Icons (default)")]),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("Using another icon set")]),t._v(" "),t._m(4),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("Using SVG: inline")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Default: icon font")]),t._v(" "),o("div",{staticClass:"page__demo is-boxed"},[o("div",{staticClass:"page__demo-group"},[o("ui-icon",[t._v("folder_open")]),t._v(" "),o("ui-icon",[t._v("home")]),t._v(" "),o("ui-icon",[t._v("info_outline")]),t._v(" "),o("ui-icon",[t._v("watch_later")]),t._v(" "),o("ui-icon",[t._v("mail_outline")]),t._v(" "),o("ui-icon",[t._v("pin_drop")]),t._v(" "),o("ui-icon",[t._v("favorite_border")]),t._v(" "),o("ui-icon",[t._v("maps")])],1),t._v(" "),o("div",{staticClass:"page__demo-group has-large-icons"},[o("ui-icon",{attrs:{icon:"watch"}}),t._v(" "),o("ui-icon",{attrs:{icon:"rss_feed"}}),t._v(" "),o("ui-icon",{attrs:{icon:"account_circle"}}),t._v(" "),o("ui-icon",{attrs:{icon:"play_circle_outline"}}),t._v(" "),o("ui-icon",{attrs:{icon:"drafts"}}),t._v(" "),o("ui-icon",{attrs:{icon:"attach_file"}}),t._v(" "),o("ui-icon",{attrs:{icon:"save"}}),t._v(" "),o("ui-icon",{attrs:{icon:"event"}})],1),t._v(" "),o("div",{staticClass:"page__demo-group is-inline"},[o("p",[t._v("Icons can also be inlined with text: "),o("ui-icon",[t._v("account_circle")]),t._v(" My Account.")],1)])]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("SVG: inline")]),t._v(" "),o("ui-icon",[o("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M17.016 6.984c2.766 0 4.969 2.25 4.969 5.016s-2.203 5.016-4.969 5.016h-4.031v-1.922h4.031c1.688 0 3.094-1.406 3.094-3.094s-1.406-3.094-3.094-3.094h-4.031v-1.922h4.031zM8.016 12.984v-1.969h7.969v1.969h-7.969zM3.891 12c0 1.688 1.406 3.094 3.094 3.094h4.031v1.922h-4.031c-2.766 0-4.969-2.25-4.969-5.016s2.203-5.016 4.969-5.016h4.031v1.922h-4.031c-1.688 0-3.094 1.406-3.094 3.094z"}})])]),t._v(" "),t._m(9),t._v(" "),o("div",{staticStyle:{display:"none"}},[o("svg",{staticStyle:{position:"absolute",width:"0",height:"0",overflow:"hidden"},attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[o("defs",[o("symbol",{attrs:{id:"icon-link",viewBox:"0 0 24 24"}},[o("title",[t._v("link")]),t._v(" "),o("path",{staticClass:"path1",attrs:{d:"M17.016 6.984c2.766 0 4.969 2.25 4.969 5.016s-2.203 5.016-4.969 5.016h-4.031v-1.922h4.031c1.688 0 3.094-1.406 3.094-3.094s-1.406-3.094-3.094-3.094h-4.031v-1.922h4.031zM8.016 12.984v-1.969h7.969v1.969h-7.969zM3.891 12c0 1.688 1.406 3.094 3.094 3.094h4.031v1.922h-4.031c-2.766 0-4.969-2.25-4.969-5.016s2.203-5.016 4.969-5.016h4.031v1.922h-4.031c-1.688 0-3.094 1.406-3.094 3.094z"}})])])])]),t._v(" "),o("ui-icon",{attrs:{icon:"icon-link","use-svg":""}})],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("ariaLabel")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The icon's ARIA label (important for accessibility, but should not be added for purely decorative icons).")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The icon name (when using an icon font) or the symbol id (when "),o("code",[t._v("useSvg")]),t._v(" is "),o("code",[t._v("true")]),t._v(").")]),t._v(" "),o("p",[t._v("By default this can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("Required when using an icon font or "),o("code",[t._v("useSvg")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("iconSet")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"material-icons"')])]),t._v(" "),o("td",[o("p",[t._v("The icon set, applied as a class on the icon root element.")])])]),t._v(" "),o("tr",[o("td",[t._v("removeText")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to remove the icon element's inner text. Set to "),o("code",[t._v("true")]),t._v(" to remove the inner text.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("icon")]),t._v(" prop is set as the inner text by default because Material Icons use ligatures for rendering the icon glyph.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("useSvg")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the inner text is removed regardless of the value of "),o("code",[t._v("removeText")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("useSvg")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not to use an SVG "),o("code",[t._v("use")]),t._v(" tag for rendering the icon.")]),t._v(" "),o("p",[t._v("See the "),o("b",[t._v("Using SVG: "),o("code",[t._v("")])]),t._v(" section above for details.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the name of the icon when using an icon font. Can also hold SVG for a custom icon.")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiIcon shows an icon glyph. Icons are "),o("code",[t._v("24px")]),t._v(" by "),o("code",[t._v("24px")]),t._v(" (relative to a root font size of 16px), but the size can be changed by overriding the CSS "),o("code",[t._v("font-size")]),t._v(" property of "),o("code",[t._v(".ui-icon")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("By default UiIcon uses icons from the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" web font, which must be loaded for icons to display properly. The simplest way to do this is by adding the Google Web font to the head of your page:")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("pre",[o("code",{staticClass:"language-html"},[t._v('")]),t._v(" tag. The SVG icon will inherit the color and size defined on "),o("code",[t._v(".ui-icon")]),t._v(".")]);
-},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("Using SVG: "),o("code",[t._v("")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("If you are using an SVG sprite, set "),o("code",[t._v("useSvg")]),t._v(" to "),o("code",[t._v("true")]),t._v(" and set the "),o("code",[t._v("icon")]),t._v(" prop to the icon symbol's "),o("code",[t._v("id")]),t._v(" in your sprite. This will render the correct "),o("code",[t._v("")]),t._v(" and "),o("code",[t._v("")]),t._v(" tags referencing the icon.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiIcon.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h4",{staticClass:"page__demo-title"},[t._v("SVG: "),o("code",[t._v("useSvg")]),t._v(" and "),o("code",[t._v("icon")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-ripple-ink"})},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-button",class:t.classes,attrs:{disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[o("div",{staticClass:"ui-button__content"},[t.icon||t.$slots.icon?o("div",{staticClass:"ui-button__icon"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),t._t("default"),t._v(" "),t.hasDropdown&&"right"!==t.iconPosition?o("ui-icon",{staticClass:"ui-button__dropdown-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],2),t._v(" "),o("div",{staticClass:"ui-button__focus-ring"}),t._v(" "),t.loading?o("ui-progress-circular",{staticClass:"ui-button__progress",attrs:{"disable-transition":"",color:t.progressColor,size:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink"),t._v(" "),t.hasDropdown?o("ui-popover",{ref:"dropdown",attrs:{"contain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?o("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-radio"},[o("h2",{staticClass:"page__title"},[t._v("UiRadio")]),t._v(" "),o("p",[t._v("UiRadio shows a single radio button. The radio button can have a label. It supports hover and disabled states. The position of the radio button relative to the label can be changed.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio1-value"},model:{value:t.radio1,callback:function(e){t.radio1=e},expression:"radio1"}},[t._v("Select")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Checked")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio2-value",checked:""},model:{value:t.radio2,callback:function(e){t.radio2=e},expression:"radio2"}},[t._v("Select")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: accent")]),t._v(" "),o("ui-radio",{attrs:{color:"accent","true-value":"radio3-value"},model:{value:t.radio3,callback:function(e){t.radio3=e},expression:"radio3"}},[t._v("Select")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Color: accent, checked")]),t._v(" "),o("ui-radio",{attrs:{color:"accent","true-value":"radio4-value",checked:""},model:{value:t.radio4,callback:function(e){t.radio4=e},expression:"radio4"}},[t._v("Select")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Button position: right")]),t._v(" "),o("div",{staticClass:"page__demo-group has-button-right"},[o("ui-radio",{attrs:{"button-position":"right","true-value":"radio5-value"},model:{value:t.radio5,callback:function(e){t.radio5=e},expression:"radio5"}},[t._v("Select")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("No Label")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio6-value"},model:{value:t.radio6,callback:function(e){t.radio6=e},expression:"radio6"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("No Label, checked")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio7-value",checked:""},model:{value:t.radio7,callback:function(e){t.radio7=e},expression:"radio7"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio8-value",disabled:""},model:{value:t.radio8,callback:function(e){t.radio8=e},expression:"radio8"}},[t._v("Select")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled, checked")]),t._v(" "),o("ui-radio",{attrs:{"true-value":"radio9-value",checked:"",disabled:""},model:{value:t.radio9,callback:function(e){t.radio9=e},expression:"radio9"}},[t._v("Select")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the radio input element.")])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The radio label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td",[t._v("Required")]),t._v(" "),o("td",[o("p",[t._v("The model the radio value syncs to.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("trueValue *")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td",[t._v("Required")]),t._v(" "),o("td",[t._v("The value that is written to the model when the radio is selected.")])]),t._v(" "),o("tr",[o("td",[t._v("checked")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the radio is selected by default.")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[t._v("The color of a selected radio button. One of "),o("code",[t._v("primary")]),t._v(" or "),o("code",[t._v("accent")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("buttonPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[t._v("The position of the radio button relative to the label. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The radio input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the radio button is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the radio.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the radio button label and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the radio button is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the radio button loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the radio value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the radio value changes. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[t._v("onchange event documentation")]),t._v(" for more information.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the radio.")]),t._v(" "),o("p",[t._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[t._v("input modality")]),t._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiRadio supports two colors: "),o("code",[t._v("primary")]),t._v(" and "),o("code",[t._v("accent")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("To show a group of mutually exclusive radio buttons, use "),o("a",{attrs:{href:"#/ui-radio-group"}},[t._v("UiRadioGroup")]),t._v(" or use multiple UiRadios with a shared "),o("code",[t._v("v-model")]),t._v("/"),o("code",[t._v("value")]),t._v(" and "),o("code",[t._v("name")]),t._v(" prop.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRadio.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("aside",{staticClass:"keen-docs-sidebar"},[o("brand",{staticClass:"keen-docs-sidebar__header",attrs:{"repo-url":t.repoUrl,"version-url":t.versionUrl,version:t.version}}),t._v(" "),o("div",{staticClass:"keen-docs-sidebar__scrollable"},[t._m(0),t._v(" "),o("div",{staticClass:"keen-docs-sidebar__version-select"},[o("ui-select",{attrs:{options:t.versions},on:{select:t.onVersionSelect},model:{value:t.selectedVersion,callback:function(e){t.selectedVersion=e},expression:"selectedVersion"}},[t._v("Version")])],1),t._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu"},[o("li",{staticClass:"keen-docs-sidebar__menu-section"},[o("div",{staticClass:"keen-docs-sidebar__menu-section-header"},[t._v("Usage")]),t._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu-section-links"},[o("li",[o("a",{staticClass:"keen-docs-sidebar__menu-item",attrs:{href:"https://github.com/JosephusPaye/Keen-UI/tree/master#keen-ui",rel:"noopener",target:"_blank"}},[t._v("Getting Started "),o("ui-icon",[t._v("open_in_new")])],1)]),t._v(" "),o("li",[o("a",{staticClass:"keen-docs-sidebar__menu-item",attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#customization",rel:"noopener",target:"_blank"}},[t._v("Customization "),o("ui-icon",[t._v("open_in_new")])],1)])])]),t._v(" "),t._l(t.menu,function(e){return o("li",{key:e.title,staticClass:"keen-docs-sidebar__menu-section"},[o("div",{staticClass:"keen-docs-sidebar__menu-section-header"},[t._v(t._s(e.title))]),t._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu-section-links"},t._l(e.menu,function(e){return o("li",{key:e.path},[o("router-link",{staticClass:"keen-docs-sidebar__menu-item",attrs:{exact:"",to:e.path}},[t._v("\n "+t._s(e.title)+"\n ")])],1)}),0)])})],2)])],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"keen-docs-sidebar__description"},[o("p",[t._v("Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.")]),t._v(" "),o("p",[t._v("Created by "),o("a",{attrs:{rel:"noopener",target:"_blank",href:"https://twitter.com/JosephusPaye"}},[t._v("Josephus Paye II")]),t._v(".")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o(t.tag,{tag:"component",staticClass:"ui-focus-container"},[t.renderRedirector?o("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!1})}}}):t._e(),t._v(" "),o("div",{ref:"content",staticClass:"ui-focus-container__content",attrs:{tabindex:"-1"}},[t._t("default")],2),t._v(" "),!t.disabled&&t.containFocus?o("span",{ref:"lastFocusable",staticClass:"ui-focus-container__last-focusable",attrs:{tabindex:"-1"}}):t._e(),t._v(" "),t.renderRedirector?o("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(e){t.redirectFocus(e,{isTabbingForward:!0})}}}):t._e()])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-tooltip"},[t._t("default")],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-calendar-controls"},[o("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_left",type:"secondary",disabled:t.previousMonthDisabled},on:{click:t.goToPreviousMonth}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z"}})])])],1),t._v(" "),o("div",{staticClass:"ui-calendar-controls__month-and-year"},[t._v(t._s(t.monthAndYear))]),t._v(" "),o("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_right",type:"secondary",disabled:t.nextMonthDisabled},on:{click:t.goToNextMonth}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M8.578 16.36l4.594-4.595L8.578 7.17l1.406-1.405 6 6-6 6z"}})])])],1)],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-tabs"},[o("h2",{staticClass:"page__title"},[t._v("UiTabs")]),t._v(" "),o("p",[t._v("The UiTabs and UiTab components are used together to create a tab container with one or more tabs.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),o("p",[t._v("UiTabs and UiTab include the recommended ARIA attributes for accessibility and can be navigated with the keyboard.")]),t._v(" "),t._m(3),t._v(" "),o("div",{staticClass:"page__examples"},[o("h3",{staticClass:"page__demo-title"},[t._v("Demo")]),t._v(" "),o("ui-tabs",{attrs:{"background-color":t.backgroundColor,fullwidth:t.fullwidth,"indicator-color":t.indicatorColor,raised:t.raised,"text-color-active":t.textColorActive,"text-color":t.textColor,type:t.type}},t._l(t.demoTabs,function(e){return o("ui-tab",{key:e.title,attrs:{selected:"Collections"===e.title,title:e.title}},[o("ui-icon",{attrs:{slot:"icon",icon:e.icon},slot:"icon"}),t._v(" "),o("p",[t._v(t._s(e.title)+": A link to "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI",target:"_blank",rel:"noopener"}},[t._v("Github")]),t._v(".")])],1)}),1),t._v(" "),o("div",{staticClass:"page__demo-controls"},[o("ui-radio-group",{staticClass:"mb-8",attrs:{name:"type",options:["text","icon","icon-and-text"]},model:{value:t.type,callback:function(e){t.type=e},expression:"type"}},[t._v("Type")]),t._v(" "),o("ui-radio-group",{staticClass:"mb-12",attrs:{name:"color",options:["default","primary","accent"]},model:{value:t.backgroundColor,callback:function(e){t.backgroundColor=e},expression:"backgroundColor"}},[t._v("Background color")]),t._v(" "),o("div",{staticClass:"page__demo-controls-row"},[o("ui-checkbox",{staticClass:"mr-16",model:{value:t.fullwidth,callback:function(e){t.fullwidth=e},expression:"fullwidth"}},[t._v("Fullwidth")]),t._v(" "),o("ui-checkbox",{model:{value:t.raised,callback:function(e){t.raised=e},expression:"raised"}},[t._v("Raised")])],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom header with HTML")]),t._v(" "),o("ui-tabs",{attrs:{fullwidth:""}},t._l(t.demoTabs,function(e){return o("ui-tab",{key:e.title},[o("div",{staticClass:"my-custom-tab-header",attrs:{slot:"header"},slot:"header"},[o("ui-icon",{attrs:{slot:"icon",icon:e.icon},slot:"icon"}),t._v(" "),o("span",[t._v(t._s(e.title)+": "),o("i",[t._v("HTML")])])],1),t._v(" "),o("p",[t._v(t._s(e.title))])])}),1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Control programmatically")]),t._v(" "),o("ui-tabs",{ref:"controlTabs",attrs:{type:"icon-and-text",fullwidth:""}},t._l(t.controlTabs,function(e){return o("ui-tab",{key:e.id,attrs:{disabled:"tab2"===e.id&&t.disableTab2,id:e.id,title:e.title}},[o("ui-icon",{attrs:{slot:"icon",icon:e.icon},slot:"icon"}),t._v(" "),o("div",[t._v(t._s(e.title))])],1)}),1),t._v(" "),o("ui-button",{on:{click:t.toggleTab2}},[t._v("Toggle Tab 2")]),t._v(" "),o("ui-button",{on:{click:t.selectTab3}},[t._v("Select Tab 3")]),t._v(" "),o("ui-button",{attrs:{disabled:6===t.controlTabs.length},on:{click:t.addTab}},[t._v("Add Tab")]),t._v(" "),o("ui-button",{attrs:{disabled:3===t.controlTabs.length},on:{click:t.removeTab}},[t._v("Remove Tab")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Confirm tab change")]),t._v(" "),o("ui-tabs",{attrs:{fullwidth:"","confirm-tab-change":t.confirmTabChange}},[o("ui-tab",{attrs:{title:"Tab 1"}},[t._v("Tab 1 content")]),t._v(" "),o("ui-tab",{attrs:{title:"Tab 2"}},[t._v("Tab 2 content")]),t._v(" "),o("ui-tab",{attrs:{title:"Tab 3"}},[t._v("Tab 3 content")])],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API: UiTabs")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"text"')])]),t._v(" "),o("td",[t._v("The type of tabs. One of "),o("code",[t._v("text")]),t._v(", "),o("code",[t._v("icon")]),t._v(" or "),o("code",[t._v("icon-and-text")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("confirmTabChange")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("A function that will be called for confirmation when the user attempts to change tabs.")]),t._v(" "),o("p",[t._v("The function is called with the current tab (source) and the new tab (destination), and should return "),o("code",[t._v("true")]),t._v(" to allow the change, and "),o("code",[t._v("false")]),t._v(" to deny it.")]),t._v(" "),o("p",[t._v("Note that this function should be synchronous.")])])]),t._v(" "),o("tr",[o("td",[t._v("backgroundColor")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[o("p",[t._v("The background color of the tab headers.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("default")]),t._v(", "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(" or "),o("code",[t._v("clear")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("textColor")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"black"')])]),t._v(" "),o("td",[o("p",[t._v("The text and icon color of the unselected tab headers.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("black")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("textColorActive")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The text and icon color of the selected tab header.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", or "),o("code",[t._v("white")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("indicatorColor")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The color of the selected tab indicator.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(" or "),o("code",[t._v("white")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("fullwidth")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the tab header items expand to fill the space available.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a fullwidth tab header.")])])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the tab container has a drop shadow.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to raise the tabs.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is shown when a tab header is clicked.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the child UiTab components.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("tab-click")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a tab's header is clicked, whether or not the tab is selected. The handler is called with the tab and the click event.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@tab-click")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("tab-change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the active tab is changed. The handler is called with the new tab.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@tab-change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("setActiveTab()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically change the active tab. It accepts the following arguments:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("tabId")]),t._v(" (required): The id of the tab to select.")])])])])])])])])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API: UiTab")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("id")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[t._v("Auto-generated "),o("br"),t._v(" unique ID")]),t._v(" "),o("td",[o("p",[t._v("The tab id. Applied as the "),o("code",[t._v("id")]),t._v(" attribute on the tab's root element and used when programmatically changing the active tab.")])])]),t._v(" "),o("tr",[o("td",[t._v("title")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The tab title (text only).")])]),t._v(" "),o("tr",[o("td",[t._v("selected")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the tab is selected by default.")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the tab is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the tab and prevent user interaction.")]),t._v(" "),o("p",[t._v("If a tab is selected when its "),o("code",[t._v("disabled")]),t._v(" prop is changed to "),o("code",[t._v("true")]),t._v(", the nearest available tab is automatically selected.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the tab content and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the tab icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("header")]),t._v(" "),o("td",[o("p",[t._v("Holds the tab header and can contain HTML. Overrides the default header. Use this slot for a custom tab header.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("select")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the tab is selected. The handler is called with the tab's "),o("code",[t._v("id")]),t._v(".")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@select")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("deselect")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the tab is deselected (i.e. when the user selects another tab). The handler is called with the tab's "),o("code",[t._v("id")]),t._v(".")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@deselect")]),t._v(".")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTabs is the tab container and its props is what you use to customize the tab headers. UiTab is a single tab on which you set tab-specific props like "),o("code",[t._v("title")]),t._v(", "),o("code",[t._v("disabled")]),t._v(", etc. UiTab should only be used as a direct child of UiTabs.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTabs can be one of three types: "),o("code",[t._v("text")]),t._v(" (for text only), "),o("code",[t._v("icon")]),t._v(" (for icon only) or "),o("code",[t._v("icon-and-text")]),t._v(". The tab headers can be fullwidth or take up only as much space as needed. The tab container can be raised to add a drop shadow.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTabs header can have any one of four possible background colors: "),o("code",[t._v("default")]),t._v(" (gray), "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(" and "),o("code",[t._v("clear")]),t._v(". The header text colors and active tab indicator color can also be customized.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTabs.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-preloader"},[o("h2",{staticClass:"page__title"},[t._v("UiPreloader")]),t._v(" "),o("p",[t._v("UiPreloader shows an indeterminate progress bar using the primary Material Design colors. Useful for indicating activity like a page load.")]),t._v(" "),o("p",[t._v("UiPreloader is not from the Material Design spec, but inspired by a similar component seen in Google's Inbox app.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("ui-preloader",{attrs:{show:t.loading}}),t._v(" "),o("ui-button",{on:{click:function(e){t.loading=!t.loading}}},[t._v("Toggle Loading")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("show *")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[t._v("(required)")]),t._v(" "),o("td",[o("p",[t._v("Whether or not the preloader is shown. Changing this value will show/hide the preloader.")])])])])])]),t._v("\n\n * Required prop\n ")])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiPreloader.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";
-var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-datepicker",class:t.classes},[o("input",{staticClass:"ui-datepicker__hidden-input",attrs:{type:"hidden",name:t.name},domProps:{value:t.submittedValue}}),t._v(" "),t.icon||t.$slots.icon?o("div",{staticClass:"ui-datepicker__icon-wrapper"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-datepicker__content"},[o("div",{ref:"label",staticClass:"ui-datepicker__label",attrs:{tabindex:t.disabled?null:t.tabindex||"0"},on:{click:t.onClick,focus:t.onFocus,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.openPicker(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.openPicker(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.onBlur(e):null}]}},[t.label||t.$slots.default?o("div",{staticClass:"ui-datepicker__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-datepicker__display"},[o("div",{staticClass:"ui-datepicker__display-value",class:{"is-placeholder":!t.hasDisplayText}},[t._v("\n "+t._s(t.hasDisplayText?t.displayText:t.hasFloatingLabel&&t.isLabelInline?null:t.placeholder)+"\n ")]),t._v(" "),t.usesPopover&&!t.disabled?o("ui-icon",{staticClass:"ui-datepicker__dropdown-button"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):t._e()],1),t._v(" "),t.usesPopover?o("ui-popover",{directives:[{name:"show",rawName:"v-show",value:!t.disabled,expression:"!disabled"}],ref:"popover",attrs:{"contain-focus":""},on:{close:t.onPickerClose,open:t.onPickerOpen}},[o("ui-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek},on:{"date-select":t.onDateSelect}})],1):t._e()],1),t._v(" "),t.hasFeedback?o("div",{staticClass:"ui-datepicker__feedback"},[t.showError?o("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-datepicker__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()]),t._v(" "),t.usesModal&&!t.disabled?o("ui-modal",{ref:"modal",attrs:{"remove-header":""},on:{close:t.onPickerClose,open:t.onPickerOpen}},[o("ui-calendar",{attrs:{color:t.color,"date-filter":t.dateFilter,lang:t.lang,"max-date":t.maxDate,"min-date":t.minDate,orientation:t.orientation,value:t.date,"start-of-week":t.startOfWeek},on:{"date-select":t.onDateSelect}},[o("div",{staticClass:"ui-datepicker__modal-buttons",attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{type:"secondary",color:t.color},on:{click:function(e){t.$refs.modal.close()}}},[t._v(t._s(t.okButtonText))]),t._v(" "),o("ui-button",{attrs:{type:"secondary",color:t.color},on:{click:t.onPickerCancel}},[t._v(t._s(t.cancelButtonText))])],1)])],1):t._e()],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("label",{staticClass:"ui-checkbox",class:t.classes},[o("input",{ref:"input",staticClass:"ui-checkbox__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),t.label||t.$slots.default?o("div",{staticClass:"ui-checkbox__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-checkbox__checkmark"},[o("div",{staticClass:"ui-checkbox__focus-ring"})])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-checkbox-group",class:t.classes},[t.label||t.$slots.default?o("div",{staticClass:"ui-checkbox-group__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-checkbox-group__checkboxes"},t._l(t.options,function(e,i){return o("ui-checkbox",{key:e[t.keys.id],staticClass:"ui-checkbox-group__checkbox",class:e[t.keys.class],attrs:{"box-position":t.boxPosition,checked:t.isOptionCheckedByDefault(e),color:t.color,disabled:t.disabled||e[t.keys.disabled],id:e[t.keys.id],name:t.name||e[t.keys.name]},on:{blur:t.onBlur,change:function(o){t.onChange(arguments,e)},focus:t.onFocus},model:{value:t.checkboxValues[i],callback:function(e){t.$set(t.checkboxValues,i,e)},expression:"checkboxValues[index]"}},[t._v(t._s(e[t.keys.label]||e))])}),1),t._v(" "),t.hasFeedback?o("div",{staticClass:"ui-checkbox-group__feedback"},[t.showError?o("div",{staticClass:"ui-checkbox-group__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-checkbox-group__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("button",{staticClass:"ui-close-button",class:t.classes,attrs:{"aria-label":"Close",type:"button",disabled:t.disabled},on:{click:t.onClick}},[o("div",{staticClass:"ui-close-button__icon"},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])])],1),t._v(" "),o("span",{staticClass:"ui-close-button__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink")],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:t.disableTransition?null:"ui-progress-circular--transition-fade"}},[o("div",{staticClass:"ui-progress-circular",class:t.classes,style:{width:t.size+"px",height:t.size+"px"}},["determinate"===t.type?o("svg",{staticClass:"ui-progress-circular__determinate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t.progress,height:t.size,width:t.size}},[o("circle",{staticClass:"ui-progress-circular__determinate-path",style:{"stroke-dashoffset":t.strokeDashOffset,"stroke-width":t.calculatedStroke},attrs:{fill:"transparent","stroke-dashoffset":"0",cx:t.size/2,cy:t.size/2,r:t.radius,"stroke-dasharray":t.strokeDashArray}})]):o("svg",{staticClass:"ui-progress-circular__indeterminate",attrs:{role:"progressbar",viewBox:"25 25 50 50","aria-valuemax":100,"aria-valuemin":0}},[o("circle",{staticClass:"ui-progress-circular__indeterminate-path",attrs:{cx:"50",cy:"50",fill:"none",r:"20","stroke-miterlimit":"10","stroke-width":t.calculatedStroke}})])])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-autocomplete",class:t.classes},[t.icon||t.$slots.icon?o("div",{staticClass:"ui-autocomplete__icon-wrapper"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-autocomplete__content"},[o("label",{staticClass:"ui-autocomplete__label"},[t.label||t.$slots.default?o("div",{staticClass:"ui-autocomplete__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e(),t._v(" "),o("ui-icon",{directives:[{name:"show",rawName:"v-show",value:!t.disabled&&t.valueLength>0,expression:"!disabled && valueLength > 0"}],staticClass:"ui-autocomplete__clear-button",attrs:{title:"Clear"},nativeOn:{click:function(e){t.updateValue("")}}},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])]),t._v(" "),o("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-autocomplete__input",attrs:{autocomplete:"off",disabled:t.disabled,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly?t.readonly:null,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex+1)):null},function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?void t.selectHighlighted(t.highlightedIndex,e):null},function(e){return"button"in e||!t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?t.closeDropdown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?(e.preventDefault(),void t.highlightSuggestion(t.highlightedIndex-1)):null}]}}),t._v(" "),o("ul",{directives:[{name:"show",rawName:"v-show",value:t.showDropdown,expression:"showDropdown"}],staticClass:"ui-autocomplete__suggestions"},t._l(t.matchingSuggestions,function(e,i){return o("ui-autocomplete-suggestion",{key:i,ref:"suggestions",refInFor:!0,attrs:{highlighted:t.highlightedIndex===i,keys:t.keys,suggestion:e,type:t.type},nativeOn:{click:function(o){t.selectSuggestion(e)}}},[t._t("suggestion",null,{highlighted:t.highlightedIndex===i,index:i,suggestion:e})],2)}),1)],1),t._v(" "),t.hasFeedback?o("div",{staticClass:"ui-autocomplete__feedback"},[t.showError?o("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-autocomplete__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e()]):t._e()])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{directives:[{name:"show",rawName:"v-show",value:t.isActive,expression:"isActive"}],staticClass:"ui-tab",attrs:{role:"tabpanel","aria-hidden":t.isActive?null:"true",id:t.id,tabindex:t.isActive?"0":null}},[t._t("default")],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-collapsible"},[o("h2",{staticClass:"page__title"},[t._v("UiCollapsible")]),t._v(" "),o("p",[t._v("UiCollapsible shows collapsible content. It includes a header and a body and can be initially opened or closed (defaults to closed).")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__demo"},[o("ui-collapsible",{attrs:{title:"This is open initially",open:""}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"Longer body content"}},[o("b",[t._v("Howdy!")]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.")]),t._v(" "),o("a",{attrs:{tabindex:"0"}},[t._v("A link here")]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.")])]),t._v(" "),o("ui-collapsible",[o("div",{attrs:{slot:"header"},slot:"header"},[t._v("\n HTML "),o("b",[t._v("supported")]),t._v(" in header\n ")]),t._v("\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",[o("div",{attrs:{slot:"header"},slot:"header"},[t._v("\n Multiline header: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id cupiditate, nihil magni accusantium. Suscipit natus provident ab vitae, ad tenetur.\n ")]),t._v("\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"This collapsible is disabled",disabled:""}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"The header icon can be removed","remove-icon":""}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"With content popping out"}},[o("ui-select",{staticClass:"mb-0",attrs:{label:"Favourite colour",placeholder:"Select a colour",options:t.colors},model:{value:t.select,callback:function(e){t.select=e},expression:"select"}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Accordion set")]),t._v(" "),t._m(2),t._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 1",open:t.accordions[0]},on:{open:function(e){t.onAccordionOpen(0)},close:function(e){t.onAccordionClose(0)}}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 2",open:t.accordions[1]},on:{open:function(e){t.onAccordionOpen(1)},close:function(e){t.onAccordionClose(1)}}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),t._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 3",open:t.accordions[2]},on:{open:function(e){t.onAccordionOpen(2)},close:function(e){t.onAccordionClose(2)}}},[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether the collapsible is open or closed.")]),t._v(" "),o("p",[t._v("Changing this value will open/close the collapsible.")])])]),t._v(" "),o("tr",[o("td",[t._v("title")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The collapsible title (text only). For HTML, use the header slot.")])]),t._v(" "),o("tr",[o("td",[t._v("removeIcon")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the header icon is removed.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to remove the icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation on the collapsible header is disabled.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the collapsible is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the collapsible.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the collapsible content and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("header")]),t._v(" "),o("td",[t._v("Holds the the collapsible header and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the collapsible is opened. You should listen for this event and update the "),o("code",[t._v("open")]),t._v(" prop to "),o("code",[t._v("true")]),t._v(".")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the collapsible is closed. You should listen for this event and update the "),o("code",[t._v("open")]),t._v(" prop to "),o("code",[t._v("false")]),t._v(".")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("Both the header and body are fully customizable (using "),o("code",[t._v("slots")]),t._v("). UiCollapsible is keyboard accessible and it supports a disabled state.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCollapsible.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("By listening for the "),o("code",[t._v("open")]),t._v(" and "),o("code",[t._v("close")]),t._v(" events on each collapsible and controlling the "),o("code",[t._v("open")]),t._v(" prop, you can create an accordion set.")])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-tooltip"},[o("h2",{staticClass:"page__title"},[t._v("UiTooltip")]),t._v(" "),o("p",[t._v("UiTooltip shows a tooltip on an element. The tooltip position relative to the associated element and the event that causes the tooltip to open can be customized.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),o("div",{staticClass:"page__examples"},[o("div",{staticClass:"page__demo-group page__demo-group--the-simpsons"},t._l(t.theSimpsons,function(e,i){return o("div",{key:i,staticClass:"image-pane",style:{"background-image":"url("+e.image+")"},attrs:{tabindex:"0"}},[o("ui-tooltip",{attrs:{position:e.position}},[t._v(t._s(e.name))])],1)}),0)]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("animation")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"fade"')])]),t._v(" "),o("td",[o("p",[t._v("The type of animation to use when showing or hiding the tooltip.")]),t._v(" "),o("p",[t._v("One of: "),o("code",[t._v("fade")]),t._v(", "),o("code",[t._v("shift-away")]),t._v(", or "),o("code",[t._v("none")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("appendToBody")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the tooltip is appended to "),o("code",[t._v("document.body")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to append the tooltip to the trigger's parent element.")])])]),t._v(" "),o("tr",[o("td",[t._v("openDelay")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[o("p",[t._v("The amount of time to wait (in milliseconds) before showing the tooltip when it is triggered.")])])]),t._v(" "),o("tr",[o("td",[t._v("openOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"mouseenter focus"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the tooltip to open.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("hover")]),t._v("/"),o("code",[t._v("mouseenter")]),t._v(", or "),o("code",[t._v("focus")]),t._v(". Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("position")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"bottom"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the tooltip relative to the trigger.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("trigger")]),t._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[t._v("Element")]),t._v(","),o("br"),t._v("VueComponent,"),o("br"),t._v("String")]),t._v(" "),o("td",[t._v("Parent element")]),t._v(" "),o("td",[o("p",[t._v("An Element, VueComponent instance, or CSS selector for an element to use as the trigger.")]),t._v(" "),o("p",[t._v("It's recommended to leave "),o("code",[t._v("trigger")]),t._v(" unspecified so that the component's immediate parent can be used as the trigger.")]),t._v(" "),o("p",[t._v("The tooltip event listeners will be attached to this element, and when any of the "),o("code",[t._v("openOn")]),t._v(" events are triggered, a tooltip will be shown next to the element.")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("trigger")]),t._v(" is not provided or the selector doesn't match any element, the tooltip's immediate parent element is used as the trigger. Note that the parent used is the tooltip's parent in the DOM, not the Vue parent component.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the tooltip content (should be text-only).")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTooltip uses a custom version of "),o("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener"}},[t._v("Tippy.js")]),t._v(", which uses "),o("a",{attrs:{href:"https://popper.js.org",target:"_blank",rel:"noopener"}},[t._v("Popper.js")]),t._v(" for dynamic positioning.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTooltip is used internally by "),o("a",{attrs:{href:"#/ui-icon-button-docs"}},[t._v("UiIconButton")]),t._v(" and "),o("a",{attrs:{href:"#/ui-fab-docs"}},[t._v("UiFab")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTooltip.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("nav",{staticClass:"keen-docs-navbar"},[o("brand",{staticClass:"keen-docs-navbar__left",attrs:{"repo-url":t.repoUrl,"version-url":t.versionUrl,version:t.version}}),t._v(" "),o("div",{staticClass:"keen-docs-navbar__right"},[o("div",{staticClass:"keen-docs-navbar__right-container"},[o("ui-icon-button",{staticClass:"keen-docs-navbar__menu-button",attrs:{color:"white",type:"clear"},on:{click:function(e){t.$emit("toggle-sidebar")}}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M3 6h18v2.016H3V6zm0 6.984v-1.97h18v1.97H3zM3 18v-2.016h18V18H3z"}})])])],1),t._v(" "),o("h1",{staticClass:"keen-docs-navbar__title"},[t._v(t._s(t.title))]),t._v(" "),t.sourceUrl?o("a",{staticClass:"keen-docs-navbar__action",attrs:{rel:"noopener",target:"_blank",href:t.sourceUrl}},[t._v("View Source")]):t._e()],1)])],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("label",{staticClass:"ui-fileupload",class:t.classes},[t.renderInput?o("input",{ref:"input",staticClass:"ui-fileupload__input",attrs:{type:"file",accept:t.accept,disabled:t.disabled,multiple:t.multiple,name:t.name,required:t.required,tabindex:t.tabindex},on:{blur:t.onBlur,input:t.onInput,change:t.onChange,focus:t.onFocus}}):t._e(),t._v(" "),o("div",{staticClass:"ui-fileupload__content"},[o("div",{staticClass:"ui-fileupload__icon"},[t._t("icon",[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M5.016 18h13.969v2.016H5.016V18zM9 15.984v-6H5.016L12 3l6.984 6.984H15v6H9z"}})])])])],2),t._v(" "),t.hasSelection?o("span",{staticClass:"ui-fileupload__display-text"},[t._v(t._s(t.displayText))]):t._t("default",[t._v(t._s(t.placeholder))])],2),t._v(" "),o("div",{staticClass:"ui-fileupload__focus-ring"}),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink")],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-slider"},[o("h2",{staticClass:"page__title"},[t._v("UiSlider")]),t._v(" "),o("p",[t._v("UiSlider allows the user to select a value from a continuous range of values by moving the slider thumb, clicking on the slider, or using the keyboard arrow keys.")]),t._v(" "),o("p",[t._v("UiSlider supports an icon and a disabled state. The slider is keyboard accessible.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-slider",{model:{value:t.slider1,callback:function(e){t.slider1=e},expression:"slider1"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon")]),t._v(" "),o("ui-slider",{attrs:{icon:"volume_up"},model:{value:t.slider2,callback:function(e){t.slider2=e},expression:"slider2"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With marker")]),t._v(" "),o("ui-slider",{attrs:{"show-marker":""},model:{value:t.slider3,callback:function(e){t.slider3=e},expression:"slider3"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With custom min and max: [1, 15]")]),t._v(" "),o("ui-slider",{attrs:{"show-marker":"",min:1,max:15,step:1},model:{value:t.slider4,callback:function(e){t.slider4=e},expression:"slider4"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Snap to steps: 20")]),t._v(" "),o("ui-slider",{attrs:{"show-marker":"","snap-to-steps":"",step:20},model:{value:t.slider5,callback:function(e){t.slider5=e},expression:"slider5"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-slider",{attrs:{icon:"volume_up",disabled:""},model:{value:t.slider6,callback:function(e){t.slider6=e},expression:"slider6"}}),t._v(" "),o("ui-button",{on:{click:t.resetSliders}},[t._v("Reset Sliders")])],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the slider's hidden input element. Useful when traditionally submitting a form the slider is a part of.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model *")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[t._v("(required)")]),t._v(" "),o("td",[o("p",[t._v("The model that the slider value syncs to. Changing this value will update the slider.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The slider icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can also use the "),o("code",[t._v("icon")]),t._v(" slot to show a custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("min")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[t._v("The minimum slider value.")])]),t._v(" "),o("tr",[o("td",[t._v("max")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("100")])]),t._v(" "),o("td",[t._v("The maximum slider value.")])]),t._v(" "),o("tr",[o("td",[t._v("step")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("10")])]),t._v(" "),o("td",[t._v("The amount to increment or decrement the slider value by when using the keyboard arrow keys. Also determines the snap points on the slider when "),o("code",[t._v("snapToSteps")]),t._v(" is "),o("code",[t._v("true")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("snapToSteps")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the slider value should be snapped to discrete steps. Setting to "),o("code",[t._v("true")]),t._v(" will ensure that the value is always a multiple of the "),o("code",[t._v("step")]),t._v(" prop when a drag is completed.")])]),t._v(" "),o("tr",[o("td",[t._v("showMarker")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not to show a marker (like a tooltip) above the slider which shows the current value. The value shown can be customized using the "),o("code",[t._v("markerValue")]),t._v(" prop.")])]),t._v(" "),o("tr",[o("td",[t._v("markerValue")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The value shown in the marker when "),o("code",[t._v("showMarker")]),t._v(" is "),o("code",[t._v("true")]),t._v(". If not provided and "),o("code",[t._v("showMarker")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the slider's value is shown in the marker.")])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The slider input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the slider is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the slider.")])])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{
-attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("Holds the slider icon and can be used to show a custom or SVG icon.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the slider is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the slider loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the slider value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the value of the slider is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("dragstart")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the user starts dragging the slider thumb. The handler is called with the current value and the drag event object.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dragstart")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("dragend")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the user stops dragging the slider thumb. The handler is called with the current value and the drag event object.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dragend")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the slider.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[t._v("Call this method to reset the slider's value to its initial value.")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSlider.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o(t.isAnchor?"a":"button",{tag:"component",staticClass:"ui-icon-button",class:t.classes,attrs:{"aria-label":t.ariaLabel||t.tooltip,disabled:t.disabled||t.loading,href:t.isAnchor?t.disabled?null:t.href:null,type:t.isAnchor?null:t.buttonType},on:{click:t.onClick}},[t.icon||t.$slots.default?o("div",{staticClass:"ui-icon-button__icon"},[t._t("default",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-icon-button__focus-ring"}),t._v(" "),t.loading?o("ui-progress-circular",{staticClass:"ui-icon-button__progress",attrs:{color:t.progressColor,size:"large"===t.size?24:18,stroke:4.5}}):t._e(),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink"),t._v(" "),t.hasDropdown?o("ui-popover",{ref:"dropdown",attrs:{"constain-focus":"","append-to-body":t.appendDropdownToBody,"constrain-to-scroll-parent":t.constrainDropdownToScrollParent,position:t.dropdownPosition,"open-on":t.openDropdownOn},on:{close:t.onDropdownClose,open:t.onDropdownOpen}},[t._t("dropdown")],2):t._e(),t._v(" "),t.tooltip?o("ui-tooltip",{attrs:{"open-on":t.openTooltipOn,position:t.tooltipPosition}},[t._v(t._s(t.tooltip))]):t._e()],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("li",{staticClass:"ui-select-option",class:t.classes},[t._t("default",["basic"===t.type?o("div",{staticClass:"ui-select-option__basic"},[t._v("\n "+t._s(t.option[t.keys.label]||t.option)+"\n ")]):t._e(),t._v(" "),"image"===t.type?o("div",{staticClass:"ui-select-option__image"},[o("div",{staticClass:"ui-select-option__image-object",style:t.imageStyle}),t._v(" "),o("div",{staticClass:"ui-select-option__image-text"},[t._v(t._s(t.option[t.keys.label]))])]):t._e(),t._v(" "),t.multiple?o("div",{staticClass:"ui-select-option__checkbox"},[t.selected?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm9-14.016C20.11 3 21 3.938 21 5.016v13.97C21 20.062 20.11 21 18.984 21H5.014C3.89 21 3 20.064 3 18.986V5.015C3 3.94 3.89 3 5.014 3h13.97z"}})])]):o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 3C20.062 3 21 3.938 21 5.016v13.97C21 20.062 20.062 21 18.984 21H5.014C3.938 21 3 20.064 3 18.986V5.015C3 3.94 3.936 3 5.014 3h13.97zm0 2.016H5.014v13.97h13.97V5.015z"}})])])],1):t._e()])],2)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"keen-docs-brand"},[o("span",{staticClass:"keen-docs-brand__title"},[t._v("Keen UI")]),t._v(" "),o("a",{staticClass:"keen-docs-brand__version",attrs:{rel:"noopener",target:"_blank",title:"View release notes",href:t.versionUrl}},[t._v("v"+t._s(t.version))]),t._v(" "),o("a",{staticClass:"keen-docs-brand__button",attrs:{rel:"noopener",target:"_blank",title:"View on Github",href:t.repoUrl}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[o("path",{attrs:{d:"M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"}})])])],1)])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-textbox",class:t.classes},[t.icon||t.$slots.icon?o("div",{staticClass:"ui-textbox__icon-wrapper"},[t._t("icon",[o("ui-icon",{attrs:{icon:t.icon}})])],2):t._e(),t._v(" "),o("div",{staticClass:"ui-textbox__content"},[o("label",{staticClass:"ui-textbox__label"},[t.multiLine?o("textarea",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"textarea",staticClass:"ui-textbox__textarea",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,maxlength:t.enforceMaxlength?t.maxlength:null,name:t.name,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,rows:t.rows,tabindex:t.tabindex},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}):o("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:t.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-textbox__input",attrs:{autocomplete:t.autocomplete?t.autocomplete:null,disabled:t.disabled,max:t.maxValue,maxlength:t.enforceMaxlength?t.maxlength:null,min:t.minValue,name:t.name,number:"number"===t.type||null,placeholder:t.hasFloatingLabel?null:t.placeholder,readonly:t.readonly,required:t.required,step:t.stepValue,tabindex:t.tabindex,type:t.type},domProps:{value:t.value},on:{blur:t.onBlur,change:t.onChange,focus:t.onFocus,input:function(e){t.updateValue(e.target.value)},keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.onKeydownEnter(e):null},t.onKeydown]}}),t._v(" "),t.label||t.$slots.default?o("div",{staticClass:"ui-textbox__label-text",class:t.labelClasses},[t._t("default",[t._v(t._s(t.label))])],2):t._e()]),t._v(" "),t.hasFeedback||t.maxlength?o("div",{staticClass:"ui-textbox__feedback"},[t.showError?o("div",{staticClass:"ui-textbox__feedback-text"},[t._t("error",[t._v(t._s(t.error))])],2):t.showHelp?o("div",{staticClass:"ui-textbox__feedback-text"},[t._t("help",[t._v(t._s(t.help))])],2):t._e(),t._v(" "),t.maxlength?o("div",{staticClass:"ui-textbox__counter"},[t._v("\n "+t._s(t.valueLength+"/"+t.maxlength)+"\n ")]):t._e()]):t._e()])])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-toolbar",class:t.classes},[o("div",{staticClass:"ui-toolbar__left"},[t.removeNavIcon?t._e():o("div",{staticClass:"ui-toolbar__nav-icon"},[t._t("icon",[o("ui-icon-button",{attrs:{size:"large",type:"secondary",color:t.textColor,icon:t.navIcon},on:{click:t.navIconClick}})])],2),t._v(" "),t.brand||t.$slots.brand?o("div",{staticClass:"ui-toolbar__brand"},[t._t("brand",[o("div",{staticClass:"ui-toolbar__brand-text"},[t._v(t._s(t.brand))])])],2):t._e()]),t._v(" "),o("div",{staticClass:"ui-toolbar__body",class:{"has-brand-divider":t.hasBrandDivider}},[t._t("default",[t.title?o("div",{staticClass:"ui-toolbar__title"},[t._v(t._s(t.title))]):t._e()])],2),t._v(" "),o("div",{staticClass:"ui-toolbar__right"},[t._t("actions")],2),t._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:t.loading,expression:"loading"}],staticClass:"ui-toolbar__progress",attrs:{color:t.progressColor}})],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("label",{staticClass:"ui-switch",class:t.classes},[o("div",{staticClass:"ui-switch__input-wrapper"},[o("input",{ref:"input",staticClass:"ui-switch__input",attrs:{type:"checkbox",disabled:t.disabled,name:t.name,tabindex:t.tabindex},domProps:{checked:t.isChecked,value:t.submittedValue},on:{blur:t.onBlur,click:t.onClick,focus:t.onFocus}}),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"ui-switch__track"})]),t._v(" "),t.label||t.$slots.default?o("div",{staticClass:"ui-switch__label-text"},[t._t("default",[t._v(t._s(t.label))])],2):t._e()])},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-switch__thumb"},[o("div",{staticClass:"ui-switch__focus-ring"})])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-fileupload"},[o("h2",{staticClass:"page__title"},[t._v("UiFileupload")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("UiFileupload allows for selecting multiple files and customizing what type of files to allow.")]),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-fileupload",{attrs:{name:"file"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Colors")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fileupload",{attrs:{color:"primary",name:"file2"}}),t._v(" "),o("ui-fileupload",{attrs:{color:"accent",name:"file3"}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: secondary")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fileupload",{attrs:{name:"file4",type:"secondary"}}),t._v(" "),o("ui-fileupload",{attrs:{color:"primary",name:"file5",type:"secondary"}}),t._v(" "),o("ui-fileupload",{attrs:{color:"accent",name:"file6",type:"secondary"}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom label")]),t._v(" "),o("ui-fileupload",{attrs:{name:"file7"}},[t._v("Select file to upload")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom icon")]),t._v(" "),o("ui-fileupload",{attrs:{name:"file8"}},[o("ui-icon",{attrs:{slot:"icon"},slot:"icon"},[t._v("cloud_upload")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom accept")]),t._v(" "),t._m(2),t._v(" "),o("ui-fileupload",{attrs:{name:"file9",accept:"image/*"}},[t._v("Select an image")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Multiple")]),t._v(" "),o("ui-fileupload",{attrs:{multiple:"",name:"file10"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With image preview")]),t._v(" "),o("ui-fileupload",{attrs:{accept:"image/*",name:"file11"},on:{change:t.onFile11Change}},[t._v("Select an image")]),t._v(" "),t.file11PreviewImage.length>0?o("div",{staticClass:"page__demo-preview"},[o("img",{staticClass:"page__demo-preview-image",attrs:{alt:"file11PreviewName",src:t.file11PreviewImage}})]):t._e()],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name *")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the file input element.")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The upload button label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("The label is shown when no file has been selected.")])])]),t._v(" "),o("tr",[o("td",[t._v("accept")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("accept")]),t._v(" attribute of the file input element. "),o("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-accept",target:"_blank",rel:"noopener"}},[t._v("See here")]),t._v(" for possible values.")])])]),t._v(" "),o("tr",[o("td",[t._v("multiple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the user can select multiple files for this upload button.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to allow the selection of multiple files.")])])]),t._v(" "),o("tr",[o("td",[t._v("required")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("required")]),t._v(" attribute of the file input element.")])])]),t._v(" "),o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The type of button (determines the visual prominence).")]),t._v(" "),o("p",[t._v("Use "),o("code",[t._v("primary")]),t._v(" for a more prominent button, and "),o("code",[t._v("secondary")]),t._v(" for a less prominent button.")])])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[o("p",[t._v("One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(" or "),o("code",[t._v("default")]),t._v(".")]),t._v(" "),o("p",[t._v("For "),o("code",[t._v('type="primary"')]),t._v(", this is the background color; for "),o("code",[t._v('type="secondary"')]),t._v(", the text color.")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[o("p",[t._v("The size of the upload button. One of "),o("code",[t._v("small")]),t._v(", "),o("code",[t._v("normal")]),t._v(", or "),o("code",[t._v("large")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the upload button has a drop shadow.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show a drop shadow.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the upload button text. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The upload button "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is shown when the upload button is clicked.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the upload button is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the button.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the upload button label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the upload button icon and can contain any custom or SVG icon.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the upload button is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the upload button loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the selected file changes. The handler is called with the following arguments:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("files")]),t._v(" - "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/FileList",target:"_blank",rel:"noopener"}},[t._v("FileList")]),t._v(": an array-like container of "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/File",target:"_blank",rel:"noopener"}},[t._v("File")]),t._v(" objects representing the selected files")]),t._v(" "),o("li",[o("code",[t._v("event")]),t._v(" - Event: the original change event")])]),t._v(" "),o("p",[t._v("The file objects can be used to generage a client-side preview of the selected files. See the "),o("b",[t._v("With image preview")]),t._v(" section above for an example.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the upload button.")]),t._v(" "),o("p",[t._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[t._v("input modality")]),t._v(" is not keyboard.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("openPicker()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically open the file picker.")]),t._v(" "),o("p",[t._v("This method should only be called in response to a "),o("a",{attrs:{href:"https://github.com/WICG/interventions/issues/12",target:"_blank",rel:"noopener"}},[t._v("user gesture")]),t._v(" like a click or focus or the action may fail.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("clear()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to clear the selected file, if any.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiFileupload is a file upload button which wraps the native "),o("code",[t._v('input[type="file"]')]),t._v(" element. Like "),o("a",{attrs:{href:"#/ui-button"}},[t._v("UiButton")]),t._v(", it allows for customizing the type, color, size and icon of the button.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiFileupload.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("The following fileupload accepts only files with MIME type "),o("code",[t._v("image/*")]),t._v(".")])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-confirm"},[o("h2",{staticClass:"page__title"},[t._v("UiConfirm")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("p",[t._v("UiConfirm can also show a loading spinner on the confirm button (useful for AJAX operations).")]),t._v(" "),t._m(2),t._v(" "),o("div",{staticClass:"page__demo"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"basicConfirm",attrs:{title:"Basic Confirm"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n Do you want to confirm this?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("basicConfirm")}}},[t._v("Basic Confirm")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Autofocus")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"confirm1",attrs:{autofocus:"confirm-button","confirm-button-text":"Confirm","deny-button-text":"Deny",title:"Confirm this"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n The confirm button in this dialog is focused by default.\n ")]),t._v(" "),o("ui-confirm",{ref:"confirm2",attrs:{autofocus:"none","confirm-button-text":"Confirm","deny-button-text":"Deny",title:"Confirm this"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n No button in this dialog is focused by default.\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("confirm1")}}},[t._v("Focus Primary Button")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("confirm2")}}},[t._v("Focus None")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Types")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"publishConfirm",attrs:{"confirm-button-icon":"public","confirm-button-text":"Publish","deny-button-text":"Cancel",title:"Publish Post",type:"primary","close-on-confirm":!1,loading:t.publishRequestInProgress},on:{confirm:t.onConfirmPublish,deny:t.onDenyPublish}},[t._v("\n Publish post for the world to see?\n ")]),t._v(" "),o("ui-confirm",{ref:"deleteConfirm",attrs:{"confirm-button-icon":"delete","confirm-button-text":"Delete","deny-button-text":"Keep",title:"Delete Post",type:"danger"},on:{confirm:t.onConfirmDelete,deny:t.onDenyDelete}},[t._v("\n Are you sure you want to delete the post?\n ")]),t._v(" "),o("ui-button",{attrs:{color:"primary"},on:{click:function(e){t.showConfirm("publishConfirm")}}},[t._v("Publish Post")]),t._v(" "),o("ui-button",{attrs:{color:"red",type:"secondary"},on:{click:function(e){t.showConfirm("deleteConfirm")}}},[t._v("Delete Post")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Transitions")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"scaleUpConfirm",attrs:{title:"Scale Up Transition",transition:"scale-up"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n Do you want to confirm this?\n ")]),t._v(" "),o("ui-confirm",{ref:"scaleDownConfirm",attrs:{title:"Scale Down Transition",transition:"scale-down"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n Do you want to confirm this?\n ")]),t._v(" "),o("ui-confirm",{ref:"fadeConfirm",attrs:{title:"Fade Transition",transition:"fade"},on:{confirm:t.onConfirm,deny:t.onDeny}},[t._v("\n Do you want to confirm this?\n ")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("scaleUpConfirm")}}},[t._v("Scale Up")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("scaleUpConfirm")}}},[t._v("Scale Down (default)")]),t._v(" "),o("ui-button",{on:{click:function(e){t.showConfirm("fadeConfirm")}}},[t._v("Fade")])],1),t._v(" "),t.confirmResult.length?o("pre",{staticClass:"language-html"},[o("code",[t._v(t._s(t.confirmResult))])]):t._e()]),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("title")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"UiConfirm"')])]),t._v(" "),o("td",[o("p",[t._v("The confirm dialog title (text only).")]),t._v(" "),o("p",[t._v("If you want to use HTML in the header, consider using a "),o("a",{attrs:{href:"#/ui-modal"}},[t._v("UiModal")]),t._v(" directly.")])])]),t._v(" "),o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The type of confirm dialog (determines the color of the primary confirm button).")]),t._v(" "),o("p",[t._v("Can be one of "),o("code",[t._v("default")]),t._v(", "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("success")]),t._v(", "),o("code",[t._v("warning")]),t._v(" or "),o("code",[t._v("danger")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[o("p",[t._v("The size of the confirm modal. One of "),o("code",[t._v("small")]),t._v(", "),o("code",[t._v("normal")]),t._v(", "),o("code",[t._v("large")]),t._v(", or "),o("code",[t._v("fullscreen")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("confirmButtonText")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"OK"')])]),t._v(" "),o("td",[t._v("The confirm button text.")])]),t._v(" "),o("tr",[o("td",[t._v("confirmButtonIcon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The confirm button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("denyButtonText")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"Cancel"')])]),t._v(" "),o("td",[t._v("The deny button text.")])]),t._v(" "),o("tr",[o("td",[t._v("denyButtonIcon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The deny button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("autofocus")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"deny-button"')])]),t._v(" "),o("td",[o("p",[t._v("The button to autofocus when the dialog is opened.")]),t._v(" "),o("p",[t._v("Can be one of "),o("code",[t._v("confirm-button")]),t._v(", "),o("code",[t._v("deny-button")]),t._v(" or "),o("code",[t._v("none")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("loading")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not a loading spinner is shown on the confirm button.")]),t._v(" "),o("p",[t._v("Setting this prop to "),o("code",[t._v("true")]),t._v(" will show a spinner on the confirm button, disable the deny button and prevent the dialog from being dismissed.")])])]),t._v(" "),o("tr",[o("td",[t._v("closeOnConfirm")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the dialog should be closed when the confirm button is clicked.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to keep the dialog open after a confirmation.")])])]),t._v(" "),o("tr",[o("td",[t._v("dismissOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"backdrop close-button esc"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the confirm to be dismissed.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("backdrop")]),t._v(", "),o("code",[t._v("close-button")]),t._v(", or "),o("code",[t._v("esc")]),t._v(". Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("transition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v("scale-down")])]),t._v(" "),o("td",[o("p",[t._v("The dialog enter/leave transition. One of "),o("code",[t._v("scale-up")]),t._v(", "),o("code",[t._v("scale-down")]),t._v(" or "),o("code",[t._v("fade")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the confirm dialog content and can contain HTML.")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("confirm")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the user clicks the confirm button.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@confirm")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("deny")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the user clicks the deny button.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@deny")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the confirm dialog is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("reveal")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the confirm dialog is revealed (i.e. when the open transition completes).")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@reveal")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the confirm dialog is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("hide")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the confirm dialog transition completes.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@hide")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{
-attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("open()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to open the confirm.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("close()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to close the confirm.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiConfirm shows a confirmation dialog using "),o("a",{attrs:{href:"#/ui-modal"}},[t._v("UiModal")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("The confirm and deny buttons can be customized and the component emits "),o("code",[t._v("confirm")]),t._v(" and "),o("code",[t._v("deny")]),t._v(" events.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiConfirm.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-collapsible",class:t.classes},[o("div",{staticClass:"ui-collapsible__header",attrs:{"aria-controls":t.id,"aria-expanded":t.isOpen?"true":"false",tabindex:t.disabled?null:0},on:{click:t.toggleCollapsible,keydown:[function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?(e.preventDefault(),t.toggleCollapsible(e)):null},function(e){return"button"in e||!t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?(e.preventDefault(),t.toggleCollapsible(e)):null}]}},[o("div",{staticClass:"ui-collapsible__header-content"},[t._t("header",[t._v(t._s(t.title))])],2),t._v(" "),t.removeIcon?t._e():o("ui-icon",{staticClass:"ui-collapsible__header-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M7.406 7.828L12 12.422l4.594-4.594L18 9.234l-6 6-6-6z"}})])]),t._v(" "),t.disableRipple||t.disabled?t._e():o("ui-ripple-ink")],1),t._v(" "),o("transition",{on:{enter:t.onEnter,"after-enter":t.afterEnter,"before-leave":t.beforeLeave,leave:t.onLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.isOpen,expression:"isOpen"}],ref:"bodyWrapper",staticClass:"ui-collapsible__body-wrapper",attrs:{"aria-hidden":t.isOpen?null:"true",id:t.id}},[o("div",{staticClass:"ui-collapsible__body"},[t._t("default")],2)])])],1)},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-icon-button"},[o("h2",{staticClass:"page__title"},[t._v("UiIconButton")]),t._v(" "),o("p",[t._v("UiIconButton shows an icon button which can show a loading spinner and include a dropdown. It supports focus (mouse and keyboard separately), hover and disabled states.")]),t._v(" "),o("p",[t._v("UiIconButton has two types:")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["mini","small","normal","large"]},model:{value:t.size,callback:function(e){t.size=e},expression:"size"}},[t._v("Button Size")]),t._v(" "),o("ui-switch",{model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},[t._v("\n Loading: "),o("code",[t._v(t._s(t.loading?"true":"false"))])]),t._v(" "),o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-bordered page__demo-table"},[o("tbody",[t._m(5),t._v(" "),o("tr",[o("th",[t._v("Color: default")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{icon:"refresh",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{icon:"refresh",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{disabled:"",icon:"refresh",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{icon:"refresh",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{icon:"refresh",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{disabled:"",icon:"refresh",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: primary")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"primary",disabled:"",icon:"add",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"primary",disabled:"",icon:"add",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: accent")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"accent",disabled:"",icon:"edit",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"accent",disabled:"",icon:"edit",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: green")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"green",icon:"star",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"green",disabled:"",icon:"star",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"green",icon:"star",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"green",disabled:"",icon:"star",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: orange")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"orange",disabled:"",icon:"favorite",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"orange",disabled:"",icon:"favorite",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: red")]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"red",icon:"delete",size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"red",icon:"delete",loading:t.loading,size:t.size}}),t._v(" "),o("ui-icon-button",{attrs:{color:"red",disabled:"",icon:"delete",size:t.size}})],1)]),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"red",icon:"delete",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"red",icon:"delete",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"red",disabled:"",icon:"delete",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: black")]),t._v(" "),o("td"),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"black",icon:"menu",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"refresh",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"black",disabled:"",icon:"more_vert",size:t.size,type:"secondary"}})],1)])]),t._v(" "),o("tr",[o("th",[t._v("Color: white")]),t._v(" "),o("td"),t._v(" "),o("td",[o("div",{staticClass:"page__demo-group has-white-icon-buttons"},[o("ui-icon-button",{attrs:{color:"white",icon:"menu",size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"refresh",loading:t.loading,size:t.size,type:"secondary"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"white",disabled:"",icon:"more_vert",size:t.size,type:"secondary"}})],1)])])])])]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With href (linked button)")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI",rel:"noopener",target:"_blank",size:t.size}},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[o("path",{attrs:{d:"M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"}})])])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With tooltip")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"default",icon:"refresh",size:t.size,tooltip:"Position top","tooltip-position":"top"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:t.size,tooltip:"Position bottom","tooltip-position":"bottom"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:t.size,tooltip:"Position left","tooltip-position":"left"}}),t._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",size:t.size,tooltip:"Position right","tooltip-position":"right"}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Has dropdown, with menu")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{ref:"dropdownButton",attrs:{color:"primary","has-dropdown":"",icon:"add",size:t.size}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton.closeDropdown()}},slot:"dropdown"})],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Has dropdown, custom content")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{"has-dropdown":"",icon:"more_vert",size:t.size}},[o("div",{staticClass:"my-custom-dropdown",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[t._v("Hey")]),t._v(" there!")]),t._v(" "),o("p",[t._v("Button dropdowns can have any content, not just menus.")])])])],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The type of icon button (determines the visual prominence).")]),t._v(" "),o("p",[t._v("Use "),o("code",[t._v("primary")]),t._v(" for a more prominent button, and "),o("code",[t._v("secondary")]),t._v(" for a less prominent button.")])])]),t._v(" "),o("tr",[o("td",[t._v("buttonType")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("type")]),t._v(" attribute of the button element. The "),o("a",{attrs:{href:"https://stackoverflow.com/a/31644856",target:"_blank",rel:"noopener"}},[t._v("HTML default")]),t._v(" is "),o("code",[t._v("submit")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("href")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The button's "),o("code",[t._v("href")]),t._v(" attribute. Setting this attribute will render an anchor tag ("),o("code",[t._v("")]),t._v(").")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[o("p",[t._v("One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("green")]),t._v(", "),o("code",[t._v("orange")]),t._v(", "),o("code",[t._v("red")]),t._v(", "),o("code",[t._v("black")]),t._v(", "),o("code",[t._v("white")]),t._v(" or "),o("code",[t._v("default")]),t._v(".")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("black")]),t._v(" and "),o("code",[t._v("white")]),t._v(" colors should only be paired with "),o("code",[t._v('type="secondary"')]),t._v(".")]),t._v(" "),o("p",[t._v("In "),o("code",[t._v('type="primary"')]),t._v(" buttons, this is the background color; in "),o("code",[t._v('type="secondary"')]),t._v(" buttons, the text color.")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[o("p",[t._v("The size of the icon button. One of "),o("code",[t._v("mini")]),t._v(", "),o("code",[t._v("small")]),t._v(", "),o("code",[t._v("normal")]),t._v(", or "),o("code",[t._v("large")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("ariaLabel")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The button "),o("code",[t._v("aria-label")]),t._v(" attribute (important for accessibility).")]),t._v(" "),o("p",[t._v("Falls back to "),o("code",[t._v("tooltip")]),t._v(" if not specified.")])])]),t._v(" "),o("tr",[o("td",[t._v("loading")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the loading spinner is shown.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show the loading spinner (disables the button).")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltip")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The button tooltip (text only).")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltipPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the tooltip relative to the button.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("openTooltipOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"mouseenter focus"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the tooltip to open.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("hover")]),t._v("/"),o("code",[t._v("mouseenter")]),t._v(", or "),o("code",[t._v("focus")]),t._v(". Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("hasDropdown")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button contains a dropdown.")]),t._v(" "),o("p",[t._v("Use the "),o("code",[t._v("dropdown")]),t._v(" slot to add any dropdown content, including a "),o("a",{attrs:{href:"#/ui-menu"}},[t._v("UiMenu")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("dropdownPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the dropdown relative to the button.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top left")]),t._v(", "),o("code",[t._v("left top")]),t._v(", "),o("code",[t._v("left middle")]),t._v(", "),o("code",[t._v("left bottom")]),t._v(", "),o("code",[t._v("bottom left")]),t._v(", "),o("code",[t._v("bottom center")]),t._v(", "),o("code",[t._v("bottom right")]),t._v(", "),o("code",[t._v("right bottom")]),t._v(", "),o("code",[t._v("right middle")]),t._v(", "),o("code",[t._v("right top")]),t._v(", "),o("code",[t._v("top right")]),t._v(", or "),o("code",[t._v("top center")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("constrainDropdownToScrollParent")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("When set to "),o("code",[t._v("true")]),t._v(", the button's dropdown will flip it's position if the position will cause it to overflow the button's first scroll parent. The scroll parent is the parent that has "),o("code",[t._v("overflow: auto")]),t._v(" or "),o("code",[t._v("overflow: scroll")]),t._v(" set, or "),o("code",[t._v("")]),t._v(", whichever comes first.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to disable the flipping behavior. This is useful for buttons in modals, if you want the button's dropdown to drop outside of the boundaries of the modal.")])])]),t._v(" "),o("tr",[o("td",[t._v("openDropdownOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"click"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event that will cause the dropdown to open. One of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("mouseenter")]),t._v("/"),o("code",[t._v("hover")]),t._v(", "),o("code",[t._v("focus")]),t._v(", or "),o("code",[t._v("manual")]),t._v(".")]),t._v(" "),o("p",[t._v("For "),o("code",[t._v("manual")]),t._v(", the dropdown is closed by default, until manually opened.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is shown when the button is clicked.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the button.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[o("p",[t._v("Holds the button icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("dropdown")]),t._v(" "),o("td",[o("p",[t._v("Holds the the dropdown content and can contain HTML.")]),t._v(" "),o("p",[t._v("For a dropdown menu, add a "),o("a",{attrs:{href:"#/ui-menu"}},[t._v("UiMenu")]),t._v(" component in this slot, and then call the "),o("code",[t._v("closeDropdown()")]),t._v(" method when the "),o("code",[t._v("close")]),t._v(" event is emitted on the menu.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the button dropdown is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the button dropdown is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-close")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("openDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to open the button dropdown.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("closeDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to close the button dropdown.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("toggleDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to toggle the button dropdown.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ul",[o("li",[o("b",[t._v("Primary")]),t._v(": more prominent, has a background color, with white or black text color.")]),t._v(" "),o("li",[o("b",[t._v("Secondary")]),t._v(": less prominent, has no background, text color is the button color.")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("Supported colors are "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("green")]),t._v(", "),o("code",[t._v("orange")]),t._v(", "),o("code",[t._v("red")]),t._v(", "),o("code",[t._v("black")]),t._v(", and "),o("code",[t._v("white")]),t._v(" in addition to the default gray.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("The "),o("code",[t._v("black")]),t._v(" and "),o("code",[t._v("white")]),t._v(" colors should only be paired with "),o("code",[t._v('type="secondary"')]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[o("b",[t._v("Note:")]),t._v(" If you are having alignment issues when using multiple buttons next to each other, put the buttons in a container and add a class of "),o("code",[t._v("ui-button-group")]),t._v(" for a flex-based workaround.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiIconButton.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("tr",[o("th"),t._v(" "),o("th",[t._v("Type: primary")]),t._v(" "),o("th",[t._v("Type: secondary")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-autocomplete"},[o("h2",{staticClass:"page__title"},[t._v("UiAutocomplete")]),t._v(" "),o("p",[t._v("UiAutocomplete shows a dropdown of autocomplete suggestions below an input as the user types.")]),t._v(" "),o("p",[t._v("UiAutocomplete can show a label above the input as well as help or error below the input, and it supports keyboard navigation.")]),t._v(" "),t._m(0),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Basic")]),t._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:t.months},model:{value:t.autocomplete1,callback:function(e){t.autocomplete1=e},expression:"autocomplete1"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Floating label")]),t._v(" "),o("ui-autocomplete",{attrs:{"floating-label":"",help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:t.months},model:{value:t.autocomplete2,callback:function(e){t.autocomplete2=e},expression:"autocomplete2"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With icon")]),t._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",icon:"events",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:t.months},model:{value:t.autocomplete3,callback:function(e){t.autocomplete3=e},expression:"autocomplete3"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Validation: required")]),t._v(" "),o("ui-autocomplete",{attrs:{error:"This field is required",help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",invalid:t.autocomplete4Touched&&!t.autocomplete4.length>0,suggestions:t.months},on:{touch:function(e){t.autocomplete4Touched=!0}},model:{value:t.autocomplete4,callback:function(e){t.autocomplete4=e},expression:"autocomplete4"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Type: image, minChars: 0")]),t._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite member of the Simpsons family",label:"Favourite Simpson",name:"favourite_simpson",placeholder:"Choose your favourite Simpson",type:"image",keys:{label:"label",value:"label",image:"image"},"min-chars":0,suggestions:t.theSimpsons},model:{value:t.autocomplete5,callback:function(e){t.autocomplete5=e},expression:"autocomplete5"}}),t._v(" "),o("p",[t._v("Suggestions are updated dynamically when the suggestions array changes.")]),t._v(" "),o("ui-button",{attrs:{disabled:t.addedGrannies},on:{click:t.addGrannies}},[t._v("\n Add Grandma & Grandpa\n ")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Custom template")]),t._v(" "),o("p",[t._v("The following simply renders the prop passed to the custom template for each suggestion.")]),t._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:t.months},scopedSlots:t._u([{key:"suggestion",fn:function(e){return[o("code",[t._v(t._s(e))])]}}]),model:{value:t.autocomplete6,callback:function(e){t.autocomplete6=e},expression:"autocomplete6"}}),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Disabled")]),t._v(" "),o("ui-autocomplete",{attrs:{disabled:"",label:"Favourite Colour",placeholder:"You can't interact with this"},model:{value:t.autocomplete7,callback:function(e){t.autocomplete7=e},expression:"autocomplete7"}})],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("name")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The "),o("code",[t._v("name")]),t._v(" attribute of the autocomplete input element.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("value, v-model")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The model the autocomplete value syncs to.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for the "),o("code",[t._v("input")]),t._v(" event and update "),o("code",[t._v("value")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("suggestions")]),t._v(" "),o("td",[t._v("Array")]),t._v(" "),o("td",[o("code",[t._v("[]")])]),t._v(" "),o("td",[o("p",[t._v("An array of suggestions to show to the user. The array can either be of strings or objects (but not both).")]),t._v(" "),o("p",[t._v("For an array of objects, each object should have "),o("code",[t._v("label")]),t._v(" and "),o("code",[t._v("value")]),t._v(" properties. The "),o("code",[t._v("label")]),t._v(" is shown to the user and the "),o("code",[t._v("value")]),t._v(" is written to the model when the user makes a selection.")]),t._v(" "),o("p",[t._v("You can redefine the "),o("code",[t._v("label")]),t._v(" and "),o("code",[t._v("value")]),t._v(" keys to fit your data using the "),o("code",[t._v("keys")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("For an array of strings, each string is used as both the label and the value.")])])]),t._v(" "),o("tr",[o("td",[t._v("limit")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("8")])]),t._v(" "),o("td",[t._v("The maximum number of suggestions to show to the user at any one time.")])]),t._v(" "),o("tr",[o("td",[t._v("append")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the value of the selected suggestion should be appended to the current value (instead of replacing the current value).")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to append selected suggestions.")])])]),t._v(" "),o("tr",[o("td",[t._v("appendDelimiter")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('", "')])]),t._v(" "),o("td",[t._v("The delimiter (separator) to use when appending selected suggestions.")])]),t._v(" "),o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"simple"')])]),t._v(" "),o("td",[o("p",[t._v("The type of template to use for rendering each suggestion. One of "),o("code",[t._v("simple")]),t._v(" or "),o("code",[t._v("image")]),t._v(".")]),t._v(" "),o("p",[t._v("The default type is "),o("code",[t._v("simple")]),t._v(", which simply renders the suggestion text.")]),t._v(" "),o("p",[t._v("The "),o("code",[t._v("image")]),t._v(" type renders each suggestion with with an image. To use, set "),o("code",[t._v("type")]),t._v(" to "),o("code",[t._v("image")]),t._v(" and set an image URL as the "),o("code",[t._v("image")]),t._v(" property on each suggestion. You can redefine the "),o("code",[t._v("image")]),t._v(" key to fit your data using the "),o("code",[t._v("keys")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("You can also render each suggestion with a custom template using the "),o("code",[t._v("suggestion")]),t._v(" scoped slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("minChars")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[o("code",[t._v("2")])]),t._v(" "),o("td",[t._v("The minimum number of characters the user should type before the suggestions are shown.")])]),t._v(" "),o("tr",[o("td",[t._v("showOnUpDown")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[t._v("Determines whether the suggestions should be shown when the user presses the Up or Down arrow keys in the input.")])]),t._v(" "),o("tr",[o("td",[t._v("invalid")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the autocomplete is invalid.")]),t._v(" "),o("p",[t._v("When "),o("code",[t._v("invalid")]),t._v(" is "),o("code",[t._v("true")]),t._v(", the autocomplete label appears red and the error is shown if available.")])])]),t._v(" "),o("tr",[o("td",[t._v("autofocus")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the autocomplete should automatically receive focus when it is rendered for the first time.")]),t._v(" "),o("p",[t._v("Only one input element should have this prop set to "),o("code",[t._v("true")]),t._v(" in the document for the autofocus to work properly.")])])]),t._v(" "),o("tr",[o("td",[t._v("filter")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td",[o("a",{
-attrs:{href:"https://github.com/bevacqua/fuzzysearch",target:"_blank",rel:"noopener"}},[t._v("fuzzysearch")])]),t._v(" "),o("td",[o("p",[t._v("Defines a custom filter function that is used for filtering the suggestions when the user types into the autocomplete.")]),t._v(" "),o("p",[t._v("The function is called for each item in the "),o("code",[t._v("suggestions")]),t._v(" array with two arguments:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("suggestion")]),t._v(": (Object or String) - the current suggestion")]),t._v(" "),o("li",[o("code",[t._v("query")]),t._v(": (String) - the current value of the autocomplete input (what the user has typed)")]),t._v(" "),o("li",[o("code",[t._v("defaultFilter")]),t._v(": (Function) - Keen UI's default filter function. You can call this with the suggestion and query to defer to the default fuzzy filter behavior. Remember to return its result from your custom filter function if you're using it.")])]),t._v(" "),o("p",[t._v("The function should return "),o("code",[t._v("true")]),t._v(" if the suggestion matches the query or "),o("code",[t._v("false")]),t._v(" otherwise.")])])]),t._v(" "),o("tr",[o("td",[t._v("sort")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("Defines a custom sort function that is used for sorting the suggestions after they are filtered.")]),t._v(" "),o("p",[t._v("The function should implement the standard "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax",target:"_blank",rel:"noopener"}},[o("code",[t._v("Array.prototype.sort()")]),t._v(" compare callback")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("keys")]),t._v(" "),o("td",[t._v("Object")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[t._v("{\n label: 'label',\n value: 'value',\n image: 'image'\n}")])]),t._v(" "),o("td",[o("p",[t._v("Allows for redefining each suggestion object's keys.")]),t._v(" "),o("p",[t._v("Pass an object with custom keys if your data does not match the default keys.")]),t._v(" "),o("p",[t._v("Note that if you redefine one key, you have to define all the others as well.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("highlightFirstMatch")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the first matching suggestion is automatically highlighted when the user input changes.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to disable automatically highlighting the first match.")])])]),t._v(" "),o("tr",[o("td",[t._v("cycleHighlight")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not highlighting should cycle (wrap around) immediately on overflow.")]),t._v(" "),o("p",[t._v("When this is set to "),o("code",[t._v("false")]),t._v(", pressing the down arrow key when on the last suggestion will not immediately highlight the first suggestion, but pressing it a second time will.")]),t._v(" "),o("p",[t._v("The same goes for when pressing the up arrow key on the first suggestion.")])])]),t._v(" "),o("tr",[o("td",[t._v("placeholder")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("placeholder")]),t._v(" attribute of the autocomplete input element.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The autocomplete icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the input. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("label")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The autocomplete label (text only). For HTML, use the "),o("code",[t._v("default")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("floatingLabel")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the autocomplete label starts out inline and moves to float above the input when it is focused.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" for a floating label. This will disable the input placeholder.")])])]),t._v(" "),o("tr",[o("td",[t._v("tabindex")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The autocomplete input "),o("code",[t._v("tabindex")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The help text (hint) shown to the user below the autocomplete input. For HTML, use the "),o("code",[t._v("help")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the input for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The error text shown to the user below the autocomplete input when the "),o("code",[t._v("invalid")]),t._v(" prop is "),o("code",[t._v("true")]),t._v(". For HTML, use the "),o("code",[t._v("error")]),t._v(" slot.")]),t._v(" "),o("p",[t._v("Extra space is reserved under the input for the help and error, but if neither is available, this space is collapsed.")])])]),t._v(" "),o("tr",[o("td",[t._v("readonly")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("The "),o("code",[t._v("readonly")]),t._v(" attribute of the autocomplete input element.")])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[t._v("Whether or not the autocomplete is disabled. Set to "),o("code",[t._v("true")]),t._v(" to disable the autocomplete.")])])])])]),t._v("\n\n * Required prop\n ")]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the autocomplete label and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("suggestion")]),t._v(" "),o("td",[o("p",[t._v("Use this slot to render each suggestion with a custom template. The slot is passed the following properties, which will be available through "),o("code",[t._v("scope")]),t._v(":")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("suggestion")]),t._v(": (Object or String) - the suggestion")]),t._v(" "),o("li",[o("code",[t._v("index")]),t._v(": (Number) - the index of the suggestion in the array of matched suggestions")]),t._v(" "),o("li",[o("code",[t._v("highlighted")]),t._v(": (Boolean) - whether or not the suggestion is currently highlighted")])]),t._v(" "),o("p",[t._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[t._v("Scoped Slots documentation")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the autocomplete icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("help")]),t._v(" "),o("td",[o("p",[t._v("Holds the autocomplete help and can contain HTML.")])])]),t._v(" "),o("tr",[o("td",[t._v("error")]),t._v(" "),o("td",[o("p",[t._v("Holds the autocomplete error and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("select")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a suggestion is selected. The handler is called with the selected suggestion.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@select")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("input")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete input value is changed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("If you are not using "),o("code",[t._v("v-model")]),t._v(", you should listen for this event and update the "),o("code",[t._v("value")]),t._v(" prop.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@input")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("change")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a change in the autocomplete value is committed. The handler is called with the new value.")]),t._v(" "),o("p",[t._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[t._v("onchange event documentation")]),t._v(" for more information.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@change")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("touch")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete is focused for the first time and then blurred.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@touch")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("focus")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete input is focused.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@focus")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("blur")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete input loses focus.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@blur")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete dropdown is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the autocomplete dropdown is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-close")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("highlight")]),t._v(" "),o("td",[o("p",[t._v("Emitted when a suggestion is highlighted using the arrow keys. The handler is called with the following arguments:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("suggestion")]),t._v(": (Object or String) - the suggestion that was highlighted")]),t._v(" "),o("li",[o("code",[t._v("index")]),t._v(": (Number) - the index of the suggestion in the array of matched suggestions")])]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@highlight")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("highlight-overflow")]),t._v(" "),o("td",[o("p",[t._v("Emitted when an attempted highlight overflows (this happens when the user is on the first suggestion and presses the up arrow key or on the last suggestion and presses the down arrow key).")]),t._v(" "),o("p",[t._v("This event is only emitted when the "),o("code",[t._v("cycleHighlight")]),t._v(" prop is "),o("code",[t._v("false")]),t._v(".")]),t._v(" "),o("p",[t._v("The handler is called with the overflowing index. Listen for it using "),o("code",[t._v("@highlight-overflow")]),t._v(".")])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("focus()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to programmatically focus the autocomplete.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("reset()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to reset the autocomplete to its initial value. You should also reset the "),o("code",[t._v("invalid")]),t._v(" and "),o("code",[t._v("touched")]),t._v(" props.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("resetTouched()")])]),t._v(" "),o("td",[t._v("Call this method to reset the touched state of the autocomplete. By default it will set the touched state to "),o("code",[t._v("false")]),t._v(", but you can pass an object with "),o("code",[t._v("{ touched: true }")]),t._v(" to set the touched state to "),o("code",[t._v("true")]),t._v(".")])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiAutocomplete.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-fab"},[o("h2",{staticClass:"page__title"},[t._v("UiFab")]),t._v(" "),o("p",[t._v("UiFab shows a primary, floating action button. It supports mouse and keyboard focus, hover and disabled states.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["small","normal"]},model:{value:t.size,callback:function(e){t.size=e},expression:"size"}},[t._v("Button Size")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Colors")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fab",{attrs:{color:"primary",icon:"add",size:t.size}}),t._v(" "),o("ui-fab",{attrs:{color:"accent",icon:"edit",size:t.size}}),t._v(" "),o("ui-fab",{attrs:{icon:"keyboard_voice",size:t.size}})],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With tooltip")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fab",{attrs:{color:"primary",icon:"edit","tooltip-position":"top",tooltip:"Position top",size:t.size}}),t._v(" "),o("ui-fab",{attrs:{color:"accent",icon:"edit","tooltip-position":"bottom",tooltip:"Position bottom",size:t.size}}),t._v(" "),o("ui-fab",{attrs:{icon:"edit","tooltip-position":"left",tooltip:"Position left",size:t.size}}),t._v(" "),o("ui-fab",{attrs:{icon:"edit","tooltip-position":"right",tooltip:"Position right",size:t.size}})],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[t._v("The size of the FAB. One of "),o("code",[t._v("normal")]),t._v(" or "),o("code",[t._v("small")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[t._v("The background color of the FAB. One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(" or "),o("code",[t._v("default")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The FAB icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("ariaLabel")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The FAB "),o("code",[t._v("aria-label")]),t._v(" attribute (important for accessibility).")]),t._v(" "),o("p",[t._v("Falls back to "),o("code",[t._v("tooltip")]),t._v(" if not specified.")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltip")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The FAB tooltip (text only).")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltipPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the tooltip relative to the FAB.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("openTooltipOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"mouseenter focus"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the tooltip to open.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("hover")]),t._v("/"),o("code",[t._v("mouseenter")]),t._v(", or "),o("code",[t._v("focus")]),t._v(". Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is shown when the FAB is clicked.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the FAB icon and can contain any custom or SVG icon.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiFab has two sizes: "),o("code",[t._v("normal")]),t._v(" and "),o("code",[t._v("small")]),t._v(" and three colors: "),o("code",[t._v("default")]),t._v(" (white), "),o("code",[t._v("primary")]),t._v(" and "),o("code",[t._v("accent")]),t._v(".")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiFab.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-popover"},[o("h2",{staticClass:"page__title"},[t._v("UiPopover")]),t._v(" "),o("p",[t._v("UiPopover shows content in a dropdown/popover. It can be setup to contain tab focus in the popover, returning focus to the trigger element on close.")]),t._v(" "),o("p",[t._v("The popover position relative to the trigger and the event that causes the popover to open can be customized.")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[t._v("Dynamic content, contain focus")]),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"contain-focus":""}},[o("p",[t._v("Try tabbing forward and backward and notice that"),o("br"),t._v(" focus is contained in the popover.")]),t._v(" "),o("p",[o("input",{directives:[{name:"model",rawName:"v-model",value:t.name,expression:"name"}],attrs:{type:"text",placeholder:"What's your name?"},domProps:{value:t.name},on:{input:function(e){e.target.composing||(t.name=e.target.value)}}}),t._v(" "+t._s(t.name?"Name: "+t.name:""))]),t._v(" "),o("button",[t._v("A Button")]),o("p"),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("No drop shadow")]),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{raised:!1}},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Open on hover")]),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Hover here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"open-on":"mouseenter"}},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),t._v(" "),t._m(2),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for a popover dropping bottom right of this trigger\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{position:"bottom-end"}},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),t._v(" "),t._m(3),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for top left popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{position:"top-start"}},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Inside a modal")]),t._v(" "),o("ui-modal",{ref:"modal"},[o("div",[t._v("The popover below has "),o("code",[t._v("constrainToScrollParent: false")]),t._v(" to allow it to drop outside of the modal.")]),t._v(" "),o("br"),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Click here for popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"constrain-to-scroll-parent":!1}},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1)]),t._v(" "),o("button",{staticClass:"popover-trigger",on:{click:t.openModal}},[t._v("Open Modal")]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Control programmatically")]),t._v(" "),o("a",{attrs:{tabindex:"0"},on:{click:t.openPopover}},[t._v("Click to open the popover below")]),t._v(" "),o("br"),o("br"),t._v(" "),o("button",{staticClass:"popover-trigger"},[t._v("\n Default trigger\n\n "),o("ui-popover",{ref:"popover",staticClass:"my-popover-style"},[o("p",[t._v("Hey there, some popover content here. "),o("button",[t._v("Button")])]),t._v(" "),o("p",[t._v("Add "),o("b",[t._v("whatever")]),t._v(" content you want here. "),o("button",[t._v("Another Button")])]),t._v(" "),o("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("animation")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"fade"')])]),t._v(" "),o("td",[o("p",[t._v("The type of animation to use when showing or hiding the popover.")]),t._v(" "),o("p",[t._v("One of: "),o("code",[t._v("fade")]),t._v(", "),o("code",[t._v("shift-away")]),t._v(", or "),o("code",[t._v("none")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("appendToBody")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the popover is appended to "),o("code",[t._v("document.body")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to append the popover to the trigger's parent element.")])])]),t._v(" "),o("tr",[o("td",[t._v("closeOnScroll")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the popover should be closed when the user scrolls outside of it while it's open.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to keep the popover open on external scroll.")])])]),t._v(" "),o("tr",[o("td",[t._v("constrainToScrollParent")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("If "),o("code",[t._v("true")]),t._v(", the popover will flip its position if the position will cause it to overflow the trigger's scroll parent. The scroll parent is the first parent that has "),o("code",[t._v("overflow: auto")]),t._v(" or "),o("code",[t._v("overflow: scroll")]),t._v(" set, or "),o("code",[t._v("")]),t._v(", whichever comes first.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to disable the flipping behavior. This is useful for popovers in modals, if you want the popover to drop outside of the boundaries of the modal.")])])]),t._v(" "),o("tr",[o("td",[t._v("containFocus")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not tab focus should be contained in the popover.")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("false")]),t._v(", when the user tabs out of the popover, it will be closed and focus will be redirected to the trigger element.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to contain focus within the popover.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the popover is disabled. Set to "),o("code",[t._v("true")]),t._v(" to disable the popover.")])])]),t._v(" "),o("tr",[o("td",[t._v("focusRedirector")]),t._v(" "),o("td",[t._v("Function")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("A function that will be called to redirect the tab focus when it is about to leave the popover. The handler is called as follows:")]),t._v(" "),o("p",[o("code",[t._v("focusRedirector(event: FocusEvent, options)")])]),t._v(" "),o("p",[t._v("The second argument, "),o("code",[t._v("options")]),t._v(", has the following properties:")]),t._v(" "),o("ul",[o("li",[o("code",[t._v("isTabbingForward")]),t._v(": (Boolean) - "),o("code",[t._v("true")]),t._v(" if the focus overflow was caused by a tab in the forward direction, "),o("code",[t._v("false")]),t._v(" otherwise.")])]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("focusRedirector")]),t._v(" is not provided and "),o("code",[t._v("containFocus")]),t._v(" is "),o("code",[t._v("true")]),t._v(", focus is contained and cycled within the popover.")])])]),t._v(" "),o("tr",[o("td",[t._v("offset")]),t._v(" "),o("td",[t._v("Number, String")]),t._v(" "),o("td",[o("code",[t._v("0")])]),t._v(" "),o("td",[o("p",[t._v("The popover's offset from the trigger element. See "),o("a",{attrs:{href:"https://atomiks.github.io/tippyjs/#offset-option"}},[o("code",[t._v("offset")]),t._v(" option")]),t._v(" in Tippy.js docs.")])])]),t._v(" "),o("tr",[o("td",[t._v("openOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"click"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the popover to open.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("hover")]),t._v("/"),o("code",[t._v("mouseenter")]),t._v(", "),o("code",[t._v("focus")]),t._v(", or "),o("code",[t._v("manual")]),t._v(". For "),o("code",[t._v("manual")]),t._v(", the popover can only be opened and closed programmatically. Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("position")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom-start"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the popover relative to the trigger.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the popover has a drop shadow.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to remove the default drop shadow.")])])]),t._v(" "),o("tr",[o("td",[t._v("trigger")]),t._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[t._v("Element")]),t._v(","),o("br"),t._v("VueComponent,"),o("br"),t._v("String")]),t._v(" "),o("td",[t._v("Parent element")]),t._v(" "),o("td",[o("p",[t._v("An Element, VueComponent instance, or CSS selector for an element to use as the trigger.")]),t._v(" "),o("p",[t._v("It's recommended to leave "),o("code",[t._v("trigger")]),t._v(" unspecified so that the component's immediate parent can be used as the trigger.")]),t._v(" "),o("p",[t._v("The popover event listeners will be attached to this element, and when any of the "),o("code",[t._v("openOn")]),t._v(" events are triggered, a popover will be shown next to the element.")]),t._v(" "),o("p",[t._v("If "),o("code",[t._v("trigger")]),t._v(" is not provided or the selector doesn't match any element, the popover's immediate parent element is used as the trigger. Note that the parent used is the popover's parent in the DOM, not the Vue parent component.")])])])])])])]),t._v(" "),o("ui-tab",{
-attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the popover begins to open.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("reveal")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the popover open transition completes.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@reveal")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the popover begins to close.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@close")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("hide")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the popover close transition completes.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@hide")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[o("p",[t._v("Holds the popover content and can contain HTML.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[o("code",[t._v("open()")])]),t._v(" "),o("td",[o("p",[t._v("Open the popover.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("close()")])]),t._v(" "),o("td",[o("p",[t._v("Close the popover.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("toggle()")])]),t._v(" "),o("td",[o("p",[t._v("Toggle the popover.")])])]),t._v(" "),o("tr",[o("td",[o("code",[t._v("isOpen()")])]),t._v(" "),o("td",[o("p",[t._v("Determine whether the popover is open.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("UiTooltip uses a custom version of "),o("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener"}},[t._v("Tippy.js")]),t._v(", which uses "),o("a",{attrs:{href:"https://popper.js.org",target:"_blank",rel:"noopener"}},[t._v("Popper.js")]),t._v(" for dynamic positioning.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiPopover.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h4",{staticClass:"page__demo-title"},[t._v("Position: "),o("code",[t._v("bottom-end")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h4",{staticClass:"page__demo-title"},[t._v("Position: "),o("code",[t._v("top-start")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"ui-calendar-month"},[o("div",{staticClass:"ui-calendar-month__header"},t._l(t.daysOfWeek,function(e){return o("span",[t._v(t._s(e))])}),0),t._v(" "),o("div",{ref:"current",staticClass:"ui-calendar-month__week is-current",class:t.weekClasses,on:{transitionend:t.onTransitionEnd}},t._l(t.currentWeekStartDates,function(e,i){return o("ui-calendar-week",{key:i,attrs:{"date-filter":t.dateFilter,"max-date":t.maxDate,"min-date":t.minDate,month:t.currentWeekStartDates[1].getMonth(),selected:t.selected,"week-start":e},on:{"date-select":t.onDateSelect}})}),1),t._v(" "),o("div",{ref:"other",staticClass:"ui-calendar-month__week is-other",class:t.weekClasses},t._l(t.otherWeekStartDates,function(e,i){return o("ui-calendar-week",{key:i,attrs:{"max-date":t.maxDate,"min-date":t.minDate,month:t.otherWeekStartDates[1].getMonth(),selected:t.selected,visible:!1,"week-start":e},on:{"date-select":t.onDateSelect}})}),1)])},n=[],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("section",{staticClass:"page page--ui-button"},[o("h2",{staticClass:"page__title"},[t._v("UiButton")]),t._v(" "),o("p",[t._v("UiButton is a button component that can show a dropdown and a loading spinner. It also supports focus (mouse and keyboard separately), hover and disabled states.")]),t._v(" "),o("p",[t._v("UiButton has two types:")]),t._v(" "),t._m(0),t._v(" "),o("p",[t._v("Additionally, UiButton can be raised to show a box-shadow.")]),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["small","normal","large"]},model:{value:t.size,callback:function(e){t.size=e},expression:"size"}},[t._v("Button Size")]),t._v(" "),o("ui-radio-group",{attrs:{name:"icon_position",options:["left","right"]},model:{value:t.iconPosition,callback:function(e){t.iconPosition=e},expression:"iconPosition"}},[t._v("Icon Position")]),t._v(" "),o("ui-switch",{model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},[t._v("\n Loading: "),o("code",[t._v(t._s(t.loading?"true":"false"))])]),t._v(" "),o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-bordered page__demo-table"},[o("tbody",[t._m(4),t._v(" "),o("tr",[o("th",[t._v("Color: default")]),t._v(" "),o("td",[o("ui-button",{attrs:{size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{icon:"refresh","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{icon:"refresh","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)]),t._v(" "),o("tr",[o("th",[t._v("Color: primary")]),t._v(" "),o("td",[o("ui-button",{attrs:{color:"primary",size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"primary",raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"primary",loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"primary",icon:"add","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{color:"primary",size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"primary",raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"primary",loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"primary",icon:"add","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)]),t._v(" "),o("tr",[o("th",[t._v("Color: accent")]),t._v(" "),o("td",[o("ui-button",{attrs:{color:"accent",size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"accent",raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"accent",loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"accent",disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"accent",icon:"add","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{color:"accent",size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"accent",raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"accent",loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"accent",disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"accent",icon:"add","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)]),t._v(" "),o("tr",[o("th",[t._v("Color: green")]),t._v(" "),o("td",[o("ui-button",{attrs:{color:"green",size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"green",raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"green",loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"green",disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"green",icon:"file_download","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{color:"green",size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"green",raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"green",loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"green",disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"green",icon:"file_download","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)]),t._v(" "),o("tr",[o("th",[t._v("Color: orange")]),t._v(" "),o("td",[o("ui-button",{attrs:{color:"orange",size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"orange",raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"orange",loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"orange",disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"orange",icon:"file_download","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{color:"orange",size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"orange",raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"orange",loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"orange",disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"orange",icon:"file_download","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)]),t._v(" "),o("tr",[o("th",[t._v("Color: red")]),t._v(" "),o("td",[o("ui-button",{attrs:{color:"red",size:t.size}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"red",raised:"",size:t.size}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"red",loading:t.loading,size:t.size}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"red",disabled:"",size:t.size}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"red",icon:"delete","icon-position":t.iconPosition,size:t.size}},[t._v("With Icon")])],1),t._v(" "),o("td",[o("ui-button",{attrs:{color:"red",size:t.size,type:"secondary"}},[t._v("Normal")]),t._v(" "),o("ui-button",{attrs:{color:"red",raised:"",size:t.size,type:"secondary"}},[t._v("Raised")]),t._v(" "),o("ui-button",{attrs:{color:"red",loading:t.loading,size:t.size,type:"secondary"}},[t._v("Loading")]),t._v(" "),o("ui-button",{attrs:{color:"red",disabled:"",size:t.size,type:"secondary"}},[t._v("Disabled")]),t._v(" "),o("ui-button",{attrs:{color:"red",icon:"delete","icon-position":t.iconPosition,size:t.size,type:"secondary"}},[t._v("With Icon")])],1)])])])]),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With href (linked button)")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{color:"primary",href:"https://github.com/JosephusPaye/Keen-UI",rel:"noopener",target:"_blank",size:t.size}},[t._v("Github")]),t._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",href:"https://github.com/JosephusPaye/Keen-UI",size:t.size}},[t._v("Disabled link")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("With tooltip")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{color:"primary",icon:"add","tooltip-position":"top",tooltip:"Add a new resource to this project",size:t.size}},[t._v("Add")])],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Has dropdown, with menu")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{ref:"dropdownButton",attrs:{color:"primary","has-dropdown":"",size:t.size}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"","has-secondary-text":"",options:t.menuOptions},on:{close:function(e){t.$refs.dropdownButton.closeDropdown()}},slot:"dropdown"}),t._v("\n Click for Menu\n ")],1)],1),t._v(" "),o("h4",{staticClass:"page__demo-title"},[t._v("Has dropdown, custom content")]),t._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{"has-dropdown":"",size:t.size}},[o("div",{staticClass:"keen-docs__custom-popover-content",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[t._v("Hey")]),t._v(" there!")]),t._v(" "),o("p",[t._v("Button dropdowns can have any content, not just menus.")])]),t._v("\n\n Click for custom dropdown\n ")])],1)],1),t._v(" "),o("h3",{staticClass:"page__section-title"},[t._v("API")]),t._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Type")]),t._v(" "),o("th",[t._v("Default")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("type")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"primary"')])]),t._v(" "),o("td",[o("p",[t._v("The type of button (determines the visual prominence).")]),t._v(" "),o("p",[t._v("Use "),o("code",[t._v("primary")]),t._v(" for a more prominent button, and "),o("code",[t._v("secondary")]),t._v(" for a less prominent button.")])])]),t._v(" "),o("tr",[o("td",[t._v("buttonType")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The "),o("code",[t._v("type")]),t._v(" attribute of the button element. The "),o("a",{attrs:{href:"https://stackoverflow.com/a/31644856",target:"_blank",rel:"noopener"}},[t._v("HTML default")]),t._v(" is "),o("code",[t._v("submit")]),t._v(".")])]),t._v(" "),o("tr",[o("td",[t._v("href")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[t._v("The button's "),o("code",[t._v("href")]),t._v(" attribute. Setting this attribute will render an anchor tag ("),o("code",[t._v(" ")]),t._v(").")])]),t._v(" "),o("tr",[o("td",[t._v("color")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"default"')])]),t._v(" "),o("td",[o("p",[t._v("One of "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("green")]),t._v(", "),o("code",[t._v("orange")]),t._v(", "),o("code",[t._v("red")]),t._v(" or "),o("code",[t._v("default")]),t._v(".")]),t._v(" "),o("p",[t._v("For buttons of type "),o("code",[t._v("primary")]),t._v(", this is the background color; for buttons of type "),o("code",[t._v("secondary")]),t._v(", the text color.")])])]),t._v(" "),o("tr",[o("td",[t._v("size")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"normal"')])]),t._v(" "),o("td",[o("p",[t._v("The size of the button. One of "),o("code",[t._v("small")]),t._v(", "),o("code",[t._v("normal")]),t._v(", or "),o("code",[t._v("large")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("loading")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button progress spinner is shown.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show the progress. This disables the button.")])])]),t._v(" "),o("tr",[o("td",[t._v("raised")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button has a drop shadow.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to show a drop shadow.")])])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(".")]),t._v(" "),o("p",[t._v("You can set a custom or SVG icon using the "),o("code",[t._v("icon")]),t._v(" slot.")])])]),t._v(" "),o("tr",[o("td",[t._v("iconPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"left"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the icon relative to the button text. One of "),o("code",[t._v("left")]),t._v(" or "),o("code",[t._v("right")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltip")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td"),t._v(" "),o("td",[o("p",[t._v("The button tooltip (text only).")])])]),t._v(" "),o("tr",[o("td",[t._v("tooltipPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the tooltip relative to the button.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("openTooltipOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"mouseenter focus"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event or events that will cause the tooltip to open.")]),t._v(" "),o("p",[t._v("One or more of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("hover")]),t._v("/"),o("code",[t._v("mouseenter")]),t._v(", or "),o("code",[t._v("focus")]),t._v(". Separate multiple events with a space.")])])]),t._v(" "),o("tr",[o("td",[t._v("hasDropdown")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button contains a dropdown.")]),t._v(" "),o("p",[t._v("Use the "),o("code",[t._v("dropdown")]),t._v(" slot to add any dropdown content, including a "),o("a",{attrs:{href:"#/ui-menu"}},[t._v("UiMenu")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("dropdownPosition")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[t._v('"bottom-start"')])]),t._v(" "),o("td",[o("p",[t._v("The position of the dropdown relative to the button.")]),t._v(" "),o("p",[t._v("One of "),o("code",[t._v("top")]),t._v(", "),o("code",[t._v("top-start")]),t._v(", "),o("code",[t._v("top-end")]),t._v(", "),o("code",[t._v("right")]),t._v(", "),o("code",[t._v("right-start")]),t._v(", "),o("code",[t._v("right-end")]),t._v(", "),o("code",[t._v("bottom")]),t._v(", "),o("code",[t._v("bottom-start")]),t._v(", "),o("code",[t._v("bottom-end")]),t._v(", "),o("code",[t._v("left")]),t._v(", "),o("code",[t._v("left-start")]),t._v(", "),o("code",[t._v("left-end")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",[t._v("constrainDropdownToScrollParent")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("true")])]),t._v(" "),o("td",[o("p",[t._v("When set to "),o("code",[t._v("true")]),t._v(", the button's dropdown will flip it's position if the position will cause it to overflow the button's scroll parent. The scroll parent is the first parent that has "),o("code",[t._v("overflow: auto")]),t._v(" or "),o("code",[t._v("overflow: scroll")]),t._v(" set, or "),o("code",[t._v("")]),t._v(", whichever comes first.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("false")]),t._v(" to disable the flipping behavior. This is useful for buttons in modals, if you want the button's dropdown to drop outside of the boundaries of the modal.")])])]),t._v(" "),o("tr",[o("td",[t._v("openDropdownOn")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[o("code",[t._v('"click"')])]),t._v(" "),o("td",[o("p",[t._v("The type of event that will cause the dropdown to open. One of "),o("code",[t._v("click")]),t._v(", "),o("code",[t._v("mouseenter")]),t._v("/"),o("code",[t._v("hover")]),t._v(", "),o("code",[t._v("focus")]),t._v(", or "),o("code",[t._v("manual")]),t._v(".")]),t._v(" "),o("p",[t._v("For "),o("code",[t._v("manual")]),t._v(", the dropdown is closed by default, until manually opened.")])])]),t._v(" "),o("tr",[o("td",[t._v("disableRipple")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the ripple ink animation is shown when the button is clicked.")]),t._v(" "),o("p",[t._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[t._v("changed globally")]),t._v(".")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the ripple ink animation.")])])]),t._v(" "),o("tr",[o("td",[t._v("disabled")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[o("code",[t._v("false")])]),t._v(" "),o("td",[o("p",[t._v("Whether or not the button is disabled.")]),t._v(" "),o("p",[t._v("Set to "),o("code",[t._v("true")]),t._v(" to disable the button.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("(default)")]),t._v(" "),o("td",[t._v("Holds the button text and can contain HTML.")])]),t._v(" "),o("tr",[o("td",[t._v("icon")]),t._v(" "),o("td",[o("p",[t._v("Holds the button icon and can contain any custom or SVG icon.")])])]),t._v(" "),o("tr",[o("td",[t._v("dropdown")]),t._v(" "),o("td",[o("p",[t._v("Holds the the dropdown content and can contain HTML.")]),t._v(" "),o("p",[t._v("For a dropdown menu, add a "),o("a",{attrs:{href:"#/ui-menu"}},[t._v("UiMenu")]),t._v(" component in this slot, and then call the "),o("code",[t._v("closeDropdown()")]),t._v(" method when the "),o("code",[t._v("close")]),t._v(" event is emitted on the menu.")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-open")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the button dropdown is opened.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-open")]),t._v(".")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[t._v("dropdown-close")]),t._v(" "),o("td",[o("p",[t._v("Emitted when the button dropdown is closed.")]),t._v(" "),o("p",[t._v("Listen for it using "),o("code",[t._v("@dropdown-close")]),t._v(".")])])])])])])]),t._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[t._v("Name")]),t._v(" "),o("th",[t._v("Description")])])]),t._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("openDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to open the button dropdown.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("closeDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to close the button dropdown.")])])]),t._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[t._v("toggleDropdown()")])]),t._v(" "),o("td",[o("p",[t._v("Call this method to toggle the button dropdown.")])])])])])])])],1)],1)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ul",[o("li",[o("b",[t._v("Primary")]),t._v(": more prominent, has a background color, with white or black text color.")]),t._v(" "),o("li",[o("b",[t._v("Secondary")]),t._v(": less prominent, has no background, text color is the button color.")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("Supported colors are "),o("code",[t._v("primary")]),t._v(", "),o("code",[t._v("accent")]),t._v(", "),o("code",[t._v("green")]),t._v(", "),o("code",[t._v("orange")]),t._v(" and "),o("code",[t._v("red")]),t._v(", in addition to the default gray.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[o("b",[t._v("Note:")]),t._v(" If you are having alignment issues when using multiple buttons next to each other, put the buttons in a container and add a class of "),o("code",[t._v("ui-button-group")]),t._v(" for a flex-based workaround.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("h3",{staticClass:"page__section-title"},[t._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiButton.vue",target:"_blank",rel:"noopener"}},[t._v("View Source")])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("tr",[o("th"),t._v(" "),o("th",[t._v("Type: primary")]),t._v(" "),o("th",[t._v("Type: secondary")])])}],a={render:i,staticRenderFns:n};e.a=a},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(35),n=(o.n(i),o(38)),a=o.n(n),r=o(37),s=o(36),l=o(22);a.a.config.devtools=!0,a.a.config.productionTip=!1,a.a.use(r.a);var c=new r.a({routes:l.a,linkActiveClass:"is-active"}),d=new a.a({router:c,render:function(t){return t(s.a)}});d.$mount("#app")}]);
\ No newline at end of file
+!function(o,r){n=[t,e],i=r,a="function"==typeof i?i.apply(t,n):i,!(void 0!==a&&(e.exports=a))}(this,function(e,t){"use strict";function o(e){function t(){var t=window.getComputedStyle(e,null);"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),l="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(l)&&(l=0),s()}function o(t){var o=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=o,e.style.overflowY=t}function i(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function n(){var t=e.style.height,o=i(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height="auto";var a=e.scrollHeight+l;return 0===e.scrollHeight?void(e.style.height=t):(e.style.height=a+"px",c=e.clientWidth,o.forEach(function(e){e.node.scrollTop=e.scrollTop}),void(n&&(document.documentElement.scrollTop=n)))}function s(){n();var t=Math.round(parseFloat(e.style.height)),i=window.getComputedStyle(e,null),a=Math.round(parseFloat(i.height));if(a!==t?"visible"!==i.overflowY&&(o("visible"),n(),a=Math.round(parseFloat(window.getComputedStyle(e,null).height))):"hidden"!==i.overflowY&&(o("hidden"),n(),a=Math.round(parseFloat(window.getComputedStyle(e,null).height))),d!==a){d=a;var s=r("autosize:resized");try{e.dispatchEvent(s)}catch(e){}}}if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!a.has(e)){var l=null,c=e.clientWidth,d=null,v=function(){e.clientWidth!==c&&s()},u=function(t){window.removeEventListener("resize",v,!1),e.removeEventListener("input",s,!1),e.removeEventListener("keyup",s,!1),e.removeEventListener("autosize:destroy",u,!1),e.removeEventListener("autosize:update",s,!1),Object.keys(t).forEach(function(o){e.style[o]=t[o]}),a.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",u,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",s,!1),window.addEventListener("resize",v,!1),e.addEventListener("input",s,!1),e.addEventListener("autosize:update",s,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",a.set(e,{destroy:u,update:s}),t()}}function i(e){var t=a.get(e);t&&t.destroy()}function n(e){var t=a.get(e);t&&t.update()}var a="function"==typeof Map?new Map:function(){var e=[],t=[];return{has:function(t){return e.indexOf(t)>-1},get:function(o){return t[e.indexOf(o)]},set:function(o,i){e.indexOf(o)===-1&&(e.push(o),t.push(i))},delete:function(o){var i=e.indexOf(o);i>-1&&(e.splice(i,1),t.splice(i,1))}}}(),r=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){r=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}var s=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(s=function(e){return e},s.destroy=function(e){return e},s.update=function(e){return e}):(s=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return o(e,t)}),e},s.destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e},s.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],n),e}),t.exports=s})},function(e,t,o){"use strict";o.d(t,"b",function(){return i}),o.d(t,"a",function(){return n}),o.d(t,"c",function(){return a}),o.d(t,"d",function(){return r});var i=["Red","Blue","Green","Yellow","Purple","Pink","Lavender","Orange","Peach","Lime"],n=[{label:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{label:"Blue",image:"https://placehold.it/64/0000ff/0000ff",value:"blue"},{label:"Green",image:"https://placehold.it/64/008000/008000",value:"green"},{label:"Yellow",image:"https://placehold.it/64/ffff00/ffff00",value:"yellow"},{label:"Purple",image:"https://placehold.it/64/800080/800080",value:"purple"},{label:"Pink",image:"https://placehold.it/64/ffc0cb/ffc0cb",value:"pink"},{label:"Lavender",image:"https://placehold.it/64/e6e6fa/e6e6fa",value:"lavender"},{label:"Orange",image:"https://placehold.it/64/ffa500/ffa500",value:"orange"},{label:"Peach",image:"https://placehold.it/64/ffdab9/ffdab9",value:"peach"},{label:"Lime",image:"https://placehold.it/64/00ff00/00ff00",value:"lime"}],a=[{label:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{label:"Ced",value:"ced",image:"https://placehold.it/64/CF302C/CF302C"},{label:"Cherry",value:"cherry",image:"https://placehold.it/64/9C0E04/9C0E04"},{label:"Rose",value:"rose",image:"https://placehold.it/64/E3242B/E3242B"},{label:"Jam",value:"jam",image:"https://placehold.it/64/5F100B/5F100B"},{label:"Merlot",value:"merlot",image:"https://placehold.it/64/541F1B/541F1B"},{label:"Garnet",value:"garnet",image:"https://placehold.it/64/600B04/600B04"},{label:"Crimson",value:"crimson",image:"https://placehold.it/64/B80F08/B80F08"},{label:"Ruby",value:"ruby",image:"https://placehold.it/64/900603/900603"},{label:"Scarlet",value:"scarlet",image:"https://placehold.it/64/910D09/910D09"},{label:"Wine",value:"wine",image:"https://placehold.it/64/4C0805/4C0805"},{label:"Brick",value:"brick",image:"https://placehold.it/64/7D2910/7D2910"},{label:"Apple",value:"apple",image:"https://placehold.it/64/A91B0D/A91B0D"},{label:"Mahogany",value:"mahogany",image:"https://placehold.it/64/400D0A/400D0A"},{label:"Blood",value:"blood",image:"https://placehold.it/64/710C04/710C04"},{label:"Sangria",value:"sangria",image:"https://placehold.it/64/641612/641612"},{label:"Berry",value:"berry",image:"https://placehold.it/64/7A1712/7A1712"},{label:"Currant",value:"currant",image:"https://placehold.it/64/670C07/670C07"},{label:"Blush",value:"blush",image:"https://placehold.it/64/BC544B/BC544B"},{label:"Candy",value:"candy",image:"https://placehold.it/64/D21404/D21404"},{label:"Lipstick",value:"lipstick",image:"https://placehold.it/64/9C1003/9C1003"}],r=[{label:"Blue",value:"blue",image:"https://placehold.it/64/0000ff/0000ff"},{label:"Slate",value:"slate",image:"https://placehold.it/64/747C87/747C87"},{label:"Sky",value:"sky",image:"https://placehold.it/64/62C5DA/62C5DA"},{label:"Navy",value:"navy",image:"https://placehold.it/64/0B1173/0B1173"},{label:"Indigo",value:"indigo",image:"https://placehold.it/64/281E5D/281E5D"},{label:"Cobalt",value:"cobalt",image:"https://placehold.it/64/1437BF/1437BF"},{label:"Teal",value:"teal",image:"https://placehold.it/64/48AAAD/48AAAD"},{label:"Ocean",value:"ocean",image:"https://placehold.it/64/016064/016064"},{label:"Peacock",value:"peacock",image:"https://placehold.it/64/022D34/022D34"},{label:"Azure",value:"azure",image:"https://placehold.it/64/1A1EA6/1A1EA6"},{label:"Cerulean",value:"cerulean",image:"https://placehold.it/64/0393BC/0393BC"},{label:"Lapis",value:"lapis",image:"https://placehold.it/64/2732C2/2732C2"},{label:"Spruce",value:"spruce",image:"https://placehold.it/64/2C3E4C/2C3E4C"},{label:"Stone",value:"stone",image:"https://placehold.it/64/59788D/59788D"},{label:"Aegean",value:"aegean",image:"https://placehold.it/64/1F456E/1F456E"},{label:"Berry",value:"berry",image:"https://placehold.it/64/27146D/27146D"},{label:"Denim",value:"denim",image:"https://placehold.it/64/151E3D/151E3D"},{label:"Admiral",value:"admiral",image:"https://placehold.it/64/061094/061094"},{label:"Sapphire",value:"sapphire",image:"https://placehold.it/64/52B2C0/52B2C0"},{label:"Artic",value:"artic",image:"https://placehold.it/64/82EDFD/82EDFD"}]},function(e,t,o){"use strict";t.a=[{name:"Aruba",code:"AW"},{name:"Afghanistan",code:"AF"},{name:"Angola",code:"AO"},{name:"Anguilla",code:"AI"},{name:"Ã…land Islands",code:"AX"},{name:"Albania",code:"AL"},{name:"Andorra",code:"AD"},{name:"United Arab Emirates",code:"AE"},{name:"Argentina",code:"AR"},{name:"Armenia",code:"AM"},{name:"American Samoa",code:"AS"},{name:"Antarctica",code:"AQ"},{name:"French Southern and Antarctic Lands",code:"TF"},{name:"Antigua and Barbuda",code:"AG"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Azerbaijan",code:"AZ"},{name:"Burundi",code:"BI"},{name:"Belgium",code:"BE"},{name:"Benin",code:"BJ"},{name:"Burkina Faso",code:"BF"},{name:"Bangladesh",code:"BD"},{name:"Bulgaria",code:"BG"},{name:"Bahrain",code:"BH"},{name:"Bahamas",code:"BS"},{name:"Bosnia and Herzegovina",code:"BA"},{name:"Saint Barthélemy",code:"BL"},{name:"Belarus",code:"BY"},{name:"Belize",code:"BZ"},{name:"Bermuda",code:"BM"},{name:"Bolivia",code:"BO"},{name:"Brazil",code:"BR"},{name:"Barbados",code:"BB"},{name:"Brunei",code:"BN"},{name:"Bhutan",code:"BT"},{name:"Bouvet Island",code:"BV"},{name:"Botswana",code:"BW"},{name:"Central African Republic",code:"CF"},{name:"Canada",code:"CA"},{name:"Cocos (Keeling) Islands",code:"CC"},{name:"Switzerland",code:"CH"},{name:"Chile",code:"CL"},{name:"China",code:"CN"},{name:"Ivory Coast",code:"CI"},{name:"Cameroon",code:"CM"},{name:"DR Congo",code:"CD"},{name:"Republic of the Congo",code:"CG"},{name:"Cook Islands",code:"CK"},{name:"Colombia",code:"CO"},{name:"Comoros",code:"KM"},{name:"Cape Verde",code:"CV"},{name:"Costa Rica",code:"CR"},{name:"Cuba",code:"CU"},{name:"Curaçao",code:"CW"},{name:"Christmas Island",code:"CX"},{name:"Cayman Islands",code:"KY"},{name:"Cyprus",code:"CY"},{name:"Czech Republic",code:"CZ"},{name:"Germany",code:"DE"},{name:"Djibouti",code:"DJ"},{name:"Dominica",code:"DM"},{name:"Denmark",code:"DK"},{name:"Dominican Republic",code:"DO"},{name:"Algeria",code:"DZ"},{name:"Ecuador",code:"EC"},{name:"Egypt",code:"EG"},{name:"Eritrea",code:"ER"},{name:"Western Sahara",code:"EH"},{name:"Spain",code:"ES"},{name:"Estonia",code:"EE"},{name:"Ethiopia",code:"ET"},{name:"Finland",code:"FI"},{name:"Fiji",code:"FJ"},{name:"Falkland Islands",code:"FK"},{name:"France",code:"FR"},{name:"Faroe Islands",code:"FO"},{name:"Micronesia",code:"FM"},{name:"Gabon",code:"GA"},{name:"United Kingdom",code:"GB"},{name:"Georgia",code:"GE"},{name:"Guernsey",code:"GG"},{name:"Ghana",code:"GH"},{name:"Gibraltar",code:"GI"},{name:"Guinea",code:"GN"},{name:"Guadeloupe",code:"GP"},{name:"Gambia",code:"GM"},{name:"Guinea-Bissau",code:"GW"},{name:"Equatorial Guinea",code:"GQ"},{name:"Greece",code:"GR"},{name:"Grenada",code:"GD"},{name:"Greenland",code:"GL"},{name:"Guatemala",code:"GT"},{name:"French Guiana",code:"GF"},{name:"Guam",code:"GU"},{name:"Guyana",code:"GY"},{name:"Hong Kong",code:"HK"},{name:"Heard Island and McDonald Islands",code:"HM"},{name:"Honduras",code:"HN"},{name:"Croatia",code:"HR"},{name:"Haiti",code:"HT"},{name:"Hungary",code:"HU"},{name:"Indonesia",code:"ID"},{name:"Isle of Man",code:"IM"},{name:"India",code:"IN"},{name:"British Indian Ocean Territory",code:"IO"},{name:"Ireland",code:"IE"},{name:"Iran",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Iceland",code:"IS"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Jamaica",code:"JM"},{name:"Jersey",code:"JE"},{name:"Jordan",code:"JO"},{name:"Japan",code:"JP"},{name:"Kazakhstan",code:"KZ"},{name:"Kenya",code:"KE"},{name:"Kyrgyzstan",code:"KG"},{name:"Cambodia",code:"KH"},{name:"Kiribati",code:"KI"},{name:"Saint Kitts and Nevis",code:"KN"},{name:"South Korea",code:"KR"},{name:"Kosovo",code:"XK"},{name:"Kuwait",code:"KW"},{name:"Laos",code:"LA"},{name:"Lebanon",code:"LB"},{name:"Liberia",code:"LR"},{name:"Libya",code:"LY"},{name:"Saint Lucia",code:"LC"},{name:"Liechtenstein",code:"LI"},{name:"Sri Lanka",code:"LK"},{name:"Lesotho",code:"LS"},{name:"Lithuania",code:"LT"},{name:"Luxembourg",code:"LU"},{name:"Latvia",code:"LV"},{name:"Macau",code:"MO"},{name:"Saint Martin",code:"MF"},{name:"Morocco",code:"MA"},{name:"Monaco",code:"MC"},{name:"Moldova",code:"MD"},{name:"Madagascar",code:"MG"},{name:"Maldives",code:"MV"},{name:"Mexico",code:"MX"},{name:"Marshall Islands",code:"MH"},{name:"Macedonia",code:"MK"},{name:"Mali",code:"ML"},{name:"Malta",code:"MT"},{name:"Myanmar",code:"MM"},{name:"Montenegro",code:"ME"},{name:"Mongolia",code:"MN"},{name:"Northern Mariana Islands",code:"MP"},{name:"Mozambique",code:"MZ"},{name:"Mauritania",code:"MR"},{name:"Montserrat",code:"MS"},{name:"Martinique",code:"MQ"},{name:"Mauritius",code:"MU"},{name:"Malawi",code:"MW"},{name:"Malaysia",code:"MY"},{name:"Mayotte",code:"YT"},{name:"Namibia",code:"NA"},{name:"New Caledonia",code:"NC"},{name:"Niger",code:"NE"},{name:"Norfolk Island",code:"NF"},{name:"Nigeria",code:"NG"},{name:"Nicaragua",code:"NI"},{name:"Niue",code:"NU"},{name:"Netherlands",code:"NL"},{name:"Norway",code:"NO"},{name:"Nepal",code:"NP"},{name:"Nauru",code:"NR"},{name:"New Zealand",code:"NZ"},{name:"Oman",code:"OM"},{name:"Pakistan",code:"PK"},{name:"Panama",code:"PA"},{name:"Pitcairn Islands",code:"PN"},{name:"Peru",code:"PE"},{name:"Philippines",code:"PH"},{name:"Palau",code:"PW"},{name:"Papua New Guinea",code:"PG"},{name:"Poland",code:"PL"},{name:"Puerto Rico",code:"PR"},{name:"North Korea",code:"KP"},{name:"Portugal",code:"PT"},{name:"Paraguay",code:"PY"},{name:"Palestine",code:"PS"},{name:"French Polynesia",code:"PF"},{name:"Qatar",code:"QA"},{name:"Réunion",code:"RE"},{name:"Romania",code:"RO"},{name:"Russia",code:"RU"},{name:"Rwanda",code:"RW"},{name:"Saudi Arabia",code:"SA"},{name:"Sudan",code:"SD"},{name:"Senegal",code:"SN"},{name:"Singapore",code:"SG"},{name:"South Georgia",code:"GS"},{name:"Svalbard and Jan Mayen",code:"SJ"},{name:"Solomon Islands",code:"SB"},{name:"Sierra Leone",code:"SL"},{name:"El Salvador",code:"SV"},{name:"San Marino",code:"SM"},{name:"Somalia",code:"SO"},{name:"Saint Pierre and Miquelon",code:"PM"},{name:"Serbia",code:"RS"},{name:"South Sudan",code:"SS"},{name:"São Tomé and PrÃncipe",code:"ST"},{name:"Suriname",code:"SR"},{name:"Slovakia",code:"SK"},{name:"Slovenia",code:"SI"},{name:"Sweden",code:"SE"},{name:"Swaziland",code:"SZ"},{name:"Sint Maarten",code:"SX"},{name:"Seychelles",code:"SC"},{name:"Syria",code:"SY"},{name:"Turks and Caicos Islands",code:"TC"},{name:"Chad",code:"TD"},{name:"Togo",code:"TG"},{name:"Thailand",code:"TH"},{name:"Tajikistan",code:"TJ"},{name:"Tokelau",code:"TK"},{name:"Turkmenistan",code:"TM"},{name:"Timor-Leste",code:"TL"},{name:"Tonga",code:"TO"},{name:"Trinidad and Tobago",code:"TT"},{name:"Tunisia",code:"TN"},{name:"Turkey",code:"TR"},{name:"Tuvalu",code:"TV"},{name:"Taiwan",code:"TW"},{name:"Tanzania",code:"TZ"},{name:"Uganda",code:"UG"},{name:"Ukraine",code:"UA"},{name:"United States Minor Outlying Islands",code:"UM"},{name:"Uruguay",code:"UY"},{name:"United States",code:"US"},{name:"Uzbekistan",code:"UZ"},{name:"Vatican City",code:"VA"},{name:"Saint Vincent and the Grenadines",code:"VC"},{name:"Venezuela",code:"VE"},{name:"British Virgin Islands",code:"VG"},{name:"United States Virgin Islands",code:"VI"},{name:"Vietnam",code:"VN"},{name:"Vanuatu",code:"VU"},{name:"Wallis and Futuna",code:"WF"},{name:"Samoa",code:"WS"},{name:"Yemen",code:"YE"},{name:"South Africa",code:"ZA"},{name:"Zambia",code:"ZM"},{name:"Zimbabwe",code:"ZW"}]},function(e,t,o){"use strict";t.a={months:{full:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],abbreviated:["jan","fév","mar","avr","mai","jun","jul","aoû","sep","oct","nov","déc"]},days:{full:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],abbreviated:["lun","mar","mer","jeu","ven","sam","dim"],initials:["D","L","M","M","J","V","S"]}}},function(e,t,o){"use strict";var i=o(201),n=o(202),a=o(3),r=o(8);t.a={components:{Navbar:i.a,Sidebar:n.a,UiIcon:a.a,UiIconButton:r.a},data:function(){return{isMobile:!1,sidebarOpen:!1,version:"1.2.0",repoUrl:"https://github.com/JosephusPaye/Keen-UI",description:"Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.",mobileMediaQuery:null}},computed:{pageTitle:function(){return this.$route.meta.title},pageSourceUrl:function(){return this.$route.meta.sourceUrl?"https://github.com/JosephusPaye/Keen-UI/blob/master/"+this.$route.meta.sourceUrl:void 0},documentTitle:function(){return this.$route.meta.title+" | "+this.description},showSidebar:function(){return!this.isMobile||this.sidebarOpen},versionUrl:function(){return"https://github.com/JosephusPaye/Keen-UI/releases/tag/v"+this.version}},watch:{$route:function(){var e=this;document.title=this.documentTitle,this.$nextTick(function(){window.scrollTo(0,0),e.sidebarOpen=!1})}},mounted:function(){document.title=this.documentTitle,this.mobileMediaQuery=window.matchMedia("screen and (max-width: 768px)"),this.mobileMediaQuery.addListener(this.onResize),this.onResize(this.mobileMediaQuery)},beforeDestroy:function(){this.mobileMediaQuery&&this.mobileMediaQuery.removeListener(this.onResize)},methods:{onResize:function(e){this.isMobile=e.matches}}}},function(e,t,o){"use strict";var i=o(3);t.a={name:"Brand",components:{UiIcon:i.a},props:{version:String,versionUrl:String,repoUrl:String}}},function(e,t,o){"use strict";var i=o(31),n=o(3),a=o(8);t.a={components:{Brand:i.a,UiIcon:n.a,UiIconButton:a.a},props:{version:String,versionUrl:String,repoUrl:String,title:String,sourceUrl:String}}},function(e,t,o){"use strict";var i=o(22),n=o(31),a=o(3),r=o(21);t.a={components:{Brand:n.a,UiIcon:a.a,UiSelect:r.a},props:{version:String,versionUrl:String,repoUrl:String},data:function(){return{versions:[{label:"0.8.x",value:"0.8.9"},{label:"1.0.x",value:"1.0.1"},{label:"1.1.x",value:"1.1.2"},{label:"1.2.x",value:"1.2.0"}],selectedVersion:{label:"1.2.x",value:"1.2.0"},menu:i.b}},methods:{onVersionSelect:function(e){if(e.value!==this.version){var t="",o=window.location.hash+("0.8.9"===e.value?"-docs":"");"josephuspaye.github.io"===window.location.hostname&&(t="https://josephuspaye.github.io/Keen-UI"),window.location=t+"/"+e.value+"/"+o}}}}},function(e,t,o){"use strict";var i=o(233),n=o(4),a=o(3),r=o(1),s=o(2);t.a={data:function(){return{showAlert1:!0,showAlert2:!0,showAlert3:!0,showAlert4:!0,showAlert5:!0,showAlert6:!0,showAlert7:!0,showAlert8:!0}},methods:{resetAlerts:function(){this.showAlert1=!0,this.showAlert2=!0,this.showAlert3=!0,this.showAlert4=!0,this.showAlert5=!0,this.showAlert6=!0,this.showAlert7=!0,this.showAlert8=!0}},components:{UiAlert:i.a,UiButton:n.a,UiIcon:a.a,UiTab:r.a,UiTabs:s.a}}},function(e,t,o){"use strict";var i=o(234),n=o(4),a=o(1),r=o(2),s=["January","February","March","April","May","June","July","August","September","October","November","December"],l=[{value:"maggie",label:"Maggie Simpson",image:"https://i.imgur.com/eK26qtK.jpg"},{value:"lisa",label:"Lisa Simpson",image:"https://i.imgur.com/wIb44g9.jpg"},{value:"bart",label:"Bart Simpson",image:"https://i.imgur.com/XkEz9zg.jpg"},{value:"marge",label:"Marge Simpson",image:"https://i.imgur.com/MuFcpQ4.jpg"},{value:"homer",label:"Homer Simpson",image:"https://i.imgur.com/aYPRWX4.jpg"}],c=[{value:"mona",label:"Mona Simpson",image:"https://i.imgur.com/z5xy1eW.jpg"},{value:"abe",label:"Abe Simpson",image:"https://i.imgur.com/3UF8hrf.jpg"}];t.a={data:function(){return{months:s,theSimpsons:l,addedGrannies:!1,autocomplete1:null,autocomplete2:"",autocomplete3:"",autocomplete4:"",autocomplete4Touched:!1,autocomplete5:"",autocomplete6:"",autocomplete7:""}},methods:{addGrannies:function(){this.theSimpsons=this.theSimpsons.concat(c),this.addedGrannies=!0}},components:{UiAutocomplete:i.a,UiButton:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(14),a=o(6),r=o(16),s=o(1),l=o(2),c=[{id:"edit",label:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",label:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",label:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",label:"Delete",icon:"delete",secondaryText:"Del"}];t.a={data:function(){return{size:"normal",iconPosition:"left",loading:!0,menuOptions:c}},components:{UiButton:i.a,UiMenu:n.a,UiRadioGroup:a.a,UiSwitch:r.a,UiTab:s.a,UiTabs:l.a}}},function(e,t,o){"use strict";var i=o(236),n=o(13),a=o(1),r=o(2),s=o(6);t.a={data:function(){return{calendar1:null,color:"default",hasSquareCells:!1,raised:!0}},components:{UiCalendar:i.a,UiCheckbox:n.a,UiTab:a.a,UiTabs:r.a,UiRadioGroup:s.a}}},function(e,t,o){"use strict";var i=o(13),n=o(1),a=o(2);t.a={data:function(){return{check1:!0,check2:!1,check3:!0,check4:!1,check5:!0}},components:{UiCheckbox:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(238),n=o(1),a=o(2),r=[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}],s=[{label:"Yellow",value:"yellow",disabled:!0},{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}];t.a={data:function(){return{group1:[],group2:["red","blue"],group3:[],group4:[],group5:[],group6:[],group7:["yellow"],group8:[],options:{defaultGroup:r,secondGroup:s}}},components:{UiCheckboxGroup:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(239),n=o(21),a=o(1),r=o(2);t.a={data:function(){return{select:"",colors:["Red","Green","Blue","Cyan","Magenta","Yellow"],accordions:{0:!0,1:!1,2:!1}}},methods:{onAccordionOpen:function(e){var t=this;Object.keys(this.accordions).forEach(function(o){t.accordions[o]=o==e})},onAccordionClose:function(e){this.accordions[e]=!1}},components:{UiCollapsible:i.a,UiSelect:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(240),a=o(1),r=o(2);t.a={data:function(){return{confirmResult:"",publishRequestInProgress:!1,deleteRequestInProgress:!1}},methods:{showConfirm:function(e){this.$refs[e].open()},hideConfirm:function(e){this.$refs[e].close()},onConfirm:function(){this.confirmResult="You confirmed the request."},onDeny:function(){this.confirmResult="You denied the request."},onConfirmPublish:function(){var e=this;this.publishRequestInProgress=!0,setTimeout(function(){e.publishRequestInProgress=!1,e.confirmResult="The post was published.",e.$nextTick(function(){e.hideConfirm("publishConfirm")})},5e3)},onDenyPublish:function(){this.confirmResult="You chose to NOT publish the post."},onConfirmDelete:function(){this.confirmResult="You chose to delete the post."},onDenyDelete:function(){this.confirmResult="You chose to keep the post."}},components:{UiButton:i.a,UiConfirm:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(241),a=o(12),r=o(1),s=o(2),l=o(46);t.a={data:function(){var e=new Date;return e.setDate(e.getDate()+14),{picker1:null,picker2:null,picker3:null,picker4:new Date((new Date).getFullYear(),11,25),picker401:"2019-01-08",picker5:null,picker6:null,picker7:null,picker8:null,picker801:null,picker9:null,picker10:null,picker10Min:new Date,picker10Max:e,picker11:null,picker12:null,picker12Lang:l.a,picker1201:null,picker13:null,picker1301:null,picker14:null,picker15:new Date}},methods:{picker9Formatter:function(e){return e.toLocaleDateString()},picker11Filter:function(e){return 0!==e.getDay()&&6!==e.getDay()},openModal:function(){this.$refs.modal.open()}},components:{UiButton:i.a,UiDatepicker:n.a,UiModal:a.a,UiTab:r.a,UiTabs:s.a}}},function(e,t,o){"use strict";var i=o(243),n=o(6),a=o(1),r=o(2);t.a={data:function(){return{size:"normal"}},components:{UiFab:i.a,UiRadioGroup:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(244),n=o(3),a=o(6),r=o(1),s=o(2);t.a={data:function(){return{size:"normal",file11PreviewImage:""}},methods:{onFile11Change:function(e){this.file11PreviewImage=URL.createObjectURL(e[0])}},components:{UiFileupload:i.a,UiIcon:n.a,UiRadioGroup:a.a,UiTab:r.a,UiTabs:s.a}}},function(e,t,o){"use strict";var i=o(3),n=o(1),a=o(2);t.a={components:{UiIcon:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(8),n=o(14),a=o(6),r=o(16),s=o(1),l=o(2),c=[{label:"Note",icon:"edit"},{label:"Photo",icon:"photo"},{label:"Document",icon:"description"},{type:"divider"},{label:"Collection",icon:"collections_bookmark"}];t.a={data:function(){return{size:"normal",loading:!0,menuOptions:c}},components:{UiIconButton:i.a,UiMenu:n.a,UiRadioGroup:a.a,UiSwitch:r.a,UiTab:s.a,UiTabs:l.a}}},function(e,t,o){"use strict";var i=o(14),n=o(9),a=o(1),r=o(2),s=[{id:"edit",label:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",label:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",label:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",label:"Delete",icon:"delete",secondaryText:"Del"}],l=[{label:"UiAlert",href:"#ui-alert"},{label:"UiAutocomplete",href:"#ui-autocomplete"},{type:"divider"},{label:"UiButton",href:"#ui-button"},{type:"divider"},{label:"UiCheckbox (external)",href:"#ui-checkbox",target:"_blank"}];t.a={data:function(){return{menuOptions:s,menuOptionsWithHref:l}},components:{UiMenu:i.a,UiPopover:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(12),a=o(1),r=o(2);t.a={data:function(){return{modal802Content:""}},methods:{openModal:function(e){this.$refs[e].open()},closeModal:function(e){this.$refs[e].close()}},components:{UiButton:i.a,UiModal:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(9),n=o(1),a=o(2),r=o(12);t.a={data:function(){return{name:""}},methods:{openPopover:function(){setTimeout(this.$refs.popover.toggle,0)},openModal:function(){this.$refs.modal.open()}},components:{UiPopover:i.a,UiTab:n.a,UiTabs:a.a,UiModal:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(246),a=o(1),r=o(2);t.a={data:function(){return{loading:!0}},components:{UiButton:i.a,UiPreloader:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(15),a=o(1),r=o(2);t.a={data:function(){return{progress:0,loading:!0,progressInterval:null}},mounted:function(){var e=this;this.progressInterval=setInterval(function(){e.progress>=100?e.progress=0:e.progress+=5},500)},beforeDestroy:function(){clearInterval(this.progressInterval)},components:{UiButton:i.a,UiProgressCircular:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(4),n=o(35),a=o(1),r=o(2);t.a={data:function(){return{progress:0,isLoading:!0,progressInterval:null}},mounted:function(){var e=this;this.progressInterval=setInterval(function(){e.progress>=100?e.progress=0:e.progress+=25},1e3)},beforeDestroy:function(){clearInterval(this.progressInterval)},components:{UiButton:i.a,UiProgressLinear:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(36),n=o(1),a=o(2);t.a={data:function(){return{radio1:"",radio2:"",radio3:"",radio4:"",radio5:"",radio6:"",radio7:"",radio8:"",radio9:""}},components:{UiRadio:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(6),n=o(1),a=o(2),r=[{label:"Ned",value:"ned"},{label:"Rod",value:"rod"},{label:"Todd",value:"todd"}],s=[{label:"Ned",value:"ned"},{label:"Maude",value:"maude",disabled:!0},{label:"Rod",value:"rod"},{label:"Todd",value:"todd"}];t.a={data:function(){return{group1:"",group2:"rod",group3:"",group4:"",group5:"",group6:"",group7:"",options:{defaultGroup:r,secondGroup:s}}},components:{UiRadioGroup:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(5),n=o(1),a=o(2),r=[{name:"Better Call Saul",image:"https://i.imgur.com/SwZPSS2.jpg"},{name:"Breaking Bad",image:"https://i.imgur.com/tz6FJeN.jpg"},{name:"Sherlock",image:"https://i.imgur.com/Pf1TkJY.jpg"},{name:"The Simpsons",image:"https://i.imgur.com/HJmBlzf.jpg"}],s=[{value:"maggie",text:"Maggie Simpson",image:"https://i.imgur.com/eK26qtK.jpg"},{value:"lisa",text:"Lisa Simpson",image:"https://i.imgur.com/wIb44g9.jpg"},{value:"bart",text:"Bart Simpson",image:"https://i.imgur.com/XkEz9zg.jpg"}],l={name:"image-pane",template:"\n \n
\n ",props:{image:String},components:{UiRippleInk:i.a}};t.a={data:function(){return{tvShows:r,theSimpsons:s}},components:{ImagePane:l,UiRippleInk:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(21),n=o(1),a=o(2),r=o(29),s=o.n(r),l=o(11),c=o(45),d=o(44);t.a={data:function(){return{select1:"",select2:"",select2o5:"",select3:"Orange",select4:"",select5:{label:"Lavender",image:"https://placehold.it/64/e6e6fa/e6e6fa",value:"lavender"},select6:"",select7:"",select8:[{label:"Orange",image:"https://placehold.it/64/ffa500/ffa500",value:"orange"},{label:"Lime",image:"https://placehold.it/64/00ff00/00ff00",value:"lime"}],select9:[],select10:[],select10Touched:!1,select11:"",select11Options:[],select11Loading:!1,select11NoResults:!1,select11LoadingTimeout:null,select12:{name:"Australia",code:"AU"},select12o5:"",select13:"",select14:"Peach",colours:d.a,colourStrings:d.b,countries:c.a}},methods:{onQueryChange:function(e){0!==e.length&&this.fetchRemoteResults(e)},fetchRemoteResults:s()(function(e){var t=this;this.select11Loading=!0,this.select11LoadingTimeout&&(clearTimeout(this.select11LoadingTimeout),this.select11LoadingTimeout=null),this.select11LoadingTimeout=setTimeout(function(){e=e.toLowerCase(),o.i(l.b)(e,"red")?(t.select11Options=d.c,t.select11NoResults=!1):o.i(l.b)(e,"blue")?(t.select11Options=d.d,t.select11NoResults=!1):(t.select11Options=[],t.select11NoResults=!0),t.select11Loading=!1,t.select11LoadingTimeout=null},1200)},500)},components:{UiSelect:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(4),n=o(248),a=o(1),r=o(2);t.a={data:function(){return{slider1:25,slider2:50,slider3:60,slider4:8,slider5:40,slider6:75}},methods:{resetSliders:function(){this.slider1=25,this.slider2=50,this.slider3=60,this.slider4=7,this.slider5=40}},components:{UiButton:i.a,UiSlider:n.a,UiTab:a.a,UiTabs:r.a}}},function(e,t,o){"use strict";var i=o(37),n=o(249),a=o(4),r=o(6),s=o(16),l=o(1),c=o(2),d=o(38);t.a={data:function(){return{position:"left",transition:"slide",queueSnackbars:!1,action:"",duration:5,actionColor:"accent",message:"Post deleted"}},methods:{createSnackbar:function(){this.$refs.snackbarContainer.createSnackbar({message:this.message,action:this.action,actionColor:this.actionColor,duration:1e3*this.duration})}},components:{UiButton:a.a,UiRadioGroup:r.a,UiSnackbar:i.a,UiSnackbarContainer:n.a,UiSwitch:s.a,UiTab:l.a,UiTabs:c.a,UiTextbox:d.a}}},function(e,t,o){"use strict";var i=o(16),n=o(1),a=o(2);t.a={data:function(){return{switch1:!0,switch2:!1,switch3:!0,switch4:!1,switch5:!0}},components:{UiSwitch:i.a,UiTab:n.a,UiTabs:a.a}}},function(e,t,o){"use strict";var i=o(4),n=o(13),a=o(3),r=o(6),s=o(1),l=o(2);t.a={components:{UiButton:i.a,UiCheckbox:n.a,UiIcon:a.a,UiRadioGroup:r.a,UiTab:s.a,UiTabs:l.a},data:function(){return{type:"text",raised:!1,fullwidth:!1,backgroundColor:"default",demoTabs:[{title:"Authors",icon:"person"},{title:"Books",icon:"book"},{title:"Collections",icon:"collections_bookmark"},{title:"Favourites",icon:"favorite"}],disableTab2:!0,controlTabs:[{title:"Tab 1",icon:"looks_one",id:"tab1"},{title:"Tab 2",icon:"looks_two",id:"tab2"},{title:"Tab 3",icon:"looks_3",id:"tab3"},{title:"Tab 4",icon:"looks_4",id:"tab4"}]}},computed:{textColor:function(){return"default"===this.backgroundColor?"black":"white"},textColorActive:function(){return"default"===this.backgroundColor?"primary":"white"},indicatorColor:function(){return"default"===this.backgroundColor?"primary":"white"}},methods:{addTab:function(){var e=this.controlTabs.length+1;this.controlTabs.push({title:"Tab "+e,icon:"looks_"+e,id:"tab"+e})},removeTab:function(){this.controlTabs.splice(this.controlTabs.length-1,1)},selectTab3:function(){this.$refs.controlTabs.setActiveTab("tab3")},toggleTab2:function(){this.disableTab2=!this.disableTab2},confirmTabChange:function(e,t){return confirm("Are you sure you want to switch from "+e.title+" to "+t.title+"?")}}}},function(e,t,o){"use strict";var i=o(1),n=o(2),a=o(38);t.a={data:function(){return{textbox1:null,textbox2:"",textbox3:"",textbox4:"John Doe",textbox5:"Jane Doe",textbox6:"",textbox7:"",textbox8:"",textbox9:"",textbox10:"",textbox10Touched:!1,textbox11:"",textbox12:0,textbox13:"",textbox14:"",textbox15:"My name is Jane Doe..."}},components:{UiTab:i.a,UiTabs:n.a,UiTextbox:a.a}}},function(e,t,o){"use strict";var i=o(8),n=o(14),a=o(1),r=o(2),s=o(251),l=[{label:"Settings"},{label:"About"},{label:"Help"}];t.a={data:function(){return{menuOptions:l}},components:{UiIconButton:i.a,UiMenu:n.a,UiTab:a.a,
+UiTabs:r.a,UiToolbar:s.a}}},function(e,t,o){"use strict";var i=o(1),n=o(2),a=o(17);t.a={data:function(){return{theSimpsons:[{position:"top",animation:"fade",name:"Maggie Simpson: Fade",image:"https://i.imgur.com/eK26qtK.jpg"},{position:"bottom",animation:"shift-away",name:"Lisa Simpson: Shift-Away",image:"https://i.imgur.com/wIb44g9.jpg"},{position:"right",animation:"scale",name:"Bart Simpson: Scale",image:"https://i.imgur.com/XkEz9zg.jpg"}]}},components:{UiTab:i.a,UiTabs:n.a,UiTooltip:a.a}}},function(e,t,o){"use strict";var i=o(34),n=o(3);t.a={name:"ui-alert",props:{type:{type:String,default:"info"},removeIcon:{type:Boolean,default:!1},disableAnimation:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0}},computed:{classes:function(){return["ui-alert--type-"+this.type,{"has-no-transition":this.disableAnimation}]}},methods:{dismissAlert:function(){this.$emit("dismiss")}},components:{UiCloseButton:i.a,UiIcon:n.a}}},function(e,t,o){"use strict";var i=o(23),n=o(235),a=o(3),r=o(28),s=o.n(r);t.a={name:"ui-autocomplete",props:{name:String,placeholder:String,tabindex:[String,Number],value:{type:[String,Number],default:""},icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},help:String,error:String,readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{type:String,default:"simple"},suggestions:{type:Array,default:function(){return[]}},limit:{type:Number,default:8},append:{type:Boolean,default:!1},appendDelimiter:{type:String,default:", "},minChars:{type:Number,default:2},showOnUpDown:{type:Boolean,default:!0},autofocus:{type:Boolean,default:!1},filter:Function,sort:Function,highlightOnFirstMatch:{type:Boolean,default:!0},cycleHighlight:{type:Boolean,default:!0},keys:{type:Object,default:function(){return{label:"label",value:"value",image:"image"}}},invalid:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isTouched:!1,showDropdown:!1,highlightedIndex:-1}},computed:{classes:function(){return["ui-autocomplete--type-"+this.type,"ui-autocomplete--icon-position-"+this.iconPosition,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return 0===this.valueLength&&!this.isActive},valueLength:function(){return this.value?this.value.length:0},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},matchingSuggestions:function(){var e=this,t=this.suggestions.filter(function(t){if(e.filter)return e.filter(t,e.value,e.defaultFilter);var o=null===e.value?"":e.value;return e.defaultFilter(t,o)});return this.sort&&t.sort(this.sort.bind(this)),t.slice(0,this.limit)}},watch:{value:function(){this.isActive&&this.valueLength>=this.minChars&&this.openDropdown(),this.highlightedIndex=this.highlightOnFirstMatch?0:-1}},created:function(){null===this.value&&(this.initialValue="",this.updateValue(""))},mounted:function(){document.addEventListener("click",this.onExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.onExternalClick)},methods:{defaultFilter:function(e,t){var o=e[this.keys.label]||e;return"string"==typeof t&&(t=t.toLowerCase()),s()(t,o.toLowerCase())},selectSuggestion:function(e){var t=this,o=void 0;this.append?o+=this.appendDelimiter+(e[this.keys.value]||e):o=e[this.keys.value]||e,this.updateValue(o),this.$emit("select",e),this.$nextTick(function(){t.closeDropdown(),t.$refs.input.focus()})},highlightSuggestion:function(e){var t=0,o=this.$refs.suggestions.length-1;e===-2?e=o:eo&&(e=this.cycleHighlight?t:-1),this.highlightedIndex=e,this.showOnUpDown&&this.openDropdown(),eo?this.$emit("highlight-overflow",e):this.$emit("highlight",this.$refs.suggestions[e].suggestion,e)},selectHighlighted:function(e,t){this.showDropdown&&this.$refs.suggestions.length>0&&(t.preventDefault(),this.selectSuggestion(this.$refs.suggestions[e].suggestion))},focus:function(){this.$refs.input.focus()},openDropdown:function(){this.showDropdown||(this.showDropdown=!0,this.$emit("dropdown-open"))},closeDropdown:function(){var e=this;this.showDropdown&&this.$nextTick(function(){e.showDropdown=!1,e.highlightedIndex=-1,e.$emit("dropdown-close")})},updateValue:function(e){this.$emit("input",e)},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onChange:function(e){this.$emit("change",this.value,e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(e){!this.$el.contains(e.target)&&this.showDropdown&&this.closeDropdown()},reset:function(){document.isActiveElement===this.$refs.input&&document.isActiveElement.blur(),this.updateValue(this.initialValue),this.isTouched=!1}},components:{UiAutocompleteSuggestion:n.a,UiIcon:a.a},directives:{autofocus:i.a}}},function(e,t,o){"use strict";t.a={name:"ui-autocomplete-suggestion",props:{suggestion:{type:[String,Object],required:!0},type:{type:String,default:"simple"},highlighted:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{label:"label",image:"image"}}}},computed:{classes:function(){return["ui-autocomplete-suggestion--type-"+this.type,{"is-highlighted":this.highlighted}]},imageStyle:function(){return{"background-image":"url("+this.suggestion[this.keys.image]+")"}}}}},function(e,t,o){"use strict";var i=o(3),n=o(9),a=o(15),r=o(5),s=o(17);t.a={name:"ui-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},icon:String,iconPosition:{type:String,default:"left"},loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-button--type-"+this.type,"ui-button--color-"+this.color,"ui-button--icon-position-"+this.iconPosition,"ui-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-raised":this.raised},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"default"===this.color||"secondary"===this.type?"black":"white"}},methods:{onClick:function(e){this.$emit("click",e)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiRippleInk:r.a,UiTooltip:s.a}}},function(e,t,o){"use strict";var i=o(32),n=o(33),a=o(7);t.a={name:"ui-calendar",props:{color:{type:String,default:"default"},dateFilter:Function,lang:{type:Object,default:function(){return a.a.defaultLang}},maxDate:Date,minDate:Date,raised:{type:Boolean,default:!1},startOfWeek:{type:Number,default:0},squareCells:{type:Boolean,default:!1},value:Date,yearRange:{type:Array,default:function(){var e=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(t,o){return e-100+o})}}},data:function(){return{today:new Date,dateInView:this.value||new Date}},computed:{classes:function(){return["ui-calendar--color-"+this.color,{"is-raised":this.raised}]}},watch:{value:function(){this.value&&(this.dateInView=a.a.clone(this.value))}},methods:{onDateSelect:function(e){this.$emit("input",e),this.$emit("date-select",e)},onMonthChange:function(e){this.dateInView=e,this.$emit("month-change",e)},goToDate:function(e){this.$refs.month.goToDate(e)}},components:{UiCalendarControls:i.a,UiCalendarMonth:n.a}}},function(e,t,o){"use strict";var i=o(3),n=o(8),a=o(7);t.a={name:"ui-calendar-controls",props:{color:{type:String,default:"default"},lang:Object,dateInView:Date,minDate:Date,maxDate:Date,yearRange:{type:Array,required:!0}},computed:{classes:function(){return["ui-calendar-controls--color-"+this.color]},monthAndYear:function(){return a.a.getMonthFull(this.dateInView,this.lang)+" "+this.dateInView.getFullYear()},previousMonthDisabled:function(){var e=a.a.clone(this.dateInView);e.setDate(0);var t=e.getFullYear()this.yearRange[this.yearRange.length-1];return this.maxDate?t||e.getTime()>this.maxDate.getTime():t}},methods:{goToPreviousMonth:function(){var e=a.a.clone(this.dateInView);e.setDate(1),e.setMonth(e.getMonth()-1),this.goToDate(e)},goToNextMonth:function(){var e=a.a.clone(this.dateInView);e.setDate(1),e.setMonth(e.getMonth()+1),this.goToDate(e)},goToDate:function(e){this.$emit("go-to-date",e)}},components:{UiIcon:i.a,UiIconButton:n.a}}},function(e,t,o){"use strict";var i=o(237),n=o(7);t.a={name:"ui-calendar-month",props:{lang:Object,dateFilter:Function,dateInView:Date,selected:Date,maxDate:Date,minDate:Date,startOfWeek:{type:Number,default:0},color:{type:String,default:"primary"},squareCells:{type:Boolean,default:!1}},computed:{daysOfWeek:function(){var e=this.lang.days.initials.slice(this.startOfWeek);return 7===e.length?e:e.concat(this.lang.days.initials.slice(0,this.startOfWeek))},currentWeekStartDates:function(){return this.getWeekStartDates(this.dateInView)}},methods:{getWeekStartDates:function(e){var t=n.a.clone(e);t.setDate(1),t=n.a.moveToDayOfWeek(t,this.startOfWeek);var o=n.a.clone(t);o.setDate(o.getDate()+7);for(var i=[t],a=o.getMonth();o.getMonth()===a;)i.push(n.a.clone(o)),o.setDate(o.getDate()+7);return i},goToDate:function(e){this.$emit("change",n.a.clone(e))},onDateSelect:function(e){this.$emit("date-select",e)}},components:{UiCalendarWeek:i.a}}},function(e,t,o){"use strict";var i=o(7);t.a={name:"ui-calendar-week",props:{month:Number,weekStart:Date,minDate:Date,maxDate:Date,selected:Date,dateFilter:Function,color:{type:String,default:"primary"},squareCells:{type:Boolean,default:!1}},data:function(){return{today:new Date}},computed:{dates:function(){return this.buildDays(this.weekStart)},classes:function(){return["ui-calendar-week--color-"+this.color,{"ui-calendar-week--has-square-cells":this.squareCells}]}},methods:{buildDays:function(e){for(var t=[i.a.clone(e)],o=i.a.clone(e),n=1;n<=6;n++)o=i.a.clone(o),o.setDate(o.getDate()+1),t.push(o);return t},getDateClasses:function(e){return[{"is-today":i.a.isSameDay(e,this.today)},{"is-in-other-month":this.isDateInOtherMonth(e)},{"is-selected":this.selected&&i.a.isSameDay(e,this.selected)},{"is-disabled":this.isDateDisabled(e)}]},selectDate:function(e){this.isDateDisabled(e)||this.$emit("date-select",e)},isDateInOtherMonth:function(e){return this.month!==e.getMonth()},isDateDisabled:function(e){var t=this.minDate&&i.a.isBefore(e,this.minDate)||this.maxDate&&i.a.isAfter(e,this.maxDate);return!!t||!!this.dateFilter&&!this.dateFilter(e)}}}},function(e,t,o){"use strict";var i=o(11);t.a={name:"ui-checkbox",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},boxPosition:{type:String,default:"left"},color:{type:String,default:"primary"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:o.i(i.a)(this.value,this.trueValue)||this.checked}},computed:{classes:function(){return["ui-checkbox--color-"+this.color,"ui-checkbox--box-position-"+this.boxPosition,{"is-checked":this.isChecked},{"is-active":this.isActive},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=o.i(i.a)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(e){var t=this.isChecked,o=e.target.checked;this.$emit("input",o?this.trueValue:this.falseValue,e),t!==o&&this.$emit("change",o?this.trueValue:this.falseValue,e)},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)}}}},function(e,t,o){"use strict";var i=o(13),n=o(11);t.a={name:"ui-checkbox-group",props:{name:String,options:{type:Array,required:!0},value:{type:Array,required:!0},keys:{type:Object,default:function(){return{id:"id",name:"name",class:"class",label:"label",value:"value",disabled:"disabled"}}},label:String,color:{type:String,default:"primary"},boxPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,ignoreChange:!1,checkboxValues:[],initialValue:JSON.parse(JSON.stringify(this.value))}},computed:{classes:function(){return["ui-checkbox-group--color-"+this.color,"ui-checkbox-group--box-position-"+this.boxPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},methods:{reset:function(){var e=this;this.ignoreChange=!0,this.options.forEach(function(t,o){e.checkboxValues[o]=e.isOptionCheckedByDefault(t)}),this.ignoreChange=!1,this.$emit("input",this.initialValue.length>0?[].concat(this.initialValue):[])},isOptionCheckedByDefault:function(e){return o.i(n.c)(this.initialValue,e[this.keys.value]||e)>-1},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)},onChange:function(e,t){if(!this.ignoreChange){var i=e[0],a=e[1],r=[],s=t[this.keys.value]||t,l=o.i(n.c)(this.value,s);i&&l<0&&(r=this.value.concat(s)),!i&&l>-1&&(r=this.value.slice(0,l).concat(this.value.slice(l+1))),this.$emit("input",r),this.$emit("change",r,a)}}},components:{UiCheckbox:i.a}}},function(e,t,o){"use strict";var i=o(3),n=o(5);t.a={name:"ui-close-button",props:{size:{type:String,default:"normal"},color:{type:String,default:"black"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-close-button--size-"+this.size,"ui-close-button--color-"+this.color,{"is-disabled":this.disabled||this.loading}]}},methods:{onClick:function(e){this.$emit("click",e)}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(e,t,o){"use strict";var i=o(3),n=o(5),a=o(26);t.a={name:"ui-collapsible",props:{open:{type:Boolean,default:!1},title:String,removeIcon:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isOpen:this.open,id:a.a.short("ui-collapsible-")}},computed:{classes:function(){return[{"is-open":this.isOpen},{"is-disabled":this.disabled}]}},watch:{open:function(){this.isOpen!==this.open&&(this.isOpen=this.open)}},mounted:function(){this.isOpen&&(this.$refs.bodyWrapper.style.maxHeight="none")},methods:{toggleCollapsible:function(){this.disabled||(this.isOpen=!this.isOpen)},onEnter:function(e){this.$emit("open"),e.style.maxHeight=e.scrollHeight+"px"},afterEnter:function(e){e.style.maxHeight="none"},beforeLeave:function(e){e.style.maxHeight=e.scrollHeight+"px",e.offsetHeight},onLeave:function(e){e.style.maxHeight=0,this.$emit("close")}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(e,t,o){"use strict";var i=o(4),n=o(12),a=o(10);t.a={name:"ui-confirm",props:{title:{type:String,default:"UiConfirm"},type:{type:String,default:"primary"},size:String,confirmButtonText:{type:String,default:"OK"},confirmButtonIcon:String,denyButtonText:{type:String,default:"Cancel"},denyButtonIcon:String,autofocus:{type:String,default:"deny-button"},closeOnConfirm:{type:Boolean,default:!0},dismissOn:String,transition:String,loading:{type:Boolean,default:!1}},computed:{confirmButtonColor:function(){var e={default:"default",primary:"primary",accent:"accent",success:"green",warning:"orange",danger:"red"};return e[this.type]}},methods:{open:function(){this.$refs.modal.open()},close:function(){this.$refs.modal.close()},confirm:function(){this.$emit("confirm"),this.closeOnConfirm&&this.$refs.modal.close()},deny:function(){this.$refs.modal.close(),this.$emit("deny")},onModalOpen:function(){var e=void 0;"confirm-button"===this.autofocus?e=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(e=this.$refs.denyButton.$el),e&&(a.a.add(e,"has-focus-ring"),e.addEventListener("blur",this.removeAutoFocus),e.focus()),this.$emit("open")},onModalReveal:function(){this.$emit("reveal")},onModalClose:function(){this.$emit("close")},onModalHide:function(){this.$emit("hide")},removeAutoFocus:function(){var e=void 0;"confirm-button"===this.autofocus?e=this.$refs.confirmButton.$el:"deny-button"===this.autofocus&&(e=this.$refs.denyButton.$el),e&&(a.a.remove(e,"has-focus-ring"),e.removeEventListener("blur",this.removeAutoFocus))}},components:{UiButton:i.a,UiModal:n.a}}},function(e,t,o){"use strict";var i=o(4),n=o(242),a=o(3),r=o(12),s=o(9),l=o(27),c=o(7);t.a={name:"ui-datepicker",props:{name:String,value:[Date,String],tabindex:[String,Number],startOfWeek:{type:Number,default:0},minDate:Date,maxDate:Date,yearRange:Array,lang:{type:Object,default:function(){return c.a.defaultLang}},customFormatter:Function,dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"},pickerType:{type:String,default:"popover"},appendDropdownToBody:Boolean,dropdownZIndex:Number,placeholder:String,icon:String,iconPosition:{type:String,default:"left"},label:String,floatingLabel:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},help:String,error:String,disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isTouched:!1,initialValue:JSON.stringify(this.value)}},computed:{date:function(){return"string"==typeof this.value?new Date(this.value):this.value},classes:function(){return["ui-datepicker--icon-position-"+this.iconPosition,"ui-datepicker--orientation-"+this.orientation,{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-touched":this.isTouched},{"is-disabled":this.disabled},{"has-label":this.hasLabel},{"has-floating-label":this.hasFloatingLabel}]},labelClasses:function(){return{"is-inline":this.hasFloatingLabel&&this.isLabelInline,"is-floating":this.hasFloatingLabel&&!this.isLabelInline}},hasLabel:function(){return Boolean(this.label)||Boolean(this.$slots.default)},hasFloatingLabel:function(){return this.hasLabel&&this.floatingLabel},isLabelInline:function(){return!this.date&&!this.isActive},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)},displayText:function(){return this.date?this.customFormatter?this.customFormatter(this.date,this.lang):c.a.humanize(this.date,this.lang):""},hasDisplayText:function(){return Boolean(this.displayText.length)},submittedValue:function(){return this.date?this.date.getFullYear()+"-"+(1+this.date.getMonth())+"-"+this.date.getDate():""},usesPopover:function(){return"popover"===this.pickerType},usesModal:function(){return"modal"===this.pickerType}},watch:{isActive:function(e){e?this.addExternalClickListener([this.$el,this.getPicker().$el],this.onExternalClick):this.removeExternalClickListener()}},methods:{onDateSelect:function(e){this.$emit("input",e),this.closePicker()},isPickerOpen:function(){return this.usesModal?this.$refs.modal.isOpen:this.$refs.popover.isOpen()},getPicker:function(){return this.$refs[this.usesModal?"modal":"popover"]},openPicker:function(){this.disabled||this.getPicker().open()},closePicker:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.getPicker().close(),e.returnFocus&&this.$refs.label.focus()},togglePicker:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.isPickerOpen()?this.closePicker(e):this.openPicker()},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onTabAway:function(e){this.isActive=!1,this.$emit("blur",e),this.isPickerOpen()&&this.closePicker({returnFocus:!1})},onPickerOpen:function(){this.$emit("open")},onPickerClose:function(){this.$emit("close"),this.isTouched||(this.isTouched=!0,this.$emit("touch"))},onExternalClick:function(){this.isActive=!1},focus:function(){this.$refs.label.focus()},clear:function(){this.$emit("input",null)},reset:function(){this.$emit("input",JSON.parse(this.initialValue))},resetTouched:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=e.touched}},components:{UiButton:i.a,UiDatepickerCalendar:n.a,UiIcon:a.a,UiModal:r.a,UiPopover:s.a},mixins:[l.a]}},function(e,t,o){"use strict";var i=o(32),n=o(33),a=o(7),r=o(24);t.a={name:"ui-datepicker-calendar",props:{value:Date,minDate:Date,maxDate:Date,startOfWeek:{type:Number,default:0},lang:{type:Object,default:function(){return a.a.defaultLang}},yearRange:{type:Array,default:function(){var e=(new Date).getFullYear();return Array.apply(null,Array(200)).map(function(t,o){return e-100+o})}},dateFilter:Function,color:{type:String,default:"primary"},orientation:{type:String,default:"portrait"}},data:function(){return{today:new Date,dateInView:this.getDateInRange(this.value,new Date),showYearPicker:!1}},computed:{classes:function(){return["ui-datepicker-calendar--color-"+this.color,"ui-datepicker-calendar--orientation-"+this.orientation]},headerYear:function(){return this.value?this.value.getFullYear():this.today.getFullYear()},headerWeekday:function(){return this.value?a.a.getDayAbbreviated(this.value,this.lang):a.a.getDayAbbreviated(this.today,this.lang)},headerDay:function(){var e=this.value?this.value:this.today;return a.a.getMonthAbbreviated(e,this.lang)+" "+a.a.getDayOfMonth(e,this.lang)}},watch:{value:function(){this.value&&(this.dateInView=a.a.clone(this.value))},showYearPicker:function(){var e=this;this.showYearPicker&&this.$nextTick(function(){var t=e.$refs.years.querySelector(".is-selected")||e.$refs.years.querySelector(".is-current-year");o.i(r.a)(t,{marginTop:144})})}},methods:{selectYear:function(e){var t=a.a.clone(this.dateInView);t.setFullYear(e),this.dateInView=this.getDateInRange(t),this.showYearPicker=!1},getDateInRange:function(e,t){return e=e||t,this.minDate&&e.getTime()this.maxDate.getTime()?this.maxDate:e},getYearClasses:function(e){return{"is-current-year":this.isYearCurrent(e),"is-selected":this.isYearSelected(e)}},isYearCurrent:function(e){return e===this.today.getFullYear()},isYearSelected:function(e){return this.value&&e===this.value.getFullYear()},isYearOutOfRange:function(e){return!!(this.minDate&ðis.maxDate.getFullYear())||(this.yearthis.yearRange[this.yearRange.length-1]))},onDateSelect:function(e){this.$emit("input",e),this.$emit("date-select",e)},onGoToDate:function(e){this.$refs.month.goToDate(e)},onMonthChange:function(e){this.dateInView=e,this.$emit("month-change",e)}},components:{UiCalendarControls:i.a,UiCalendarMonth:n.a}}},function(e,t,o){"use strict";var i=o(3),n=o(5),a=o(17);t.a={name:"ui-fab",props:{size:{type:String,default:"normal"},color:{type:String,default:"default"},icon:String,ariaLabel:String,tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-fab--color-"+this.color,"ui-fab--size-"+this.size]}},methods:{onClick:function(e){this.$emit("click",e)}},components:{UiIcon:i.a,UiRippleInk:n.a,UiTooltip:a.a}}},function(e,t,o){"use strict";var i=o(3),n=o(5);t.a={name:"ui-fileupload",props:{name:{type:String,required:!0},label:String,tabindex:[String,Number],accept:String,multiple:{type:Boolean,default:!1},required:{type:Boolean,default:!1},type:{type:String,default:"primary"},color:{type:String,default:"default"},size:{type:String,default:"normal"},raised:{type:Boolean,default:!1},iconPosition:{type:String,default:"left"},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,renderInput:!0,hasSelection:!1,hasMultiple:!1,displayText:""}},computed:{classes:function(){return["ui-fileupload--type-"+this.type,"ui-fileupload--color-"+this.color,"ui-fileupload--icon-position-"+this.iconPosition,"ui-fileupload--size-"+this.size,{"is-active":this.isActive},{"is-multiple":this.hasMultiple},{"is-raised":this.raised},{"is-disabled":this.disabled}]},placeholder:function(){return this.label?this.label:this.multiple?"Choose files":"Choose a file"}},methods:{onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)},onInput:function(e){this.$emit("input",this.$refs.input.files,e)},onChange:function(e){this.updateDisplayText(e),this.$emit("change",this.$refs.input.files,e)},updateDisplayText:function(e){var t=void 0,o=this.$refs.input;t=o.files&&o.files.length>1?o.files.length+" files selected":e.target.value.split("\\").pop(),t&&(this.hasSelection=!0,this.displayText=t,this.hasMultiple=o.files.length>1)},focus:function(){this.$refs.input.focus()},openPicker:function(){this.$refs.input.click()},clear:function(){var e=this;this.renderInput=!1,this.$nextTick(function(){e.renderInput=!0})}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(e,t,o){"use strict";t.a={name:"ui-focus-container",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,defualt:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(e,t){return this.containFocus?(e.stopPropagation(),this.focusRedirector?void this.focusRedirector(e,t):void(t.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus())):void this.$emit("focus-overflow",e,t)}}}},function(e,t,o){"use strict";t.a={name:"ui-icon",props:{icon:String,iconSet:{type:String,default:"material-icons"},ariaLabel:String,removeText:{type:Boolean,default:!1},useSvg:{type:Boolean,default:!1}}}},function(e,t,o){"use strict";var i=o(3),n=o(9),a=o(15),r=o(5),s=o(17);t.a={name:"ui-icon-button",props:{type:{type:String,default:"primary"},buttonType:String,href:String,color:{type:String,default:"default"},size:{type:String,default:"normal"},icon:String,ariaLabel:String,loading:{type:Boolean,default:!1},hasDropdown:{type:Boolean,default:!1},dropdownPosition:{type:String,default:"bottom-start"},appendDropdownToBody:{type:Boolean,default:!0},constrainDropdownToScrollParent:{type:Boolean,default:!0},openDropdownOn:{type:String,default:"click"},tooltip:String,openTooltipOn:String,tooltipPosition:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-icon-button--type-"+this.type,"ui-icon-button--color-"+this.color,"ui-icon-button--size-"+this.size,{"is-anchor":this.isAnchor},{"is-loading":this.loading},{"is-disabled":this.disabled||this.loading},{"has-dropdown":this.hasDropdown}]},isAnchor:function(){return void 0!==this.href},progressColor:function(){return"primary"===this.type?"default"===this.color||"black"===this.color?"black":"white":"white"===this.color?"white":"black"}},methods:{onClick:function(e){this.$emit("click",e)},onDropdownOpen:function(){this.$emit("dropdown-open")},onDropdownClose:function(){this.$emit("dropdown-close")},openDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.open()},closeDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.close()},toggleDropdown:function(){this.$refs.dropdown&&this.$refs.dropdown.toggle()}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiRippleInk:r.a,UiTooltip:s.a}}},function(e,t,o){"use strict";var i=o(20),n=o(245);t.a={name:"ui-menu",props:{options:{type:Array,default:function(){return[]}},hasIcons:{type:Boolean,default:!1},iconProps:Object,hasSecondaryText:{type:Boolean,default:!1},containFocus:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{icon:"icon",type:"type",label:"label",secondaryText:"secondaryText",iconProps:"iconProps",disabled:"disabled",href:"href",target:"target"}}},disableRipple:{type:Boolean,default:!1},raised:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-raised":this.raised,"has-icons":this.hasIcons,"has-secondary-text":this.hasSecondaryText}}},methods:{selectOption:function(e){e.disabled||"divider"===e.type||(this.$emit("select",e),this.closeMenu())},closeMenu:function(){this.$emit("close")}},components:{UiFocusContainer:i.a,UiMenuOption:n.a}}},function(e,t,o){"use strict";var i=o(3),n=o(5);t.a={name:"ui-menu-option",props:{type:String,label:String,href:String,target:String,icon:String,iconProps:{type:Object,default:function(){return{}}},secondaryText:String,disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return{"is-divider":this.isDivider,"is-disabled":this.disabled,"is-anchor":this.isAnchor}},isDivider:function(){return"divider"===this.type},isAnchor:function(){return!this.isDivider&&void 0!==this.href}},components:{UiIcon:i.a,UiRippleInk:n.a}}},function(e,t,o){"use strict";var i=o(34),n=o(20),a=o(10);t.a={name:"ui-modal",props:{title:{type:String,default:"UiModal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"normal"},role:{type:String,default:"dialog"},transition:{type:String,default:"scale-down"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["ui-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"ui-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var e=this;this.$nextTick(function(){e[e.isOpen?"onOpen":"onClose"]()})}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus();
+},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),a.a.add(document.body,"ui-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.returnFocus(),this.$emit("close")},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide");var e=this.decrementOpenModalCount();0===e&&a.a.remove(document.body,"ui-modal--is-open")},getOpenModalCount:function(){var e=document.body.getAttribute("data-ui-open-modals");return void 0===e?0:Number(e)},setOpenModalCount:function(e){var t=Math.max(0,e);return 0===t?document.body.removeAttribute("data-ui-open-modals"):document.body.setAttribute("data-ui-open-modals",t),t},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}},components:{UiCloseButton:i.a,UiFocusContainer:n.a}}},function(e,t,o){"use strict";var i=o(30),n=o(10),a=o(19),r=o(25),s=o(20);t.a={name:"ui-popover",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},closeOnScroll:{type:Boolean,default:!0},constrainToScrollParent:{type:Boolean,default:!0},containFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},focusRedirector:Function,openOn:{type:String,default:"click"},position:{type:String,default:"bottom-start"},raised:{type:Boolean,default:!0},trigger:{validator:function(e){return a.a.validate(e,'[UiPopover]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string which matches an existing element.')}},zIndex:Number},data:function(){return{returnFocus:!0}},watch:{disabled:function(e){this.tip&&(e===!0?this.tip.disable():this.tip.enable())}},created:function(){this.tip=null},mounted:function(){this.setupPopover()},beforeDestroy:function(){this.destroyPopover()},methods:{setupPopover:function(){if(this.triggerEl=a.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiPopover]: Trigger element not found.");var e={animateFill:!1,animation:"none"===this.animation?"fade":this.animation,appendTo:this.appendToBody?document.body:this.triggerEl.parentElement,arrow:!1,content:this.$el,delay:[0,0],distance:0,duration:"none"===this.animation?0:[250,200],hideOnClick:!1,ignoreAttributes:!0,interactive:!0,lazy:!0,maxWidth:"100%",multiple:!0,onHidden:this.onHidden,onHide:this.onClose,onShow:this.onOpen,onShown:this.onShown,placement:this.position,role:"dialog",theme:"ui-popover",trigger:this.openOn.replace("hover","mouseenter"),zIndex:this.zIndex,popperOptions:{modifiers:{computeStyle:{gpuAcceleration:!(window.devicePixelRatio<1.5&&/Win/.test(navigator.platform))}}}};this.constrainToScrollParent||(e.popperOptions.modifiers.preventOverflow={enabled:!1},e.popperOptions.modifiers.hide={enabled:!1}),this.tip=o.i(i.a)(this.triggerEl,e),this.disabled&&this.tip.disable()},destroyPopover:function(){this.tip&&(this.removeCloseEventListeners(),this.tip.destroy(),this.tip=null)},isOpen:function(){return this.tip&&this.tip.state.isVisible},open:function(){this.tip&&this.tip.show()},close:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=e.returnFocus,this.tip.hide())},toggle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{returnFocus:!0};this.tip&&(this.returnFocus=e.returnFocus,this.tip[this.isOpen()?"hide":"show"]())},scheduleUpdate:function(){this.tip&&this.tip.popperInstance.scheduleUpdate()},onOpen:function(){this.addCloseEventListeners(),n.a.add(this.triggerEl,"has-dropdown-open"),this.$emit("open")},onClose:function(){this.returnFocus&&this.lastFocusedElement&&this.lastFocusedElement.focus(),this.removeCloseEventListeners(),n.a.remove(this.triggerEl,"has-dropdown-open"),this.$emit("close"),this.returnFocus=!0},onShown:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),this.$emit("reveal")},onHidden:function(){this.$emit("hide")},closeOnExternal:function(e,t){this.$el.contains(e.target)||this.close(t)},addCloseEventListeners:function(){var e=this;this.removeCloseEventListeners(),setTimeout(function(){e.removeExternalClickListener=r.a.on("click",document,function(t){e.closeOnExternal(t,{returnFocus:!1})}),e.removeEscListener=r.a.onKeydown(27,document,function(){e.close({returnFocus:!0})}),e.closeOnScroll&&(e.removeScrollListener=r.a.on("scroll",document,function(t){e.closeOnExternal(t,{returnFocus:!0})}))},0)},removeCloseEventListeners:function(){this.removeExternalClickListener&&(this.removeExternalClickListener(),this.removeExternalClickListener=null),this.removeEscListener&&(this.removeEscListener(),this.removeEscListener=null),this.removeScrollListener&&(this.removeScrollListener(),this.removeScrollListener=null)}},components:{UiFocusContainer:s.a}}},function(e,t,o){"use strict";t.a={name:"ui-preloader",props:{show:{type:Boolean,required:!0}}}},function(e,t,o){"use strict";t.a={name:"ui-progress-circular",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0},size:{type:Number,default:32},stroke:Number,autoStroke:{type:Boolean,default:!0},disableTransition:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-progress-circular--color-"+this.color,"ui-progress-circular--type-"+this.type]},strokeDashArray:function(){var e=2*Math.PI*this.radius;return Math.round(1e3*e)/1e3},strokeDashOffset:function(){var e=this.moderateProgress(this.progress),t=2*Math.PI*this.radius;return(100-e)/100*t},radius:function(){var e=this.stroke?this.stroke:4;return(this.size-e)/2},calculatedStroke:function(){return this.stroke?this.stroke:this.autoStroke?parseInt(this.size/8,10):4}},methods:{moderateProgress:function(e){return isNaN(e)||e<0?0:e>100?100:e}}}},function(e,t,o){"use strict";t.a={name:"ui-progress-linear",props:{type:{type:String,default:"indeterminate"},color:{type:String,default:"primary"},progress:{type:Number,default:0}},computed:{classes:function(){return["ui-progress-linear--color-"+this.color,"ui-progress-linear--type-"+this.type]},moderatedProgress:function(){return this.progress<0?0:this.progress>100?100:this.progress}}}},function(e,t,o){"use strict";t.a={name:"ui-radio",props:{name:String,label:String,tabindex:[String,Number],value:{type:[Number,String],required:!0},trueValue:{type:[Number,String],required:!0},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},computed:{classes:function(){return["ui-radio--color-"+this.color,"ui-radio--button-position-"+this.buttonPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]},isChecked:function(){return String(this.value).length>0&&this.value==this.trueValue}},created:function(){this.checked&&this.$emit("input",this.trueValue)},methods:{focus:function(){this.$refs.input.focus()},toggleCheck:function(){this.disabled||this.$emit("input",this.trueValue)},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)},onChange:function(e){this.$emit("change",this.isChecked,e)}}}},function(e,t,o){"use strict";var i=o(36);t.a={name:"ui-radio-group",props:{name:{type:String,required:!0},tabindex:[String,Number],label:String,options:{type:Array,required:!0},value:{type:[Number,String],required:!0},keys:{type:Object,default:function(){return{id:"id",class:"class",label:"label",value:"value",checked:"checked",disabled:"disabled"}}},color:{type:String,default:"primary"},buttonPosition:{type:String,default:"left"},vertical:{type:Boolean,default:!1},help:String,error:String,invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,initialValue:this.value,selectedOptionValue:this.value}},computed:{classes:function(){return["ui-radio-group--color-"+this.color,"ui-radio-group--button-position-"+this.buttonPosition,{"is-vertical":this.vertical},{"is-active":this.isActive},{"is-invalid":this.invalid},{"is-disabled":this.disabled}]},hasFeedback:function(){return this.showError||this.showHelp},showError:function(){return this.invalid&&(Boolean(this.error)||Boolean(this.$slots.error))},showHelp:function(){return Boolean(this.help)||Boolean(this.$slots.help)}},watch:{selectedOptionValue:function(){this.$emit("input",this.selectedOptionValue),this.$emit("change",this.selectedOptionValue)},value:function(){this.selectedOptionValue=this.value}},methods:{reset:function(){this.$emit("input",this.initialValue)},isOptionCheckedByDefault:function(e){return this.initialValue==e[this.keys.value]||this.initialValue==e||e[this.keys.checked]},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)}},components:{UiRadio:i.a}}},function(e,t,o){"use strict";var i=o(10),n=o(19),a=function(e,t){var o=t.currentTarget||t.target;if(o&&!i.a.has(o,"ui-ripple-ink")&&(o=o.querySelector(".ui-ripple-ink")),o){var n=o.getAttribute("data-ui-event");if(!n||n===e){o.setAttribute("data-ui-event",e);var a=o.getBoundingClientRect(),r=t.clientX-a.left,s=t.clientY-a.top,l=document.createElement("div"),c=void 0;c=a.width===a.height?1.412*a.width:Math.sqrt(a.width*a.width+a.height*a.height);var d=2*c+"px";l.style.width=d,l.style.height=d,l.style.marginLeft=-c+r+"px",l.style.marginTop=-c+s+"px",l.className="ui-ripple-ink__ink",o.appendChild(l),setTimeout(function(){i.a.add(l,"is-held")},0);var v="mousedown"===e?"mouseup":"touchend",u=function e(){document.removeEventListener(v,e),i.a.add(l,"is-done");var t=650;setTimeout(function(){o.removeChild(l),0===o.children.length&&o.removeAttribute("data-ui-event")},t)};document.addEventListener(v,u)}}},r=function(e){0===e.button&&a(e.type,e)},s=function(e){if(e.changedTouches)for(var t=0;t0?this.value.map(function(t){return t[e.keys.label]||t}).join(this.multipleDelimiter):"":this.value?this.value[this.keys.label]||this.value:""},hasDisplayText:function(){return Boolean(this.displayText.length)},hasNoResults:function(){return!this.loading&&0!==this.query.length&&(this.disableFilter?this.noResults:0===this.filteredOptions.length)},submittedValue:function(){var e=this;if(this.name&&this.value)return Array.isArray(this.value)?this.value.map(function(t){return t[e.keys.value]||t}).join(","):this.value[this.keys.value]||this.value}},watch:{filteredOptions:function(){this.highlightedIndex=0,o.i(c.b)(this.$refs.optionsList)},query:function(){this.$emit("query-change",this.query)},isActive:function(e){e?this.addExternalClickListener(this.$el,this.onExternalClick):this.removeExternalClickListener()}},created:function(){this.value&&""!==this.value||this.setValue(null)},methods:{setValue:function(e){e=e?e:this.multiple?[]:"",this.$emit("input",e),this.$emit("change",e)},highlightOption:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{autoScroll:!0};if(this.highlightedIndex!==e&&0!==this.$refs.options.length){var o=0,i=this.$refs.options.length-1;ei&&(e=o),this.highlightedIndex=e,t.autoScroll&&this.scrollOptionIntoView(this.$refs.options[e].$el)}},selectHighlighted:function(e,t){this.$refs.options.length>0&&(t.preventDefault(),this.selectOption(this.$refs.options[e].option,e))},selectOption:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{autoClose:!0},i=this.multiple&&!this.isOptionSelected(e);this.multiple?this.updateOption(e,{select:i}):(this.setValue(e),this.selectedIndex=t),this.$emit("select",e,{selected:!this.multiple||i}),this.highlightedIndex=t,this.multiple||this.clearQuery(),!this.multiple&&o.autoClose&&this.closeDropdown()},isOptionSelected:function(e){return this.multiple?o.i(l.c)(this.value,e)>-1:o.i(l.a)(this.value,e)},updateOption:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{select:!0},i=[],n=!1,a=o.i(l.c)(this.value,e);t.select&&a<0&&(i=this.value.concat(e),n=!0),!t.select&&a>-1&&(i=this.value.slice(0,a).concat(this.value.slice(a+1)),n=!0),n&&this.setValue(i)},defaultFilter:function(e,t){var o=e[this.keys.label]||e;return"string"==typeof o&&(o=o.toLowerCase()),v()(t.toLowerCase(),o)},clearSelection:function(){this.setValue(null)},clearQuery:function(){this.query=""},focus:function(){this.$refs.label.focus()},toggleDropdown:function(){this.$refs.dropdown.toggle()},openDropdown:function(){this.disabled||this.$refs.dropdown.open()},closeDropdown:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{blurAfterClose:!1};this.$refs.dropdown.close(),this.isTouched||(this.isTouched=!0,this.$emit("touch")),e.blurAfterClose?this.isActive=!1:this.$refs.label.focus()},onFocus:function(e){this.isActive||(this.isActive=!0,this.$emit("focus",e))},onBlur:function(e){this.isActive=!1,this.$emit("blur",e),this.$refs.dropdown.isOpen()&&this.closeDropdown({blurAfterClose:!0})},onOpen:function(){var e=this;this.isActive=!0,this.$refs.dropdown.$el.style.width=this.$refs.label.getBoundingClientRect().width+"px",this.$nextTick(function(){e.scrollOptionIntoView(e.$refs.optionsList.querySelector(".is-selected"))}),this.$emit("dropdown-open")},onReveal:function(){this.$refs[this.hasSearch?"searchInput":"dropdownContent"].focus()},onClose:function(){this.highlightedIndex=this.multiple?-1:this.selectedIndex,this.$emit("dropdown-close")},onExternalClick:function(){this.$refs.dropdown.isOpen()?this.closeDropdown({blurAfterClose:!0}):this.isActive&&(this.isActive=!1)},scrollOptionIntoView:function(e){o.i(c.a)(e,{container:this.$refs.optionsList,marginTop:180})},reset:function(){this.setValue(JSON.parse(this.initialValue)),this.clearQuery(),this.resetTouched(),this.selectedIndex=-1,this.highlightedIndex=-1},resetTouched:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=e.touched}},components:{UiIcon:i.a,UiPopover:n.a,UiProgressCircular:a.a,UiSelectOption:r.a},mixins:[s.a]}},function(e,t,o){"use strict";var i=o(3);t.a={name:"ui-select-option",props:{option:{type:[String,Object],required:!0},type:{type:String,default:"basic"},multiple:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},keys:{type:Object,default:function(){return{class:"class",label:"label",image:"image"}}}},computed:{classes:function(){return["ui-select-option--type-"+this.type,this.option[this.keys.class],{"is-highlighted":this.highlighted},{"is-selected":this.selected}]},imageStyle:function(){return{"background-image":"url("+this.option[this.keys.image]+")"}}},components:{UiIcon:i.a}}},function(e,t,o){"use strict";var i=o(3),n=o(10),a=o(123);t.a={name:"ui-slider",props:{name:String,tabindex:[String,Number],icon:String,value:{type:Number,required:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:10},snapToSteps:{type:Boolean,default:!1},showMarker:{type:Boolean,default:!1},markerValue:[String,Number],disabled:{type:Boolean,default:!1}},data:function(){return{initialValue:this.value,isActive:!1,isDragging:!1,thumbSize:0,trackLength:0,trackOffset:0,localValue:this.value}},computed:{classes:function(){return[{"is-dragging":this.isDragging},{"is-disabled":this.disabled},{"is-active":this.isActive},{"has-icon":this.hasIcon},{"has-marker":this.showMarker}]},hasIcon:function(){return Boolean(this.$slots.icon)||Boolean(this.icon)},fillStyle:function(){return{transform:"scaleX("+this.relativeValue(this.localValue)+")"}},thumbStyle:function(){return{transform:"translateX("+(this.relativeValue(this.localValue)*this.trackLength-this.thumbSize/2)+"px)"}},markerText:function(){return void 0===this.markerValue?this.value:this.markerValue},snapPoints:function(){for(var e=[],t=this.step*Math.ceil(this.moderatedMin/this.step);t<=this.moderatedMax;)e.push(t),t+=this.step;return e},moderatedMin:function(){return this.max>this.min?this.min:0},moderatedMax:function(){return this.max>this.min?this.max:100}},watch:{value:function(){this.setValue(this.value)},isDragging:function(){var e=this.isDragging?"add":"remove";n.a[e](document.body,"ui-slider--is-dragging")}},mounted:function(){this.initializeSlider()},beforeDestroy:function(){this.teardownSlider()},methods:{focus:function(){this.$el.focus()},reset:function(){this.setValue(this.initialValue)},onFocus:function(){this.isActive=!0,this.$emit("focus")},onBlur:function(){this.isActive=!1,this.$emit("blur")},onExternalClick:function(e){this.$el.contains(e.target)||this.onBlur()},setValueWithSnap:function(e){e=this.getEdge(e),this.snapToSteps&&(e=this.getNearestSnapPoint(e)),this.setValue(e)},setValue:function(e){e=this.getEdge(e),e!==this.localValue&&(this.localValue=e,this.$emit("input",e),this.$emit("change",e))},incrementValue:function(){this.setValueWithSnap(this.localValue+this.step)},decrementValue:function(){this.setValueWithSnap(this.localValue-this.step)},getTrackOffset:function(){for(var e=this.$refs.track,t=e.offsetLeft;e.offsetParent;)e=e.offsetParent,t+=e.offsetLeft;return t},getPointStyle:function(e){return{left:e+"%"}},refreshSize:function(){this.thumbSize=this.$refs.thumb.offsetWidth,this.trackLength=this.$refs.track.offsetWidth,this.trackOffset=this.getTrackOffset(this.$refs.track)},initializeSlider:function(){var e=this;document.addEventListener("touchend",this.onDragStop),document.addEventListener("mouseup",this.onDragStop),document.addEventListener("click",this.onExternalClick),this.$on("window-resize",function(){e.refreshSize(),e.isDragging=!1}),this.refreshSize(),this.initializeDrag()},teardownSlider:function(){document.removeEventListener("touchend",this.onDragStop),document.removeEventListener("mouseup",this.onDragStop),document.removeEventListener("click",this.onExternalClick)},initializeDrag:function(){var e=this.getEdge(this.localValue?this.localValue:0);this.setValue(e)},onDragStart:function(e){this.disabled||(this.isActive||this.onFocus(),this.isDragging=!0,this.dragUpdate(e),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("mousemove",this.onDragMove),this.$emit("dragstart",this.localValue,e))},onDragMove:function(e){this.dragUpdate(e)},dragUpdate:function(e){var t=e.touches?e.touches[0].pageX:e.pageX,o=(t-this.trackOffset)/this.trackLength,i=this.getEdge(this.moderatedMin+o*(this.moderatedMax-this.moderatedMin));this.isDragging&&this.setValue(Math.round(i))},onDragStop:function(e){this.isDragging&&(this.isDragging=!1,this.snapToSteps&&this.value%this.step!==0&&this.setValueWithSnap(this.value),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("mousemove",this.onDragMove),this.$emit("dragend",this.localValue,e))},getNearestSnapPoint:function(e){var t=Math.floor(e/this.step)*this.step,o=t+this.step,i=(t+o)/2;return tthis.moderatedMax?e:o:e>=i&&o<=this.moderatedMax?o:t},relativeValue:function(e){return(e-this.moderatedMin)/(this.moderatedMax-this.moderatedMin)},getEdge:function(e){return ethis.moderatedMax?this.moderatedMax:e}},components:{UiIcon:i.a},mixins:[a.a]}},function(e,t,o){"use strict";var i=o(4);t.a={name:"ui-snackbar",props:{message:String,action:String,actionColor:{type:String,default:"accent"},transition:{type:String,default:"slide"}},computed:{transitionName:function(){return"ui-snackbar--transition-"+this.transition}},methods:{onClick:function(){this.$emit("click")},onActionClick:function(){this.$emit("action-click")},onEnter:function(){this.$emit("show")},onLeave:function(){this.$emit("hide")}},components:{UiButton:i.a}}},function(e,t,o){"use strict";var i=o(37);t.a={name:"ui-snackbar-container",props:{queueSnackbars:{type:Boolean,default:!1},duration:{type:Number,default:5e3},allowHtml:{type:Boolean,default:!1},position:{type:String,default:"left"},transition:{type:String,default:"slide"}},data:function(){return{queue:[],snackbarTimeout:null}},computed:{classes:function(){return["ui-snackbar-container--position-"+this.position]}},beforeDestroy:function(){this.resetTimeout()},methods:{createSnackbar:function(e){return e.show=!1,e.duration=e.duration||this.duration,this.queue.push(e),1===this.queue.length?this.showNextSnackbar():void(this.queueSnackbars||(this.queue[0].show=!1))},showNextSnackbar:function(){return 0===this.queue.length?void this.$emit("queue-end"):void(this.queue[0].show=!0)},onShow:function(e){var t=this;0===this.queue.indexOf(e)&&(this.snackbarTimeout=setTimeout(function(){t.queue[0].show=!1},e.duration),this.$emit("snackbar-show",e),this.callHook("onShow",e))},onHide:function(e,t){this.resetTimeout(),this.queueSnackbars||1===this.queue.length?this.queue.splice(t,1):this.queue.splice(t,this.queue.length-1),this.$emit("snackbar-hide",e),this.callHook("onHide",e),this.showNextSnackbar()},onClick:function(e){e.show=!1,this.callHook("onClick",e)},onActionClick:function(e){this.callHook("onActionClick",e)},callHook:function(e,t){"function"==typeof t[e]&&t[e].call(void 0,t)},resetTimeout:function(){clearTimeout(this.snackbarTimeout),this.snackbarTimeout=null}},components:{UiSnackbar:i.a}}},function(e,t,o){"use strict";var i=o(11);t.a={name:"ui-switch",props:{name:String,label:String,tabindex:[String,Number],value:{required:!0},trueValue:{default:!0},falseValue:{default:!1},submittedValue:{type:String,default:"on"},checked:{type:Boolean,default:!1},color:{type:String,default:"primary"},switchPosition:{type:String,default:"left"},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1,isChecked:o.i(i.a)(this.value,this.trueValue)||this.checked,initialValue:this.value}},computed:{classes:function(){return["ui-switch--color-"+this.color,"ui-switch--switch-position-"+this.switchPosition,{"is-active":this.isActive},{"is-checked":this.isChecked},{"is-disabled":this.disabled}]}},watch:{value:function(){this.isChecked=o.i(i.a)(this.value,this.trueValue)}},created:function(){this.$emit("input",this.isChecked?this.trueValue:this.falseValue)},methods:{focus:function(){this.$refs.input.focus()},onClick:function(e){var t=this.isChecked,o=e.target.checked;this.$emit("input",o?this.trueValue:this.falseValue,e),t!==o&&this.$emit("change",o?this.trueValue:this.falseValue,e)},onFocus:function(e){this.isActive=!0,this.$emit("focus",e)},onBlur:function(e){this.isActive=!1,this.$emit("blur",e)}}}},function(e,t,o){"use strict";var i=o(26);t.a={name:"ui-tab",props:{id:{type:String,default:function(){return i.a.short("ui-tab-")}},title:String,selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{isActive:!1}},watch:{disabled:function(){this.$parent.onTabDisabledChange(this)}},created:function(){this.$parent.addTab(this)},beforeDestroy:function(){this.$parent.removeTab(this)},methods:{activate:function(){this.isActive=!0,this.$emit("select",this.id)},deactivate:function(){this.isActive=!1,this.$emit("deselect",this.id)}}}},function(e,t,o){"use strict";var i=o(3),n=o(5);t.a={name:"ui-tab-header-item",components:{UiIcon:i.a,UiRippleInk:n.a},props:{id:String,type:{type:String,default:"text"},title:String,active:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-tab-header-item--type-"+this.type,{"is-active":this.active},{"is-disabled":this.disabled}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type},hasText:function(){return"text"===this.type||"icon-and-text"===this.type}}}},function(e,t,o){"use strict";var i=o(124),n=o(250);t.a={name:"ui-tabs",components:{Render:i.a,UiTabHeaderItem:n.a},props:{type:{type:String,default:"text"},confirmTabChange:Function,backgroundColor:{type:String,default:"default"},textColor:{type:String,default:"black"},textColorActive:{type:String,default:"primary"},indicatorColor:{type:String,default:"primary"},fullwidth:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},disableRipple:{type:Boolean,default:!1}},data:function(){return{tabs:[],activeTabId:null,activeTabIndex:-1}},computed:{classes:function(){return["ui-tabs--type-"+this.type,"ui-tabs--text-color-"+this.textColor,"ui-tabs--text-color-active-"+this.textColorActive,"ui-tabs--background-color-"+this.backgroundColor,"ui-tabs--indicator-color-"+this.indicatorColor,{"is-raised":this.raised},{"is-fullwidth":this.fullwidth}]},hasIcon:function(){return"icon"===this.type||"icon-and-text"===this.type}},watch:{activeTabId:function(){var e=this;this.tabs.forEach(function(t,o){e.activeTabId===t.id?(t.activate(),e.activeTabIndex=o):t.isActive&&t.deactivate()})}},methods:{addTab:function(e){this.tabs.push(e),(null===this.activeTabId||e.selected)&&(this.activeTabId=e.id)},removeTab:function(e){var t=this.tabs.indexOf(e);t>-1&&(this.tabs.splice(t,1),e.id===this.activeTabId&&this.selectTab(this.findNearestTab()))},onTabDisabledChange:function(e){e.disabled&&this.activeTabId===e.id&&this.selectTab(this.findNearestTab())},onTabClick:function(e,t){this.$emit("tab-click",e,t),this.selectTab(e)},selectTab:function(e){null===e||e.disabled||e.id===this.activeTabId||this.confirmTabChange&&!this.confirmTabChange(this.tabs[this.activeTabIndex],e)||(this.activeTabId=e.id,this.$emit("tab-change",e))},selectNextTab:function(){var e=this.findNextTab();e&&(this.selectTab(e),e.$el.focus())},selectPreviousTab:function(){var e=this.findPreviousTab();e&&(this.selectTab(e),e.$el.focus())},findNextTab:function(){for(var e=null,t=this.activeTabIndex+1;t=0;t--)if(this.$refs.tabHeaders[t]&&!this.$refs.tabHeaders[t].disabled){e=this.$refs.tabHeaders[t];break}return e},findNearestTab:function(){return this.findPreviousTab()||this.findNextTab()},findTabById:function(e){for(var t=0;t0&&void 0!==arguments[0]?arguments[0]:{touched:!1};this.isTouched=e.touched},refreshSize:function(){this.autosizeInitialized&&r.a.update(this.$refs.textarea)},focus:function(){(this.$refs.input||this.$refs.textarea).focus()}},components:{UiIcon:n.a},directives:{autofocus:i.a}}},function(e,t,o){"use strict";var i=o(8),n=o(35);t.a={name:"ui-toolbar",props:{type:{type:String,default:"default"},textColor:{type:String,default:"black"},title:String,brand:String,removeBrandDivider:{type:Boolean,default:!1},navIcon:{type:String,default:"menu"},removeNavIcon:{type:Boolean,default:!1},raised:{type:Boolean,default:!0},progressPosition:{type:String,default:"bottom"},loading:{type:Boolean,default:!1}},computed:{classes:function(){return["ui-toolbar--type-"+this.type,"ui-toolbar--text-color-"+this.textColor,"ui-toolbar--progress-position-"+this.progressPosition,{"is-raised":this.raised}]},progressColor:function(){return"black"===this.textColor?"primary":"white"},hasBrandDivider:function(){return!this.removeBrandDivider&&(this.brand||this.$slots.brand)}},methods:{navIconClick:function(){this.$emit("nav-icon-click")}},components:{UiIconButton:i.a,UiProgressLinear:n.a}}},function(e,t,o){"use strict";var i=o(30),n=o(19);t.a={name:"ui-tooltip",props:{animation:{type:String,default:"fade"},appendToBody:{type:Boolean,default:!0},openDelay:{type:Number,default:0},openOn:{type:String,default:"mouseenter focus"},position:{type:String,default:"bottom"},trigger:{validator:function(e){return n.a.validate(e,'[UiTooltip]: Invalid prop: "trigger". Expected Element, VueComponent or CSS selector string.')}},zIndex:Number},mounted:function(){if(this.triggerEl=n.a.resolve(this.trigger,this.$el.parentElement),!this.triggerEl)return void console.error("[UiTooltip]: Trigger element not found.");var e={animateFill:"fade"!==this.animation,animation:"none"===this.animation?"fade":this.animation,arrow:!1,content:this.$el,delay:[this.openDelay,0],distance:4,duration:"none"===this.animation?0:[250,200],ignoreAttributes:!0,lazy:!0,multiple:!0,placement:this.position,theme:"ui-tooltip",trigger:this.openOn.replace("hover","mouseenter"),zIndex:this.zIndex,popperOptions:{modifiers:{computeStyle:{gpuAcceleration:!(window.devicePixelRatio<1.5&&/Win/.test(navigator.platform))}}}};this.appendToBody||(e.appendTo=this.triggerEl.parentElement),this.tip=o.i(i.a)(this.triggerEl,e)},beforeDestroy:function(){this.tip&&(this.tip.destroy(),this.tip=null)}}},function(e,t,o){"use strict";var i=o(29),n=o.n(i);t.a={data:function(){return{windowResizeListener:null}},mounted:function(){var e=this;this.windowResizeListener=n()(function(){e.$emit("window-resize")},200),window.addEventListener("resize",this.windowResizeListener)},beforeDestroy:function(){window.removeEventListener("resize",this.windowResizeListener)}}},function(e,t,o){"use strict";t.a={name:"render",functional:!0,props:["nodes"],render:function(e,t){return e("div",{class:"ui-render"},t.props.nodes)}}},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t,o){"use strict";(function(e){function o(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}function i(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},ue))}}function n(e){var t={};return e&&"[object Function]"===t.toString.call(e)}function a(e,t){if(1!==e.nodeType)return[];var o=e.ownerDocument.defaultView,i=o.getComputedStyle(e,null);return t?i[t]:i}function r(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function s(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=a(e),o=t.overflow,i=t.overflowX,n=t.overflowY;return/(auto|scroll|overlay)/.test(o+n+i)?e:s(r(e))}function l(e){return 11===e?fe:10===e?me:fe||me}function c(e){if(!e)return document.documentElement;for(var t=l(10)?document.body:null,o=e.offsetParent||null;o===t&&e.nextElementSibling;)o=(e=e.nextElementSibling).offsetParent;var i=o&&o.nodeName;return i&&"BODY"!==i&&"HTML"!==i?["TH","TD","TABLE"].indexOf(o.nodeName)!==-1&&"static"===a(o,"position")?c(o):o:e?e.ownerDocument.documentElement:document.documentElement}function d(e){var t=e.nodeName;return"BODY"!==t&&("HTML"===t||c(e.firstElementChild)===e)}function v(e){return null!==e.parentNode?v(e.parentNode):e}function u(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?e:t,n=o?t:e,a=document.createRange();a.setStart(i,0),a.setEnd(n,0);var r=a.commonAncestorContainer;if(e!==r&&t!==r||i.contains(n))return d(r)?r:c(r);var s=v(e);return s.host?u(s.host,t):u(e,v(t).host)}function _(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",o="top"===t?"scrollTop":"scrollLeft",i=e.nodeName;if("BODY"===i||"HTML"===i){var n=e.ownerDocument.documentElement,a=e.ownerDocument.scrollingElement||n;return a[o]}return e[o]}function p(e,t){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=_(t,"top"),n=_(t,"left"),a=o?-1:1;return e.top+=i*a,e.bottom+=i*a,e.left+=n*a,e.right+=n*a,e}function h(e,t){var o="x"===t?"Left":"Top",i="Left"===o?"Right":"Bottom";return parseFloat(e["border"+o+"Width"],10)+parseFloat(e["border"+i+"Width"],10)}function f(e,t,o,i){return Math.max(t["offset"+e],t["scroll"+e],o["client"+e],o["offset"+e],o["scroll"+e],l(10)?parseInt(o["offset"+e])+parseInt(i["margin"+("Height"===e?"Top":"Left")])+parseInt(i["margin"+("Height"===e?"Bottom":"Right")]):0)}function m(e){var t=e.body,o=e.documentElement,i=l(10)&&getComputedStyle(o);return{height:f("Height",t,o,i),width:f("Width",t,o,i)}}function b(e){return we({},e,{right:e.left+e.width,bottom:e.top+e.height})}function g(e){var t={};try{if(l(10)){t=e.getBoundingClientRect();var o=_(e,"top"),i=_(e,"left");t.top+=o,t.left+=i,t.bottom+=o,t.right+=i}else t=e.getBoundingClientRect()}catch(e){}var n={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},r="HTML"===e.nodeName?m(e.ownerDocument):{},s=r.width||e.clientWidth||n.right-n.left,c=r.height||e.clientHeight||n.bottom-n.top,d=e.offsetWidth-s,v=e.offsetHeight-c;if(d||v){var u=a(e);d-=h(u,"x"),v-=h(u,"y"),n.width-=d,n.height-=v}return b(n)}function y(e,t){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=l(10),n="HTML"===t.nodeName,r=g(e),c=g(t),d=s(e),v=a(t),u=parseFloat(v.borderTopWidth,10),_=parseFloat(v.borderLeftWidth,10);o&&n&&(c.top=Math.max(c.top,0),c.left=Math.max(c.left,0));var h=b({top:r.top-c.top-u,left:r.left-c.left-_,width:r.width,height:r.height});if(h.marginTop=0,h.marginLeft=0,!i&&n){var f=parseFloat(v.marginTop,10),m=parseFloat(v.marginLeft,10);h.top-=u-f,h.bottom-=u-f,h.left-=_-m,h.right-=_-m,h.marginTop=f,h.marginLeft=m}return(i&&!o?t.contains(d):t===d&&"BODY"!==d.nodeName)&&(h=p(h,t)),h}function w(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=e.ownerDocument.documentElement,i=y(e,o),n=Math.max(o.clientWidth,window.innerWidth||0),a=Math.max(o.clientHeight,window.innerHeight||0),r=t?0:_(o),s=t?0:_(o,"left"),l={top:r-i.top+i.marginTop,left:s-i.left+i.marginLeft,width:n,height:a};return b(l)}function k(e){var t=e.nodeName;if("BODY"===t||"HTML"===t)return!1;if("fixed"===a(e,"position"))return!0;var o=r(e);return!!o&&k(o)}function C(e){if(!e||!e.parentElement||l())return document.documentElement;for(var t=e.parentElement;t&&"none"===a(t,"transform");)t=t.parentElement;return t||document.documentElement}function x(e,t,o,i){var n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a={top:0,left:0},l=n?C(e):u(e,t);if("viewport"===i)a=w(l,n);else{var c=void 0;"scrollParent"===i?(c=s(r(t)),"BODY"===c.nodeName&&(c=e.ownerDocument.documentElement)):c="window"===i?e.ownerDocument.documentElement:i;var d=y(c,l,n);if("HTML"!==c.nodeName||k(l))a=d;else{var v=m(e.ownerDocument),_=v.height,p=v.width;a.top+=d.top-d.marginTop,a.bottom=_+d.top,a.left+=d.left-d.marginLeft,a.right=p+d.left}}o=o||0;var h="number"==typeof o;return a.left+=h?o:o.left||0,a.top+=h?o:o.top||0,a.right-=h?o:o.right||0,a.bottom-=h?o:o.bottom||0,a}function S(e){var t=e.width,o=e.height;return t*o}function T(e,t,o,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(e.indexOf("auto")===-1)return e;var r=x(o,i,a,n),s={top:{width:r.width,height:t.top-r.top},right:{width:r.right-t.right,height:r.height},bottom:{width:r.width,height:r.bottom-t.bottom},left:{width:t.left-r.left,height:r.height}},l=Object.keys(s).map(function(e){return we({key:e},s[e],{area:S(s[e])})}).sort(function(e,t){return t.area-e.area}),c=l.filter(function(e){var t=e.width,i=e.height;return t>=o.clientWidth&&i>=o.clientHeight}),d=c.length>0?c[0].key:l[0].key,v=e.split("-")[1];return d+(v?"-"+v:"")}function E(e,t,o){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,n=i?C(t):u(t,o);return y(o,n,i)}function D(e){var t=e.ownerDocument.defaultView,o=t.getComputedStyle(e),i=parseFloat(o.marginTop||0)+parseFloat(o.marginBottom||0),n=parseFloat(o.marginLeft||0)+parseFloat(o.marginRight||0),a={width:e.offsetWidth+n,height:e.offsetHeight+i};return a}function A(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function $(e,t,o){o=o.split("-")[0];var i=D(e),n={width:i.width,height:i.height},a=["right","left"].indexOf(o)!==-1,r=a?"top":"left",s=a?"left":"top",l=a?"height":"width",c=a?"width":"height";return n[r]=t[r]+t[l]/2-i[l]/2,o===s?n[s]=t[s]-i[c]:n[s]=t[A(s)],n}function L(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function O(e,t,o){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===o});var i=L(e,function(e){return e[t]===o});return e.indexOf(i)}function U(e,t,o){var i=void 0===o?e:e.slice(0,O(e,"name",o));return i.forEach(function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var o=e.function||e.fn;e.enabled&&n(o)&&(t.offsets.popper=b(t.offsets.popper),t.offsets.reference=b(t.offsets.reference),t=o(t,e))}),t}function B(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=E(this.state,this.popper,this.reference,this.options.positionFixed),e.placement=T(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.positionFixed=this.options.positionFixed,e.offsets.popper=$(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",e=U(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function I(e,t){return e.some(function(e){var o=e.name,i=e.enabled;return i&&o===t})}function M(e){for(var t=[!1,"ms","Webkit","Moz","O"],o=e.charAt(0).toUpperCase()+e.slice(1),i=0;is[p]&&(e.offsets.popper[u]+=l[u]+h-s[p]),e.offsets.popper=b(e.offsets.popper);var f=l[u]+l[d]/2-h/2,m=a(e.instance.popper),g=parseFloat(m["margin"+v],10),y=parseFloat(m["border"+v+"Width"],10),w=f-e.offsets.popper[u]-g-y;return w=Math.max(Math.min(s[d]-h,w),0),e.arrowElement=i,e.offsets.arrow=(o={},ye(o,u,Math.round(w)),ye(o,_,""),o),e}function Z(e){return"end"===e?"start":"start"===e?"end":e}function ee(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=xe.indexOf(e),i=xe.slice(o+1).concat(xe.slice(0,o));return t?i.reverse():i}function te(e,t){if(I(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=x(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),i=e.placement.split("-")[0],n=A(i),a=e.placement.split("-")[1]||"",r=[];switch(t.behavior){case Se.FLIP:r=[i,n];break;case Se.CLOCKWISE:r=ee(i);break;case Se.COUNTERCLOCKWISE:r=ee(i,!0);break;default:r=t.behavior}return r.forEach(function(s,l){if(i!==s||r.length===l+1)return e;i=e.placement.split("-")[0],n=A(i);var c=e.offsets.popper,d=e.offsets.reference,v=Math.floor,u="left"===i&&v(c.right)>v(d.left)||"right"===i&&v(c.left)v(d.top)||"bottom"===i&&v(c.top)v(o.right),h=v(c.top)v(o.bottom),m="left"===i&&_||"right"===i&&p||"top"===i&&h||"bottom"===i&&f,b=["top","bottom"].indexOf(i)!==-1,g=!!t.flipVariations&&(b&&"start"===a&&_||b&&"end"===a&&p||!b&&"start"===a&&h||!b&&"end"===a&&f);(u||m||g)&&(e.flipped=!0,(u||m)&&(i=r[l+1]),g&&(a=Z(a)),e.placement=i+(a?"-"+a:""),e.offsets.popper=we({},e.offsets.popper,$(e.instance.popper,e.offsets.reference,e.placement)),e=U(e.instance.modifiers,e,"flip"))}),e}function oe(e){var t=e.offsets,o=t.popper,i=t.reference,n=e.placement.split("-")[0],a=Math.floor,r=["top","bottom"].indexOf(n)!==-1,s=r?"right":"bottom",l=r?"left":"top",c=r?"width":"height";return o[s]a(i[s])&&(e.offsets.popper[l]=a(i[s])),e}function ie(e,t,o,i){var n=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),a=+n[1],r=n[2];if(!a)return e;if(0===r.indexOf("%")){var s=void 0;switch(r){case"%p":s=o;break;case"%":case"%r":default:s=i}var l=b(s);return l[t]/100*a}if("vh"===r||"vw"===r){var c=void 0;return c="vh"===r?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),c/100*a}return a}function ne(e,t,o,i){var n=[0,0],a=["right","left"].indexOf(i)!==-1,r=e.split(/(\+|\-)/).map(function(e){return e.trim()}),s=r.indexOf(L(r,function(e){return e.search(/,|\s/)!==-1}));r[s]&&r[s].indexOf(",")===-1&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=s!==-1?[r.slice(0,s).concat([r[s].split(l)[0]]),[r[s].split(l)[1]].concat(r.slice(s+1))]:[r];return c=c.map(function(e,i){var n=(1===i?!a:a)?"height":"width",r=!1;return e.reduce(function(e,t){return""===e[e.length-1]&&["+","-"].indexOf(t)!==-1?(e[e.length-1]=t,r=!0,e):r?(e[e.length-1]+=t,r=!1,e):e.concat(t)},[]).map(function(e){return ie(e,n,t,o)})}),c.forEach(function(e,t){e.forEach(function(o,i){W(o)&&(n[t]+=o*("-"===e[i-1]?-1:1))})}),n}function ae(e,t){var o=t.offset,i=e.placement,n=e.offsets,a=n.popper,r=n.reference,s=i.split("-")[0],l=void 0;return l=W(+o)?[+o,0]:ne(o,a,r,s),"left"===s?(a.top+=l[0],a.left-=l[1]):"right"===s?(a.top+=l[0],a.left+=l[1]):"top"===s?(a.left+=l[0],a.top-=l[1]):"bottom"===s&&(a.left+=l[0],a.top+=l[1]),e.popper=a,e}function re(e,t){var o=t.boundariesElement||c(e.instance.popper);e.instance.reference===o&&(o=c(o));var i=M("transform"),n=e.instance.popper.style,a=n.top,r=n.left,s=n[i];n.top="",n.left="",n[i]="";var l=x(e.instance.popper,e.instance.reference,t.padding,o,e.positionFixed);n.top=a,n.left=r,n[i]=s,t.boundaries=l;var d=t.priority,v=e.offsets.popper,u={primary:function(e){var o=v[e];return v[e]l[e]&&!t.escapeWithReference&&(i=Math.min(v[o],l[e]-("right"===e?v.width:v.height))),ye({},o,i)}};return d.forEach(function(e){var t=["left","top"].indexOf(e)!==-1?"primary":"secondary";v=we({},v,u[t](e))}),e.offsets.popper=v,e}function se(e){var t=e.placement,o=t.split("-")[0],i=t.split("-")[1];if(i){var n=e.offsets,a=n.reference,r=n.popper,s=["bottom","top"].indexOf(o)!==-1,l=s?"left":"top",c=s?"width":"height",d={start:ye({},l,a[l]),end:ye({},l,a[l]+a[c]-r[c])};e.offsets.popper=we({},r,d[i])}return e}function le(e){if(!X(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,o=L(e.instance.modifiers,function(e){return"preventOverflow"===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right=0){ue=1;break}var pe=de&&window.Promise,he=pe?o:i,fe=de&&!(!window.MSInputMethodContext||!document.documentMode),me=de&&/MSIE 10/.test(navigator.userAgent),be=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},ge=function(){function e(e,t){for(var o=0;o2&&void 0!==arguments[2]?arguments[2]:{};be(this,e),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=he(this.update.bind(this)),this.options=we({},e.Defaults,a),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=t&&t.jquery?t[0]:t,this.popper=o&&o.jquery?o[0]:o,this.options.modifiers={},Object.keys(we({},e.Defaults.modifiers,a.modifiers)).forEach(function(t){i.options.modifiers[t]=we({},e.Defaults.modifiers[t]||{},a.modifiers?a.modifiers[t]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return we({name:e},i.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&n(e.onLoad)&&e.onLoad(i.reference,i.popper,i.options,e,i.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return ge(e,[{key:"update",value:function(){return B.call(this)}},{key:"destroy",value:function(){return z.call(this)}},{key:"enableEventListeners",value:function(){return R.call(this)}},{key:"disableEventListeners",value:function(){return V.call(this)}}]),e}();De.Utils=("undefined"!=typeof window?window:e).PopperUtils,De.placements=Ce,De.Defaults=Ee,t.a=De}).call(t,o(18))},function(e,t){function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function n(e){if(d===setTimeout)return setTimeout(e,0);if((d===o||!d)&&setTimeout)return d=setTimeout,setTimeout(e,0);try{return d(e,0)}catch(t){try{return d.call(null,e,0)}catch(t){return d.call(this,e,0)}}}function a(e){if(v===clearTimeout)return clearTimeout(e);if((v===i||!v)&&clearTimeout)return v=clearTimeout,clearTimeout(e);try{return v(e)}catch(t){try{return v.call(null,e)}catch(t){return v.call(this,e)}}}function r(){h&&_&&(h=!1,_.length?p=_.concat(p):f=-1,p.length&&s())}function s(){if(!h){var e=n(r);h=!0;for(var t=p.length;t;){for(_=p,p=[];++f1)for(var o=1;o=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},o(199),t.setImmediate=setImmediate,t.clearImmediate=clearImmediate},function(e,t,o){"use strict";function i(e){o(178)}var n=o(49),a=o(309),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(164)}var n=o(50),a=o(294),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";var i=o(51),n=o(277),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);t.a=c.exports},function(e,t,o){"use strict";function i(e){o(192)}var n=o(52),a=o(323),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(196)}var n=o(53),a=o(327),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(142)}var n=o(54),a=o(270),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(138)}var n=o(55),a=o(266),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";var i=o(56),n=o(271),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);t.a=c.exports},function(e,t,o){"use strict";var i=o(57),n=o(307),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);t.a=c.exports},function(e,t,o){"use strict";function i(e){o(189)}var n=o(58),a=o(320),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(157)}var n=o(59),a=o(287),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(193)}var n=o(60),a=o(324),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(188)}var n=o(61),a=o(319),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(160)}var n=o(62),a=o(290),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(191)}var n=o(63),a=o(322),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(149)}var n=o(64),a=o(279),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(136)}var n=o(65),a=o(263),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(194)}var n=o(66),a=o(325),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(169)}var n=o(67),a=o(299),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(154)}var n=o(68),a=o(284),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);
+t.a=d.exports},function(e,t,o){"use strict";function i(e){o(143)}var n=o(69),a=o(272),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(163)}var n=o(70),a=o(293),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";var i=o(71),n=o(264),a=o(0),r=null,s=null,l=null,c=a(i.a,n.a,r,s,l);t.a=c.exports},function(e,t,o){"use strict";function i(e){o(134)}var n=o(72),a=o(261),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(126)}var n=o(73),a=o(253),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(180)}var n=o(74),a=o(311),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(130)}var n=o(75),a=o(257),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(156)}var n=o(76),a=o(286),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(168)}var n=o(77),a=o(298),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(132)}var n=o(78),a=o(259),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(135)}var n=o(79),a=o(262),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(177)}var n=o(80),a=o(308),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(128)}var n=o(81),a=o(255),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(175)}var n=o(82),a=o(305),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(139)}var n=o(83),a=o(267),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(131)}var n=o(85),a=o(258),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(145)}var n=o(88),a=o(274),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(172)}var n=o(90),a=o(302),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(190)}var n=o(92),a=o(321),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(150)}var n=o(93),a=o(280),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(170)}var n=o(94),a=o(300),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(186)}var n=o(95),a=o(317),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(148)}var n=o(96),a=o(278),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(179)}var n=o(97),a=o(310),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(158)}var n=o(102),a=o(288),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(141)}var n=o(105),a=o(269),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(182)}var n=o(112),a=o(313),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(127)}var n=o(113),a=o(254),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(129)}var n=o(115),a=o(256),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(151)}var n=o(118),a=o(281),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";function i(e){o(185)}var n=o(121),a=o(316),r=o(0),s=i,l=null,c=null,d=r(n.a,a.a,s,l,c);t.a=d.exports},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-radio-group",class:e.classes},[e.label||e.$slots.default?o("div",{staticClass:"ui-radio-group__label-text"},[e._t("default",[e._v(e._s(e.label))])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-radio-group__radios"},e._l(e.options,function(t){return o("ui-radio",{key:t[e.keys.id],staticClass:"ui-radio-group__radio",class:t[e.keys.class],attrs:{"button-position":e.buttonPosition,checked:e.isOptionCheckedByDefault(t),color:e.color,disabled:e.disabled||t[e.keys.disabled],id:t[e.keys.id],name:e.name,tabindex:e.tabindex,"true-value":t[e.keys.value]||t},on:{blur:e.onBlur,focus:e.onFocus},model:{value:e.selectedOptionValue,callback:function(t){e.selectedOptionValue=t},expression:"selectedOptionValue"}},[e._v(e._s(t[e.keys.label]||t))])}),1),e._v(" "),e.hasFeedback?o("div",{staticClass:"ui-radio-group__feedback"},[e.showError?o("div",{staticClass:"ui-radio-group__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-radio-group__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e()]):e._e()])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-select"},[o("h2",{staticClass:"page__title"},[e._v("UiSelect")]),e._v(" "),o("p",[e._v("UiSelect is a select component that allows the user to choose one or more options from a group of pre-defined or dynamically loaded options. It supports default options, multiple selection and filtering.")]),e._v(" "),o("p",[e._v("UiSelect can show a label above the input, an icon, as well as help or error below the input. It is keyboard accessible and supports a disabled state.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",options:e.colourStrings},model:{value:e.select1,callback:function(t){e.select1=t},expression:"select1"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With floating label")]),e._v(" "),o("ui-select",{attrs:{"floating-label":"",label:"Favourite colour",placeholder:"Select a colour",options:e.colourStrings},model:{value:e.select2,callback:function(t){e.select2=t},expression:"select2"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon")]),e._v(" "),o("ui-select",{attrs:{icon:"colorize",label:"Favourite colour",placeholder:"Select a colour",options:e.colourStrings},model:{value:e.select2o5,callback:function(t){e.select2o5=t},expression:"select2o5"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With a default selection")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",options:e.colourStrings},model:{value:e.select3,callback:function(t){e.select3=t},expression:"select3"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: image")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",type:"image",options:e.colours},model:{value:e.select4,callback:function(t){e.select4=t},expression:"select4"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: image, with a default selection")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colour",placeholder:"Select a colour",type:"image",options:e.colours},model:{value:e.select5,callback:function(t){e.select5=t},expression:"select5"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With help")]),e._v(" "),o("ui-select",{attrs:{help:"You favourite colour will be used on your profile page",label:"Favourite colour",placeholder:"Select a colour",type:"image",options:e.colours},model:{value:e.select6,callback:function(t){e.select6=t},expression:"select6"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multiple selection")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:e.colours},model:{value:e.select7,callback:function(t){e.select7=t},expression:"select7"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multiple selection with defaults")]),e._v(" "),o("ui-select",{attrs:{label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:e.colours},model:{value:e.select8,callback:function(t){e.select8=t},expression:"select8"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With search")]),e._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",options:e.colours},model:{value:e.select9,callback:function(t){e.select9=t},expression:"select9"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With validation")]),e._v(" "),o("ui-select",{attrs:{error:"You must select at least 2 colours","has-search":"",help:"Select 2 or more colours",label:"Favourite colours",multiple:"",placeholder:"Select some colours",type:"image",invalid:e.select10Touched&&e.select10.length<2,options:e.colours},on:{touch:function(t){e.select10Touched=!0}},model:{value:e.select10,callback:function(t){e.select10=t},expression:"select10"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With dynamic options (remote search)")]),e._v(" "),o("ui-select",{attrs:{"disable-filter":"","has-search":"",label:"Favourite colours",placeholder:"Select a colour","search-placeholder":'Type "red" or "blue"',type:"image",loading:e.select11Loading,"no-results":e.select11NoResults,options:e.select11Options},on:{"query-change":e.onQueryChange},model:{value:e.select11,callback:function(t){e.select11=t},expression:"select11"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With many options (248)")]),e._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Country",placeholder:"Select your country",keys:{label:"name",value:"code"},options:e.countries},model:{value:e.select12,callback:function(t){e.select12=t},expression:"select12"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With custom template")]),e._v(" "),o("ui-select",{attrs:{"has-search":"",label:"Favourite colours",multiple:"",placeholder:"Select some colours",options:e.colourStrings},scopedSlots:e._u([{key:"option",fn:function(t){return[o("code",[e._v(e._s(t))])]}}]),model:{value:e.select12o5,callback:function(t){e.select12o5=t},expression:"select12o5"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-select",{attrs:{disabled:"",label:"Favourite colour",placeholder:"Select a colour"},model:{value:e.select13,callback:function(t){e.select13=t},expression:"select13"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled with a selection")]),e._v(" "),o("ui-select",{attrs:{disabled:"",label:"Favourite colour",placeholder:"Select a colour",options:e.colourStrings},model:{value:e.select14,callback:function(t){e.select14=t},expression:"select14"}})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the select's hidden input element. Useful when traditionally submitting a form the select is a part of.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("String, Number, Object or Array")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model the selected value or values sync to. Can be set initially for default value/values.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("options")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td",[o("code",[e._v("[]")])]),e._v(" "),o("td",[o("p",[e._v("An array of options to show to the user.")]),e._v(" "),o("p",[e._v("Can be a plain array, e.g. "),o("code",[e._v("['Red', 'Blue', 'Green']")]),e._v(" as well as an array of objects.")]),e._v(" "),o("p",[e._v("For a plain array, the option is shown to the user and it is used for filtering.")]),e._v(" "),o("p",[e._v("For an array of objects, the "),o("code",[e._v("label")]),e._v(" is shown to the user and is used for filtering, and the "),o("code",[e._v("value")]),e._v(" is submitted to the server. If provided, "),o("code",[e._v("class")]),e._v(", will be applied to the option element's "),o("code",[e._v("class")]),e._v(" attribute. You can redefine these keys to fit your data using the "),o("code",[e._v("keys")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("The entire option is written to the model when the user makes a selection.")])])]),e._v(" "),o("tr",[o("td",[e._v("multiple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the user can select multiple options.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to allow multiple selection.")])])]),e._v(" "),o("tr",[o("td",[e._v("multipleDelimiter")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('", "')])]),e._v(" "),o("td",[e._v("The delimiter (separator) to use for displaying multiple selected options.")])]),e._v(" "),o("tr",[o("td",[e._v("placeholder")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("Text to display in the select when no option is selected.")])]),e._v(" "),o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"basic"')])]),e._v(" "),o("td",[o("p",[e._v("The type of template to use for rendering each option. One of "),o("code",[e._v("basic")]),e._v(" or "),o("code",[e._v("image")]),e._v(".")]),e._v(" "),o("p",[e._v("The default type is "),o("code",[e._v("basic")]),e._v(", which simply renders the option text.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("image")]),e._v(" type renders each option with with an image. To use, set "),o("code",[e._v("type")]),e._v(" to "),o("code",[e._v("image")]),e._v(" and set an image URL as the "),o("code",[e._v("image")]),e._v(" property on each option. You can redefine the "),o("code",[e._v("image")]),e._v(" key to fit your data using the "),o("code",[e._v("keys")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("You can also render each option with a custom template using the "),o("code",[e._v("option")]),e._v(" scoped slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("hasSearch")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to show a search input for filtering the select options or getting a query for remote search.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show a search input.")])])]),e._v(" "),o("tr",[o("td",[e._v("searchPlaceholder")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("placeholder")]),e._v(" attribute of the search input.")])]),e._v(" "),o("tr",[o("td",[e._v("filter")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td",[o("a",{attrs:{href:"https://github.com/bevacqua/fuzzysearch",target:"_blank",rel:"noopener"}},[e._v("fuzzysearch")])]),e._v(" "),o("td",[o("p",[e._v("Defines a custom filter function that is used for filtering the options when the user types into the search input.")]),e._v(" "),o("p",[e._v("The function is called for each item in the "),o("code",[e._v("options")]),e._v(" array with two arguments:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("option")]),e._v(": (Number, String or Object) - the current option")]),e._v(" "),o("li",[o("code",[e._v("query")]),e._v(": (String) - the current value of the search input (what the user has typed)")]),e._v(" "),o("li",[o("code",[e._v("defaultFilter")]),e._v(": (Function) - Keen UI's default filter function. You can call this with the option and query to defer to the default fuzzy filter behavior. Remember to return its result from your custom filter function if you're using it.")])]),e._v(" "),o("p",[e._v("The function should return "),o("code",[e._v("true")]),e._v(" if the option matches the query or "),o("code",[e._v("false")]),e._v(" otherwise.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableFilter")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to disable the internal filtering of options. With this set to "),o("code",[e._v("true")]),e._v(", you have to implement filtering externally if needed.")]),e._v(" "),o("p",[e._v("This prop is useful when you want to implement custom/remote search.")]),e._v(" "),o("p",[e._v("See the "),o("b",[e._v("With dynamic options (remote search)")]),e._v(" section above for an example usage.")])])]),e._v(" "),o("tr",[o("td",[e._v("sort")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("Defines a custom sort function that is used for sorting the options after they are filtered.")]),e._v(" "),o("p",[e._v("The function should implement the standard "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax",target:"_blank",rel:"noopener"}},[o("code",[e._v("Array.prototype.sort()")]),e._v(" compare callback")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("loading")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to show a circular progress spinner on the search input.")]),e._v(" "),o("p",[e._v("This prop is useful for showing feedback to the user when you are doing a remote search. Set to "),o("code",[e._v("true")]),e._v(" to show the spinner and "),o("code",[e._v("false")]),e._v(" to hide it.")]),e._v(" "),o("p",[e._v("See the "),o("b",[e._v("With dynamic options (remote search)")]),e._v(" section above for an example usage.")])])]),e._v(" "),o("tr",[o("td",[e._v("noResults")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the no results message is be shown.")]),e._v(" "),o("p",[e._v("The no results message will be shown if this is "),o("code",[e._v("true")]),e._v(" and following conditions are met:")]),e._v(" "),o("ul",[o("li",[e._v("The query (user input) is empty")]),e._v(" "),o("li",[e._v("The "),o("code",[e._v("loading")]),e._v(" prop is "),o("code",[e._v("false")])]),e._v(" "),o("li",[e._v("The "),o("code",[e._v("disableFilter")]),e._v(" prop is "),o("code",[e._v("true")])])]),e._v(" "),o("p",[e._v("See the "),o("b",[e._v("With dynamic options (remote search)")]),e._v(" section above for an example usage.")])])]),e._v(" "),o("tr",[o("td",[e._v("keys")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n class: 'class',\n label: 'label',\n image: 'image'\n}")])]),e._v(" "),o("td",[o("p",[e._v("Allows for redefining each option object's keys.")]),e._v(" "),o("p",[e._v("Pass an object with custom keys if your data does not match the default keys.")]),e._v(" "),o("p",[e._v("Note that if you redefine one key, you have to define all the others as well.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the select is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the select label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The select icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the select. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The select label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("floatingLabel")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the label starts out inline and moves to float above the select when it is focused.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a floating label. This will disable the select placeholder until the label is floating.")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The select "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown to the user below the select. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the select for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the select when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the select for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the select is disabled. Set to "),o("code",[e._v("true")]),e._v(" to disable the select.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the select label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("option")]),e._v(" "),o("td",[o("p",[e._v("Use this slot to render each option with a custom template. The slot is passed the following properties, which will be available through "),o("code",[e._v("scope")]),e._v(":")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("option")]),e._v(": (Object or String) - the option")]),e._v(" "),o("li",[o("code",[e._v("index")]),e._v(": (Number) - the index of the option in the array of matched options")]),e._v(" "),o("li",[o("code",[e._v("highlighted")]),e._v(": (Boolean) - whether or not the option is currently highlighted")])]),e._v(" "),o("p",[e._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[e._v("Scoped Slots documentation")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("no-results")]),e._v(" "),o("td",[o("p",[e._v("Holds the content shown to the user when there is no matching option for their query.")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the select icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the select help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the select error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("select")]),e._v(" "),o("td",[o("p",[e._v("Emitted when an option is selected. The handler is called with the selected option and an object which shows if the option was selected or deselected.")]),e._v(" "),o("p",[e._v("This object will have "),o("code",[e._v("{ selected: true }")]),e._v(" if the option was selected or "),o("code",[e._v("{ selected: false }")]),e._v(" otherwise.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@select")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("query-change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the query (the search input value) changes.")]),e._v(" "),o("p",[e._v("The handler is called with the new query. Listen for it using "),o("code",[e._v("@query-change")]),e._v(".")]),e._v(" "),o("p",[e._v("See the "),o("b",[e._v("With dynamic options (remote search)")]),e._v(" section above for an example usage.")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select value changes.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("touch")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select is focused for the first time and then blurred.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@touch")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select dropdown is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select dropdown is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-close")]),e._v(".")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the select.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("clearSelection()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to clear the current selection.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("clearQuery()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to clear the search query.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the select to its initial value. You should also reset the "),o("code",[e._v("invalid")]),e._v(" prop.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("resetTouched()")])]),e._v(" "),o("td",[e._v("Call this method to reset the touched state of the select. By default it will set the touched state to "),o("code",[e._v("false")]),e._v(", but you can pass an object with "),o("code",[e._v("{ touched: true }")]),e._v(" to set the touched state to "),o("code",[e._v("true")]),e._v(".")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSelect.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-slider",class:e.classes,attrs:{role:"slider","aria-valuemax":e.moderatedMax,"aria-valuemin":e.moderatedMin,"aria-valuenow":e.localValue,tabindex:e.disabled?null:e.tabindex||"0"},on:{blur:e.onBlur,focus:e.onFocus,keydown:[function(t){return"button"in t||!e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?(t.preventDefault(),e.decrementValue(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:(t.preventDefault(),e.decrementValue(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:(t.preventDefault(),e.incrementValue(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?(t.preventDefault(),e.incrementValue(t)):null}]}},[e.name?o("input",{staticClass:"ui-slider__hidden-input",attrs:{type:"hidden",name:e.name},domProps:{value:e.value}}):e._e(),e._v(" "),e.hasIcon?o("div",{staticClass:"ui-slider__icon"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{ref:"track",staticClass:"ui-slider__track",on:{mousedown:e.onDragStart,touchstart:e.onDragStart}},[o("div",{staticClass:"ui-slider__track-background"},e._l(e.snapPoints,function(t){return e.snapToSteps?o("span",{staticClass:"ui-slider__snap-point",style:{left:100*e.relativeValue(t)+"%"}}):e._e()}),0),e._v(" "),o("div",{staticClass:"ui-slider__track-fill",style:e.fillStyle}),e._v(" "),o("div",{ref:"thumb",staticClass:"ui-slider__thumb",style:e.thumbStyle},[e.showMarker?o("div",{staticClass:"ui-slider__marker"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"36",height:"36"}},[o("path",{attrs:{d:"M11 .5c-1.7.2-3.4.9-4.7 2-1.1.9-2 2-2.5 3.2-1.2 2.4-1.2 5.1-.1 7.7 1.1 2.6 2.8 5 5.3 7.5 1.2 1.2 2.8 2.7 3 2.7 0 0 .3-.2.6-.5 3.2-2.7 5.6-5.6 7.1-8.5.8-1.5 1.1-2.6 1.3-3.8.2-1.4 0-2.9-.5-4.3-1.2-3.2-4.1-5.4-7.5-5.8-.5-.2-1.5-.2-2-.2z"}})]),e._v(" "),o("span",{staticClass:"ui-slider__marker-text"},[e._v(e._s(e.markerText))])]):e._e()])])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:e.disableAnimation?null:"ui-alert--transition-toggle"}},[o("div",{staticClass:"ui-alert",class:e.classes,attrs:{role:"alert"}},[o("div",{
+staticClass:"ui-alert__body"},[e.removeIcon?e._e():o("div",{staticClass:"ui-alert__icon"},[e._t("icon",["info"===e.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 9V6.984h-1.97V9h1.97zm0 8.016v-6h-1.97v6h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):e._e(),e._v(" "),"success"===e.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm2.016-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):e._e(),e._v(" "),"warning"===e.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 14.016v-4.03h-1.97v4.03h1.97zm0 3.984v-2.016h-1.97V18h1.97zm-12 3L12 2.016 23.016 21H.986z"}})])]):e._e(),e._v(" "),"error"===e.type?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 12.984v-6h-1.97v6h1.97zm0 4.032V15h-1.97v2.016h1.97zm-.984-15c5.53 0 9.984 4.453 9.984 9.984S17.53 21.984 12 21.984 2.016 17.53 2.016 12 6.47 2.016 12 2.016z"}})])]):e._e()])],2),e._v(" "),o("div",{staticClass:"ui-alert__content"},[e._t("default")],2),e._v(" "),o("div",{staticClass:"ui-alert__dismiss-button"},[e.dismissible?o("ui-close-button",{attrs:{size:"small"},on:{click:e.dismissAlert}}):e._e()],1)])])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-snackbar-container",class:e.classes},e._l(e.queue,function(t,i){return o("ui-snackbar",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"snackbar.show"}],key:i,attrs:{"action-color":t.actionColor,action:t.action,message:t.message,transition:e.transition},on:{"action-click":function(o){e.onActionClick(t)},click:function(o){e.onClick(t)},hide:function(o){e.onHide(t,i)},show:function(o){e.onShow(t)}}},[e.allowHtml?o("div",{domProps:{innerHTML:e._s(t.message)}}):e._e()])}),1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-snackbar"},[o("h2",{staticClass:"page__title"},[e._v("UiSnackbar")]),e._v(" "),o("p",[e._v("UiSnackbar provides lightweight feedback about an operation by showing a brief message at the bottom of the screen. Snackbars can contain an action.")]),e._v(" "),o("p",[e._v("UiSnackbarContainer allows you to create and manage multiple snackbars, controlling their visibility to ensure only one snackbar is shown at a time. The transition and position of snackbars relative to the container can be customized.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-snackbar",[e._v("Post published")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With action")]),e._v(" "),o("ui-snackbar",{attrs:{action:"Retry"}},[e._v("Database connection failed")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multi-line")]),e._v(" "),o("ui-snackbar",[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis.\n ")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Action color: primary")]),e._v(" "),o("ui-snackbar",{attrs:{action:"Undo","action-color":"primary"}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis.\n ")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("UiSnackbarContainer demo")]),e._v(" "),o("div",{staticClass:"preview-controls"},[o("ui-radio-group",{attrs:{name:"position",options:["left","center","right"]},model:{value:e.position,callback:function(t){e.position=t},expression:"position"}},[e._v("Position")]),e._v(" "),o("ui-radio-group",{attrs:{name:"transition",options:["slide","fade"]},model:{value:e.transition,callback:function(t){e.transition=t},expression:"transition"}},[e._v("Transition")]),e._v(" "),o("ui-switch",{model:{value:e.queueSnackbars,callback:function(t){e.queueSnackbars=t},expression:"queueSnackbars"}},[e._v("\n Queue snackbars: "+e._s(e.queueSnackbars?"On":"Off")+"\n ")]),e._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter a message"},model:{value:e.message,callback:function(t){e.message=t},expression:"message"}},[e._v("Snackbar message")]),e._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter action button text"},model:{value:e.action,callback:function(t){e.action=t},expression:"action"}},[e._v("Action text")]),e._v(" "),o("ui-radio-group",{attrs:{name:"action_color",options:["accent","primary"]},model:{value:e.actionColor,callback:function(t){e.actionColor=t},expression:"actionColor"}},[e._v("Action color")]),e._v(" "),o("ui-textbox",{attrs:{placeholder:"Enter the duration in seconds",type:"number"},model:{value:e.duration,callback:function(t){e.duration=e._n(t)},expression:"duration"}},[e._v("Duration (seconds)")]),e._v(" "),o("ui-button",{on:{click:e.createSnackbar}},[e._v("Create snackbar")])],1),e._v(" "),o("div",{staticClass:"preview-pane"},[o("ui-snackbar-container",{ref:"snackbarContainer",attrs:{position:e.position,transition:e.transition,"queue-snackbars":e.queueSnackbars}})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API: UiSnackbar")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("message")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The snackbar message (text-only). For HTML (not recommended), use the default slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("action")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The snackbar action button text.")]),e._v(" "),o("p",[e._v("Setting this prop will show an action button. Otherwise, no action button is shown.")])])]),e._v(" "),o("tr",[o("td",[e._v("actionColor")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"accent"')])]),e._v(" "),o("td",[o("p",[e._v("The snackbar action button text color. One of "),o("code",[e._v("accent")]),e._v(" or "),o("code",[e._v("primary")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("transition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"slide"')])]),e._v(" "),o("td",[o("p",[e._v("The snackbar show/hide transition. One of "),o("code",[e._v("slide")]),e._v(" or "),o("code",[e._v("fade")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the snackbar text and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("show")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the snackbar is shown.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@show")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("hide")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the snackbar is hidden. You should listen for this event and remove the snackbar.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@hide")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("click")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the snackbar is clicked. You should listen for this event and remove the snackbar.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@click")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("action-click")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the snackbar action is clicked.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@action-click")]),e._v(".")])])])])])])])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API: UiSnackbarContainer")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("duration")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("5000")])]),e._v(" "),o("td",[o("p",[e._v("The default duration in milliseconds of snackbars shown in this container.")]),e._v(" "),o("p",[e._v("Only applies to snackbars created without a duration.")])])]),e._v(" "),o("tr",[o("td",[e._v("queueSnackbars")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not snackbars should be queued and shown one after the other.")]),e._v(" "),o("p",[e._v("By default, creating a new snackbar while one is visible will cause the visible one to immediately transition out for the new one.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to ensure that each snackbar is shown for its complete duration.")])])]),e._v(" "),o("tr",[o("td",[e._v("allowHtml")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not snackbars created in this container can have HTML in their "),o("code",[e._v("message")]),e._v(" property.")]),e._v(" "),o("p",[e._v("Set this prop to "),o("code",[e._v("true")]),e._v(" to allow HTML in the snackbars created in this container.")]),e._v(" "),o("p",[o("b",[e._v("Note")]),e._v(": Using HTML in snackbars is not recommended.")])])]),e._v(" "),o("tr",[o("td",[e._v("position")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of snackbars relative to the container. One of "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("center")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("transition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"slide"')])]),e._v(" "),o("td",[o("p",[e._v("The show/hide transition of snackbars in the container. One of "),o("code",[e._v("slide")]),e._v(" or "),o("code",[e._v("fade")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("snackbar-show")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a snackbar is shown in the container. The handler is called with the snackbar.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@snackbar-show")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("snackbar-hide")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a snackbar is hidden from the container. The handler is called with the snackbar.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@snackbar-hide")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("queue-end")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the last snackbar in a queue is hidden.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@queue-end")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("createSnackbar()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to create a new snackbar, passing in an options object with any of the props of UiSnackbar.")]),e._v(" "),o("p",[e._v("You can also specify the following additional properties and callback functions on the options object:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("duration")]),e._v(" (Number) - the duration of the snackbar in milliseconds.")]),e._v(" "),o("li",[o("code",[e._v("onShow")]),e._v(" (Function) - called when the snackbar is shown, passed the snackbar object.")]),e._v(" "),o("li",[o("code",[e._v("onHide")]),e._v(" (Function) - called when the snackbar is hidden, passed the snackbar object.")]),e._v(" "),o("li",[o("code",[e._v("onClick")]),e._v(" (Function) - called when the snackbar is clicked, passed the snackbar object.")]),e._v(" "),o("li",[o("code",[e._v("onActionClick")]),e._v(" (Function) - called when the snackbar action is clicked, passed the snackbar object.")])])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSnackbar.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-calendar",class:e.classes},[o("ui-calendar-controls",{ref:"controls",staticClass:"ui-calendar__header",attrs:{color:e.color,"date-in-view":e.dateInView,lang:e.lang,"max-date":e.maxDate,"min-date":e.minDate,"year-range":e.yearRange},on:{"go-to-date":e.goToDate}}),e._v(" "),o("div",{staticClass:"ui-calendar__body"},[o("ui-calendar-month",{ref:"month",attrs:{color:e.color,"date-in-view":e.dateInView,lang:e.lang,selected:e.value,"start-of-week":e.startOfWeek,"square-cells":e.squareCells},on:{change:e.onMonthChange,"date-select":e.onDateSelect},scopedSlots:e._u([{key:"date",fn:function(t){return[e.$scopedSlots.date?e._t("date",null,{date:t.date}):[e._v(e._s(t.date.getDate()))]]}}])})],1)],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-textbox"},[o("h2",{staticClass:"page__title"},[e._v("UiTextbox")]),e._v(" "),o("p",[e._v("UiTextbox is a versatile text input component with support for hover, focus, active, invalid and disabled states.")]),e._v(" "),o("p",[e._v("A label can be shown above the textbox as well as help or error below the textbox. UiTextbox can show an icon to the left or right of the input. It can also show a counter of the number of characters entered.")]),e._v(" "),o("p",[e._v("UiTextbox supports multi-line text input (textarea) and the textbox will grow by default to fit its content.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-textbox",{attrs:{label:"Name",placeholder:"Enter your name"},model:{value:e.textbox1,callback:function(t){e.textbox1=t},expression:"textbox1"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Floating label")]),e._v(" "),o("ui-textbox",{attrs:{"floating-label":"",label:"Name",placeholder:"Enter your name"},model:{value:e.textbox2,callback:function(t){e.textbox2=t},expression:"textbox2"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-textbox",{attrs:{disabled:"",label:"Name",placeholder:"Enter your name"},model:{value:e.textbox3,callback:function(t){e.textbox3=t},expression:"textbox3"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With default value")]),e._v(" "),o("ui-textbox",{attrs:{label:"Name",placeholder:"Enter your name"},model:{value:e.textbox4,callback:function(t){e.textbox4=t},expression:"textbox4"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With default value, disabled")]),e._v(" "),o("ui-textbox",{attrs:{disabled:"",label:"Name",placeholder:"Enter your name"},model:{value:e.textbox5,callback:function(t){e.textbox5=t},expression:"textbox5"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With help")]),e._v(" "),o("ui-textbox",{attrs:{help:"If you have multiple names, enter the one you prefer",label:"Name",placeholder:"Enter your name"},model:{value:e.textbox6,callback:function(t){e.textbox6=t},expression:"textbox6"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon")]),e._v(" "),o("ui-textbox",{attrs:{icon:"phone",label:"Phone number",placeholder:"Enter your phone number",type:"tel"},model:{value:e.textbox7,callback:function(t){e.textbox7=t},expression:"textbox7"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon, no label")]),e._v(" "),o("ui-textbox",{attrs:{icon:"search",placeholder:"Search"},model:{value:e.textbox8,callback:function(t){e.textbox8=t},expression:"textbox8"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("iconPosition: right, with help")]),e._v(" "),o("ui-textbox",{attrs:{help:"If you have multiple email addresses, enter the one you use the most","icon-position":"right",icon:"mail",label:"Email address",placeholder:"Enter your email address",type:"email"},model:{value:e.textbox9,callback:function(t){e.textbox9=t},expression:"textbox9"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With validation: required")]),e._v(" "),o("ui-textbox",{attrs:{autocomplete:"off",error:"This field is required",help:"If you have multiple names, enter the one you prefer",label:"Name",placeholder:"Enter your name",required:"",invalid:e.textbox10Touched&&0===e.textbox10.length},on:{touch:function(t){e.textbox10Touched=!0}},model:{value:e.textbox10,callback:function(t){e.textbox10=t},expression:"textbox10"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With validation and counter (max length)")]),e._v(" "),o("ui-textbox",{attrs:{error:"The username may not be more than 16 characters",help:"Pick a unique username not more than 16 characters",icon:"person",label:"Username",placeholder:"Enter a username",maxlength:16,invalid:e.textbox11.length>16},model:{value:e.textbox11,callback:function(t){e.textbox11=t},expression:"textbox11"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: number, min: 0, max: 99")]),e._v(" "),o("ui-textbox",{attrs:{help:"The ideal number of cats a person should own, minimum 0, maximum 99",label:"Number of Cats",placeholder:"Enter number of cats",type:"number",min:0,max:99},model:{value:e.textbox12,callback:function(t){e.textbox12=e._n(t)},expression:"textbox12"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multi-line (textarea)")]),e._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"",help:"Maximum 256 characters",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:e.textbox13,callback:function(t){e.textbox13=t},expression:"textbox13"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multi-line (textarea) with floating label")]),e._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"","floating-label":"",help:"Maximum 256 characters",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:e.textbox14,callback:function(t){e.textbox14=t},expression:"textbox14"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multi-line (textarea) with icon")]),e._v(" "),o("ui-textbox",{attrs:{"enforce-maxlength":"",help:"Maximum 256 characters",icon:"face",label:"Short bio",placeholder:"Introduce yourself in a few words","multi-line":!0,maxlength:256},model:{value:e.textbox15,callback:function(t){e.textbox15=t},expression:"textbox15"}})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the textbox input element.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model")]),e._v(" "),o("td",[e._v("String, Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model that the textbox value syncs to. Can be set initially as a default value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"text"')])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("type")]),e._v(" attribute of the textbox input element.")]),e._v(" "),o("p",[e._v("Supported values are "),o("code",[e._v("text")]),e._v(", "),o("code",[e._v("password")]),e._v(", "),o("code",[e._v("search")]),e._v(", "),o("code",[e._v("email")]),e._v(", "),o("code",[e._v("url")]),e._v(", "),o("code",[e._v("tel")]),e._v(", and "),o("code",[e._v("number")]),e._v(". Other values for which the browser shows a custom UI may work, but are not supported.")]),e._v(" "),o("p",[e._v("Only applicable when "),o("code",[e._v("multiLine")]),e._v(" is "),o("code",[e._v("false")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("placeholder")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("placeholder")]),e._v(" attribute of the textbox input element.")])]),e._v(" "),o("tr",[o("td",[e._v("multiLine")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the textbox is a rendered as a textarea.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to render a textarea.")])])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the input is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the textbox label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("rows")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("2")])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("rows")]),e._v(" attribute of the textarea element.")]),e._v(" "),o("p",[e._v("Only applicable when the "),o("code",[e._v("multiLine")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("required")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("required")]),e._v(" attribute of the textbox input and textarea elements.")])])]),e._v(" "),o("tr",[o("td",[e._v("readonly")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("readonly")]),e._v(" attribute of the textbox input and textarea elements.")])])]),e._v(" "),o("tr",[o("td",[e._v("autofocus")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the textbox should automatically receive focus when it is rendered for the first time.")]),e._v(" "),o("p",[e._v("Only one input element should have this prop set to "),o("code",[e._v("true")]),e._v(" in the document for the autofocus to work properly.")])])]),e._v(" "),o("tr",[o("td",[e._v("autocomplete")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The type of autocomplete suggestions the browser should offer for the input.")]),e._v(" "),o("p",[e._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete",target:"_blank",rel:"noopener"}},[e._v("autocomplete attribute docs")]),e._v(" for more info.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v('"off"')]),e._v(" to disable the browser autocomplete.")])])]),e._v(" "),o("tr",[o("td",[e._v("autosize")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the textarea should automatically grow in height to fit its content.")]),e._v(" "),o("p",[e._v("Note that when you change the textbox's value programmatically, you should call the "),o("code",[e._v("refreshSize()")]),e._v(" method to update the textarea size.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to disable auto sizing.")])])]),e._v(" "),o("tr",[o("td",[e._v("min")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("min")]),e._v(" attribute of the textbox input element.")]),e._v(" "),o("p",[e._v("Only applicable when the "),o("code",[e._v("type")]),e._v(" prop is "),o("code",[e._v('"number"')]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("max")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("max")]),e._v(" attribute of the textbox input element.")]),e._v(" "),o("p",[e._v("Only applicable when the "),o("code",[e._v("type")]),e._v(" prop is "),o("code",[e._v('"number"')]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("step")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td",[o("code",[e._v('"any"')])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("step")]),e._v(" attribute of the textbox input element.")]),e._v(" "),o("p",[e._v("Only applicable when the "),o("code",[e._v("type")]),e._v(" prop is "),o("code",[e._v('"number"')]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("maxlength")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("maxlength")]),e._v(" attribute of the input and textarea elements. When set, a character counter will be shown below the textbox.")]),e._v(" "),o("p",[e._v("The max length restriction is only enforced when the "),o("code",[e._v("enforceMaxlength")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("enforceMaxlength")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to enforce the "),o("code",[e._v("maxlength")]),e._v(" prop as an input restriction.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to ensure that the user cannot enter more characters than "),o("code",[e._v("maxlength")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The textbox icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the textbox. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The textbox label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("floatingLabel")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the textbox label starts out inline and moves to float above the input when it is focused.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a floating label. This will disable the input placeholder.")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The textbox input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown below the textbox. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the textbox for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the textbox input when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the textbox for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the input is disabled. Set to "),o("code",[e._v("true")]),e._v(" to disable the input.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the autocomplete label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the textbox icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the textbox help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the textbox error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the select value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a change in the textbox value is committed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[e._v("onchange event documentation")]),e._v(" for more information.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("touch")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the textbox is focused for the first time and then blurred.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@touch")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the textbox is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the textbox loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("keydown")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a key is pressed in the input. The handler is called with the event object.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@keydown")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{
+staticClass:"no-wrap"},[e._v("keydown-enter")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the Enter key is pressed in the input. The handler is called with the event object.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@keydown-enter")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the textbox.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the textbox to its initial value. You should also reset the "),o("code",[e._v("invalid")]),e._v(" prop.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("resetTouched()")])]),e._v(" "),o("td",[e._v("Call this method to reset the touched state of the textbox. By default it will set the touched state to "),o("code",[e._v("false")]),e._v(", but you can pass an object with "),o("code",[e._v("{ touched: true }")]),e._v(" to set the touched state to "),o("code",[e._v("true")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("refreshSize()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to refresh the size of the textarea when you change the value programmatically.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTextbox.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("label",{staticClass:"ui-radio",class:e.classes,on:{click:e.toggleCheck}},[o("div",{staticClass:"ui-radio__input-wrapper"},[o("input",{ref:"input",staticClass:"ui-radio__input",attrs:{type:"radio",disabled:e.disabled,name:e.name,tabindex:e.tabindex},domProps:{checked:e.checked,value:e.trueValue},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus}}),e._v(" "),o("div",{staticClass:"ui-radio__focus-ring"}),e._v(" "),o("span",{staticClass:"ui-radio__outer-circle"}),e._v(" "),o("span",{staticClass:"ui-radio__inner-circle"})]),e._v(" "),e.label||e.$slots.default?o("div",{staticClass:"ui-radio__label-text"},[e._t("default",[e._v(e._s(e.label))])],2):e._e()])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-ripple-ink"},[o("h2",{staticClass:"page__title"},[e._v("UiRippleInk")]),e._v(" "),o("p",[e._v("UiRippleInk shows a ripple ink animation when the element it is associated with is touched or clicked. The ripple ink color and opacity can be customized.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Color: blue")]),e._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--tv-shows page__demo-group--color-blue has-custom-color"},e._l(e.tvShows,function(e,t){return o("image-pane",{key:t,attrs:{image:e.image}})}),1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: orange, Opacity: 0.95")]),e._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--the-simpsons page__demo-group--color-orange has-custom-color has-custom-opacity\n "},e._l(e.theSimpsons,function(e,t){return o("image-pane",{key:t,attrs:{image:e.image}})}),1)]),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("trigger")]),e._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[e._v("Element")]),e._v(", String, VueComponent")]),e._v(" "),o("td",[e._v("Parent element")]),e._v(" "),o("td",[o("p",[e._v("An Element or VueComponent instance to use for the trigger, or a CSS selector string.")]),e._v(" "),o("p",[e._v('Make sure this element is "positioned" (i.e. its CSS '),o("code",[e._v("position")]),e._v(" property is set to either "),o("code",[e._v("relative")]),e._v(" or "),o("code",[e._v("absolute")]),e._v(").")]),e._v(" "),o("p",[e._v("The ripple event listeners will be attached to this element, and when it's clicked or touched, a ripple ink animation will be shown on the element.")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("trigger")]),e._v(" is not provided or the selector doesn't match any element, the ripple's immediate parent element is used as the trigger. Note that the parent used is the ripple's parent in the DOM, not the Vue parent component.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("To customize the color, use CSS to set the "),o("code",[e._v("color")]),e._v(" property on the containing element (which the ripple ink will inherit as background color) or set the "),o("code",[e._v("background-color")]),e._v(" property on "),o("code",[e._v(".ui-ripple-ink__ink")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("To customize the opacity, use CSS to set the "),o("code",[e._v("opacity")]),e._v(" property on "),o("code",[e._v(".ui-ripple-ink__ink")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiRippleInk is used internally by many components, including "),o("a",{attrs:{href:"#/ui-button"}},[e._v("UiButton")]),e._v(", "),o("a",{attrs:{href:"#/ui-collapsible"}},[e._v("UiCollapsible")]),e._v(", "),o("a",{attrs:{href:"#/ui-icon-button"}},[e._v("UiIconButton")]),e._v(", "),o("a",{attrs:{href:"#/ui-fab"}},[e._v("UiFab")]),e._v(", "),o("a",{attrs:{href:"#/ui-menu"}},[e._v("UiMenu")]),e._v(", and "),o("a",{attrs:{href:"#/ui-tabs"}},[e._v("UiTabs")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRippleInk.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-toolbar"},[o("h2",{staticClass:"page__title"},[e._v("UiToolbar")]),e._v(" "),o("p",[e._v("UiToolbar components shows a toolbar with a navigation icon, branding, title, and actions.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton1",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton1.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Raised: false")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{title:"Inbox",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton2",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton2.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With brand")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{brand:"Mail App",title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton3",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton3.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: colored")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{type:"colored","text-color":"white",title:"Inbox"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton4",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton4.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: colored, with brand")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{brand:"Mail App","text-color":"white",title:"Inbox",type:"colored"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton6",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton6.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: colored, with linear progress")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-toolbar",{attrs:{loading:"","text-color":"white",type:"colored"}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"refresh",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton5",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton5.closeDropdown()}},slot:"dropdown"})],1)],1),e._v("\n\n Inbox\n ")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: clear, text-color: white")]),e._v(" "),o("div",{staticClass:"page__demo-group has-photo-cover page__demo-group--photo-1"},[o("ui-toolbar",{attrs:{brand:"Photo App","text-color":"white",title:"Gallery",type:"clear",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"arrow_back",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton7",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton7.closeDropdown()}},slot:"dropdown"})],1)],1)])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: clear, text-color: black, with linear progress on top")]),e._v(" "),o("div",{staticClass:"page__demo-group has-photo-cover page__demo-group--photo-2"},[o("ui-toolbar",{attrs:{brand:"Photo App",loading:"","progress-position":"top",title:"Gallery",type:"clear",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"black",icon:"arrow_back",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton8",attrs:{color:"black","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton8.closeDropdown()}},slot:"dropdown"})],1)],1)])],1)]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Combined with tabs")]),e._v(" "),o("div",{staticClass:"page__demo-group page__demo-group--has-tabs"},[o("ui-toolbar",{attrs:{brand:"Book App","remove-brand-divider":"","text-color":"white",type:"colored",raised:!1}},[o("div",{attrs:{slot:"actions"},slot:"actions"},[o("ui-icon-button",{attrs:{color:"white",icon:"search",size:"large",type:"secondary"}}),e._v(" "),o("ui-icon-button",{ref:"dropdownButton8",attrs:{color:"white","has-dropdown":"",icon:"more_vert",size:"large",type:"secondary"}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton8.closeDropdown()}},slot:"dropdown"})],1)],1)]),e._v(" "),o("ui-tabs",{attrs:{"background-color":"primary",fullwidth:"","indicator-color":"white","text-color-active":"white","text-color":"white",type:"text"}},[o("ui-tab",{attrs:{title:"Books",icon:"book"}},[e._v("\n My Books\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Authors",icon:"people"}},[e._v("\n Authors\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Collections",icon:"collections_bookmark"}},[e._v("\n My collections\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Favourites",icon:"favorite"}},[e._v("\n My favourites\n ")])],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[e._v("The type of toolbar (determines the background color). One of "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("colored")]),e._v(" or "),o("code",[e._v("clear")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("textColor")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"black"')])]),e._v(" "),o("td",[e._v("The toolbar text and icon color. One of "),o("code",[e._v("black")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("title")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The toolbar title (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])]),e._v(" "),o("tr",[o("td",[e._v("brand")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The brand (text only). For HTML, use the "),o("code",[e._v("brand")]),e._v(" slot.")])]),e._v(" "),o("tr",[o("td",[e._v("removeBrandDivider")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("Whether or not the divider between the brand and title is removed.")]),e._v(" "),o("p",[e._v("By default, if the brand is set, the divider is shown, otherwise it is removed.")])])]),e._v(" "),o("tr",[o("td",[e._v("navIcon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"menu"')])]),e._v(" "),o("td",[o("p",[e._v("The toolbar navigation icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon or icon button using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("removeNavIcon")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the navigation icon is removed. Set to "),o("code",[e._v("true")]),e._v(" to remove the navigation icon.")])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[e._v("Whether or not the toolbar has a drop shadow. Set to "),o("code",[e._v("false")]),e._v(" to remove the drop shadow.")])]),e._v(" "),o("tr",[o("td",[e._v("progressPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"bottom"')])]),e._v(" "),o("td",[e._v("The position of the progress bar relative to the toolbar. One of "),o("code",[e._v("top")]),e._v(" or "),o("code",[e._v("bottom")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("loading")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the progress is shown. Set to "),o("code",[e._v("true")]),e._v(" to show the progress.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the toolbar title and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the toolbar navigation icon and can contain any custom or SVG icon or icon button.")])])]),e._v(" "),o("tr",[o("td",[e._v("brand")]),e._v(" "),o("td",[e._v("Holds the toolbar brand and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("actions")]),e._v(" "),o("td",[e._v("Holds the toolbar actions and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("nav-icon-click")]),e._v(" "),o("td",[e._v("Emitted when the navigation icon is clicked. Listen for it using "),o("code",[e._v("@nav-icon-click")]),e._v(".")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiToolbar has three types: "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("colored")]),e._v(" and "),o("code",[e._v("clear")]),e._v(". The toolbar can be raised (with a drop shadow) and the navigation icon, brand, title and actions can be customized using slots.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiToolbar.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-modal"},[o("h2",{staticClass:"page__title"},[e._v("UiModal")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("UiModal is keyboard accessible (can be closed with the ESC key, keep tab focus in the modal and return focus to the element that had it before the modal was open).")]),e._v(" "),o("p",[e._v("UiModal can be dismissed by one or more of these three events: on ESC key press, clicking the backdrop, or clicking the close button. These events can be customized. Dismissing can be disabled to prevent the user from closing the modal.")]),e._v(" "),o("p",[e._v("UiModal has three transition types (scale up, scale down, fade) and four sizes (small, normal, large and fullscreen). Custom sizes can be achieved using CSS.")]),e._v(" "),o("p",[e._v("The modal will automatically add a vertical scrollbar to its body when the content overflows the available space.")]),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__demo"},[o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal1")}}},[e._v("Basic Modal")]),e._v(" "),o("ui-modal",{ref:"modal1",attrs:{title:"Basic Modal"}},[e._v("\n Hello World! What's happening?\n ")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Close methods")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal2")}}},[e._v("Can't close by clicking backdrop")]),e._v(" "),o("ui-modal",{ref:"modal2",attrs:{"dismiss-on":"close-button esc",title:"Can't close by clicking backdrop"}},[e._v("\n Hello World! What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal3")}}},[e._v("Can't close at all")]),e._v(" "),o("ui-modal",{ref:"modal3",attrs:{title:"Stuck with me!",dismissible:!1}},[e._v("\n Can't close at all. Refresh the page to continue.\n ")])],1),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Custom header and footer")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal4")}}},[e._v("No header close button")]),e._v(" "),o("ui-modal",{ref:"modal4",attrs:{"remove-close-button":"",title:"Header × button is removed"}},[e._v("Hello World! What's happening?")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal5")}}},[e._v("Custom header")]),e._v(" "),o("ui-modal",{ref:"modal5"},[o("div",{attrs:{slot:"header"},slot:"header"},[o("b",[e._v("Custom")]),e._v(" header has "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML",target:"_blank",rel:"noopener"}},[e._v("HTML")])]),e._v("\n\n Hey, some "),o("b",[e._v("nice")]),e._v(" text here.\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal6")}}},[e._v("With footer")]),e._v(" "),o("ui-modal",{ref:"modal6",attrs:{title:"With footer"}},[e._v("\n Hello, World. What's happening?\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[e._v("Say Hi")]),e._v(" "),o("ui-button",{on:{click:function(t){e.closeModal("modal6")}}},[e._v("Close")])],1)])],1),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Top alignment")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal601")}}},[e._v("Aligned top")]),e._v(" "),o("ui-modal",{ref:"modal601",attrs:{title:"Aligned top","align-top":""}},[e._v("\n Hello, World. What's happening?\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[e._v("Say Hi")]),e._v(" "),o("ui-button",{on:{click:function(t){e.closeModal("modal601")}}},[e._v("Close")])],1)]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal602")}}},[e._v("Aligned top, custom margin")]),e._v(" "),o("ui-modal",{ref:"modal602",attrs:{title:"Aligned top","align-top":"","align-top-margin":200}},[e._v("\n This is aligned top, with a custom top margin of 200px.\n\n "),o("div",{attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{attrs:{color:"primary"}},[e._v("Say Hi")]),e._v(" "),o("ui-button",{on:{click:function(t){e.closeModal("modal602")}}},[e._v("Close")])],1)])],1),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Sizes")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal7")}}},[e._v("Small")]),e._v(" "),o("ui-modal",{ref:"modal7",attrs:{size:"small",title:"Small modal"}},[e._v("\n Hello, World. What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal701")}}},[e._v("Normal (default)")]),e._v(" "),o("ui-modal",{ref:"modal701",attrs:{size:"normal",title:"Normal modal"}},[e._v("\n Hello, World. What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal8")}}},[e._v("Large")]),e._v(" "),o("ui-modal",{ref:"modal8",attrs:{size:"large",title:"Large modal"}},[e._v("\n Hello, World. What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal801")}}},[e._v("Fullscreen")]),e._v(" "),o("ui-modal",{ref:"modal801",attrs:{size:"fullscreen",title:"Fullscreen modal",transition:"scale-up"}},[e._v("\n This is a fullscreen modal with a "),o("code",[e._v("scale-up")]),e._v(" transition.\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal802")}}},[e._v("Auto width")]),e._v(" "),o("ui-modal",{ref:"modal802",attrs:{size:"auto",title:"Auto width modal"}},[o("div",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. "+e._s(e.modal802Content))]),e._v(" "),o("br"),e._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:e.modal802Content,expression:"modal802Content"}],attrs:{type:"text",placeholder:"Type here to make the modal bigger"},domProps:{value:e.modal802Content},on:{input:function(t){t.target.composing||(e.modal802Content=t.target.value)}}})]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal9")}}},[e._v("Scrolling Modal")]),e._v(" "),o("ui-modal",{ref:"modal9",attrs:{title:"Scrolling Modal",transition:"scale-up"}},[o("p",[e._v("This is a scrolling modal with a "),o("code",[e._v("scale-up")]),e._v(" transition.")]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit maiores perspiciatis suscipit sit nemo. Similique dignissimos, quas nisi aperiam dolorum omnis tenetur impedit, cum eaque harum officia? Rerum ullam ratione non perferendis, vel harum quam.")]),e._v(" "),o("p",[e._v("Provident iste, iusto adipisci, tenetur harum porro omnis sequi eveniet, accusantium facilis non ipsum. Excepturi deleniti tempore error atque aperiam quia dolorum perferendis. Libero accusamus dolor ipsam soluta impedit laboriosam optio veritatis obcaecati atque, asperiores!")]),e._v(" "),o("p",[e._v("Quidem reprehenderit dolorem ducimus, expedita repellendus amet eaque voluptas molestiae debitis, adipisci obcaecati in nulla dolor eos ex illum. Quas molestiae dolores voluptatibus ullam et, quisquam nisi, consequuntur quod unde earum corporis nam harum repellat.")]),e._v(" "),o("p",[e._v("Dolores sapiente saepe a explicabo quia possimus obcaecati quasi, quod asperiores dolore velit animi in eligendi incidunt, corporis at ut ipsum quos inventore quas suscipit tempore voluptatem voluptates. Quae dicta magni commodi sed, nisi animi!")]),e._v(" "),o("p",[e._v("Itaque voluptas facere totam et explicabo, asperiores unde, cumque amet illo, hic sit excepturi quis architecto maxime. Aliquam nostrum ad blanditiis consequatur cum nulla, hic, reiciendis optio voluptate tenetur, maxime quisquam assumenda. Dignissimos corrupti, magnam.")]),e._v(" "),o("p",[e._v("Quia, dolor, dolores? Sed dolor, maxime, nihil et cupiditate adipisci vel, accusantium repellendus voluptate quisquam optio dolorem illum tenetur rem. Voluptatem, officiis. Autem porro totam non vitae, officiis, ad dolorum, architecto dolor ratione, sed eligendi.")]),e._v(" "),o("p",[e._v("Similique quidem, magni, dolores quam repellat provident? Sunt beatae ipsum, dignissimos eos iusto rem aspernatur unde commodi nam reprehenderit quis molestias accusantium. Enim quo beatae velit quisquam veritatis! Sed dolorem praesentium quidem consequuntur, impedit dolores?")]),e._v(" "),o("p",[e._v("Ab, illum necessitatibus dolorum fuga. Aspernatur repellat assumenda aliquid officia aut accusamus veniam ipsum temporibus, suscipit nulla quibusdam libero aperiam aliquam, molestias in, possimus nemo soluta vero sed architecto. Libero doloremque aliquid a quam nostrum.")]),e._v(" "),o("p",[e._v("Non quam et earum soluta quasi animi numquam perferendis magni explicabo impedit tempore ducimus aperiam natus veniam, eum esse, unde delectus velit nihil laudantium dolorum rem. Soluta dignissimos libero, laboriosam cupiditate, sint ipsum ab maiores.")]),e._v(" "),o("p",[e._v("Totam quas nobis iste iure voluptatem. Dolores tempore voluptates omnis inventore, laborum eaque aperiam eligendi, maxime beatae, exercitationem fugit. Quae non, eum dignissimos consequuntur voluptate vel ipsam quos minima sequi. Illum eius natus maxime reiciendis.")])])],1),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Transitions")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal10")}}},[e._v("Scale up")]),e._v(" "),o("ui-modal",{ref:"modal10",attrs:{title:"Scale Up Transition",transition:"scale-up"}},[e._v("\n Hello, World. What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal101")}}},[e._v("Scale down (default)")]),e._v(" "),o("ui-modal",{ref:"modal101",attrs:{title:"Scale Down Transition (default)",transition:"scale-down"}},[e._v("\n Hello, World. What's happening?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal102")}}},[e._v("Fade in")]),e._v(" "),o("ui-modal",{ref:"modal102",attrs:{title:"Fade In Transition",transition:"fade"}},[e._v("\n Hello, World. What's happening?\n ")])],1),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("h4",{staticClass:"page__demo-title"},[e._v("Nesting")]),e._v(" "),o("ui-button",{on:{click:function(t){e.openModal("modal11")}}},[e._v("Nested Modal")]),e._v(" "),o("ui-modal",{ref:"modal11",attrs:{title:"Level 1"}},[e._v("\n Level 1 modal contents here\n\n "),o("ui-button",{on:{click:function(t){e.openModal("modal12")}}},[e._v("Level 2")]),e._v(" "),o("ui-modal",{ref:"modal12",attrs:{title:"Level 2"}},[e._v("\n Level 2 modal contents here\n\n "),o("ui-button",{on:{click:function(t){e.openModal("modal13")}}},[e._v("Level 3")]),e._v(" "),o("ui-modal",{ref:"modal13",attrs:{title:"Level 3"}},[e._v("\n Level 3 modal contents here\n\n "),o("ui-button",{attrs:{color:"primary","has-dropdown":"","constrain-dropdown-to-scroll-parent":!1}},[o("div",{staticClass:"keen-docs__custom-popover-content",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[e._v("Hey")]),e._v(" there!")]),e._v(" "),o("p",[e._v("Button dropdowns can have any content, not just menus. "),o("button",[e._v("A button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit dolor eos, earum repudiandae magnam sunt vitae officiis. Quae recusandae ut quisquam saepe odit consequuntur dolore, inventore quia. Mollitia, in, culpa. "),o("button",[e._v("Another button")])])]),e._v("\n\n Dropdown\n ")])],1)],1)],1)],1)]),e._v(" "),o("h3",{
+staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("title")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"UiModal title"')])]),e._v(" "),o("td",[o("p",[e._v("The modal title (text only). For HTML, use the "),o("code",[e._v("header")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[o("p",[e._v("The size of the modal. One of "),o("code",[e._v("small")]),e._v(", "),o("code",[e._v("normal")]),e._v(", "),o("code",[e._v("large")]),e._v(", "),o("code",[e._v("fullscreen")]),e._v(", or "),o("code",[e._v("auto")]),e._v(".")]),e._v(" "),o("p",[e._v("Setting the size to "),o("code",[e._v("auto")]),e._v(" will make the modal's width grow to fit its content.")]),e._v(" "),o("p",[e._v("For more custom sizes, override the "),o("code",[e._v("width")]),e._v(" property of "),o("code",[e._v(".ui-modal__container")]),e._v(" using CSS.")])])]),e._v(" "),o("tr",[o("td",[e._v("alignTop")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the modal should be vertically aligned to the top of the viewport.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("true")]),e._v(", the modal will be top aligned, instead of vertically centered.")]),e._v(" "),o("p",[e._v("You can customize the distance from the top of the viewport using the "),o("code",[e._v("alignTopMargin")]),e._v(" prop.")])])]),e._v(" "),o("tr",[o("td",[e._v("alignTopMargin")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("60")])]),e._v(" "),o("td",[o("p",[e._v("The modal's distance from the top of the viewport, in pixels.")]),e._v(" "),o("p",[e._v("Applies only when the "),o("code",[e._v("alignTop")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("role")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"dialog"')])]),e._v(" "),o("td",[o("p",[e._v("The ARIA role for the modal (important for accessibility).")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("dialog")]),e._v(" or "),o("code",[e._v("alertdialog")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("transition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"scale-down"')])]),e._v(" "),o("td",[o("p",[e._v("The modal enter/leave transition. One of "),o("code",[e._v("scale-up")]),e._v(", "),o("code",[e._v("scale-down")]),e._v(" or "),o("code",[e._v("fade")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("removeHeader")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the modal header is removed.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to remove the modal header (useful for custom modals).")])])]),e._v(" "),o("tr",[o("td",[e._v("removeCloseButton")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the header close button is removed.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to remove the header close button.")])])]),e._v(" "),o("tr",[o("td",[e._v("preventShift")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to add a dummy scrollbar to the modal backdrop to prevent the modal shifting horizontally when the "),o("code",[e._v("")]),e._v(" scrollbar is hidden.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to prevent the modal shift.")])])]),e._v(" "),o("tr",[o("td",[e._v("dismissible")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the modal can be dismissed.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to prevent the user from dismissing the modal. This will also hide the header close button.")])])]),e._v(" "),o("tr",[o("td",[e._v("dismissOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"backdrop close-button esc"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the modal to be dismissed.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("backdrop")]),e._v(", "),o("code",[e._v("close-button")]),e._v(", or "),o("code",[e._v("esc")]),e._v(". Separate multiple events with a space.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the modal body and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("header")]),e._v(" "),o("td",[e._v("Holds the the modal header and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("footer")]),e._v(" "),o("td",[e._v("Holds the the modal footer and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the modal starts to open.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("reveal")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the modal is revealed (i.e. when the open transition completes).")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@reveal")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the modal starts to close.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("hide")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the modal close transition completes.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@hide")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("open()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to open the modal.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("close()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to close the modal.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiModal is used to show modal dialogs. The modal's header, body and footer can be customized using "),o("code",[e._v("slots")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiModal.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-radio-group"},[o("h2",{staticClass:"page__title"},[e._v("UiRadioGroup")]),e._v(" "),o("p",[e._v("UiRadioGroup shows a group of mutually exclusive radio buttons. It supports hover, focus and disabled states. One or more options in the group can be disabled or the entire group can be disabled.")]),e._v(" "),o("p",[e._v("UiRadioGroup can show a label above the group as well as help or error below the group and it allows for resetting the group to its initial state.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-radio-group",{attrs:{name:"group1",options:["Ned","Rod","Todd"]},model:{value:e.group1,callback:function(t){e.group1=t},expression:"group1"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With default selection")]),e._v(" "),o("ui-radio-group",{attrs:{name:"group2",options:e.options.defaultGroup},model:{value:e.group2,callback:function(t){e.group2=t},expression:"group2"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With help")]),e._v(" "),o("ui-radio-group",{attrs:{help:"Choose your favourite neighbor-eeno",name:"group3",options:e.options.defaultGroup},model:{value:e.group3,callback:function(t){e.group3=t},expression:"group3"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With error")]),e._v(" "),o("ui-radio-group",{attrs:{error:"You must choose Rod",help:"Choose your favourite neighbor-eeno",name:"group4",options:e.options.defaultGroup,invalid:"rod"!==e.group4},model:{value:e.group4,callback:function(t){e.group4=t},expression:"group4"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Vertical")]),e._v(" "),o("ui-radio-group",{attrs:{name:"group5",vertical:"",options:e.options.defaultGroup},model:{value:e.group5,callback:function(t){e.group5=t},expression:"group5"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Individual option disabled")]),e._v(" "),o("ui-radio-group",{attrs:{name:"group6",options:e.options.secondGroup},model:{value:e.group6,callback:function(t){e.group6=t},expression:"group6"}},[e._v("Favourite Flanders")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Group disabled")]),e._v(" "),o("ui-radio-group",{attrs:{name:"group7",disabled:"",options:e.options.defaultGroup},model:{value:e.group7,callback:function(t){e.group7=t},expression:"group7"}},[e._v("Favourite Flanders")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name *")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[e._v("(required)")]),e._v(" "),o("td",[o("p",[e._v("The name of the radio group.")]),e._v(" "),o("p",[e._v("Applied as the "),o("code",[e._v("name")]),e._v(" attribute on each input element in the radio group.")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The radio group label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model that the selected value in the radio group syncs to. Can be set initially for a default selection.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("options *")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td",[e._v("(required)")]),e._v(" "),o("td",[o("p",[e._v("An array of options to show to the user as radio buttons. The array can either be of strings or objects (but not both).")]),e._v(" "),o("p",[e._v("For an array of objects, each option object supports the following properties:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("id")]),e._v(": Applied as the "),o("code",[e._v("id")]),e._v(" attribute of the option's root element.")]),e._v(" "),o("li",[o("code",[e._v("class")]),e._v(": Applied as the "),o("code",[e._v("class")]),e._v(" attribute of the option's root element.")]),e._v(" "),o("li",[o("code",[e._v("label")]),e._v("*: The option's label - shown to the user.")]),e._v(" "),o("li",[o("code",[e._v("value")]),e._v("*: The option's value - written to the model when the option is selected.")]),e._v(" "),o("li",[o("code",[e._v("checked")]),e._v(": Whether or not the option is selected by default. This is overridden by the radio group's initial "),o("code",[e._v("value")]),e._v(" if it's non-empty.")]),e._v(" "),o("li",[o("code",[e._v("disabled")]),e._v(": Whether or not the option is disabled.")])]),e._v(" "),o("p",[e._v("For an array of strings, each option string is used as both the label and the value.")])])]),e._v(" "),o("tr",[o("td",[e._v("keys")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n id: 'id',\n class: 'class',\n label: 'label',\n value: 'value',\n checked: 'checked',\n disabled: 'disabled'\n}")])]),e._v(" "),o("td",[o("p",[e._v("Allows for redefining the option keys. The "),o("code",[e._v("id")]),e._v(", "),o("code",[e._v("class")]),e._v(", "),o("code",[e._v("checked")]),e._v(", and "),o("code",[e._v("disabled")]),e._v(" keys are optional.")]),e._v(" "),o("p",[e._v("Pass an object with custom keys if your data does not match the default keys.")]),e._v(" "),o("p",[e._v("Note that if you redefine one key, you have to define all the others as well.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of a selected radio button in the group. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("buttonPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[e._v("The position of the radio buttons relative to their labels. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("vertical")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the radio group options are rendered vertically, one over the other.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a vertical radio group.")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The radio group "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown to the user below the radio group. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the radio group for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the radio group when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the radio group for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the radio group is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the radio group label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the radio group is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the radio group.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the radio group label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the radio group help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the radio group error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a radio button in the group is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a radio button in the group loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the radio group value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the value of the radio group is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the radio group's value to its initial value. You should also reset the "),o("code",[e._v("invalid")]),e._v(" prop.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRadioGroup.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:"ui-progress-linear--transition-fade"}},[o("div",{staticClass:"ui-progress-linear",class:e.classes},["determinate"===e.type?o("div",{staticClass:"ui-progress-linear__progress-bar is-determinate",style:{transform:"scaleX("+e.moderatedProgress/100+")"},attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":e.moderatedProgress}}):o("div",{staticClass:"ui-progress-linear__progress-bar is-indeterminate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0}})])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-checckbox"},[o("h2",{staticClass:"page__title"},[e._v("UiCheckbox")]),e._v(" "),o("p",[e._v("UiCheckbox shows a checkbox. It supports keyboard focus, hover and disabled states. The position of the checkbox relative to the label can be changed.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{model:{value:e.check1,callback:function(t){e.check1=t},expression:"check1"}},[e._v("Do it now")]),e._v(" "),o("ui-checkbox",{model:{value:e.check2,callback:function(t){e.check2=t},expression:"check2"}},[e._v("Do it well")]),e._v(" "),o("ui-checkbox",{attrs:{disabled:""},model:{value:e.check3,callback:function(t){e.check3=t},expression:"check3"}},[e._v("Can't change this")]),e._v(" "),o("ui-checkbox",{attrs:{disabled:""},model:{value:e.check4,callback:function(t){e.check4=t},expression:"check4"}},[e._v("Can't change this too")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: accent")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{attrs:{color:"accent"},model:{value:e.check1,callback:function(t){e.check1=t},expression:"check1"}},[e._v("Do it now")]),e._v(" "),o("ui-checkbox",{attrs:{color:"accent"},model:{value:e.check2,callback:function(t){e.check2=t},expression:"check2"}},[e._v("Do it well")]),e._v(" "),o("ui-checkbox",{attrs:{color:"accent",disabled:""},model:{value:e.check3,callback:function(t){e.check3=t},expression:"check3"}},[e._v("Can't change this")]),e._v(" "),o("ui-checkbox",{attrs:{color:"accent",disabled:""},model:{value:e.check4,callback:function(t){e.check4=t},expression:"check4"}},[e._v("Can't change this too")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Box position: right")]),e._v(" "),o("div",{staticClass:"page__demo-group has-box-right"},[o("ui-checkbox",{attrs:{"box-position":"right"},model:{value:e.check1,callback:function(t){e.check1=t},expression:"check1"}},[e._v("Do it now")]),e._v(" "),o("ui-checkbox",{attrs:{"box-position":"right"},model:{value:e.check2,callback:function(t){e.check2=t},expression:"check2"}},[e._v("Do it well")]),e._v(" "),o("ui-checkbox",{attrs:{"box-position":"right",disabled:""},model:{value:e.check3,callback:function(t){e.check3=t},expression:"check3"}},[e._v("Can't change this")]),e._v(" "),o("ui-checkbox",{attrs:{"box-position":"right",disabled:""},model:{value:e.check4,callback:function(t){e.check4=t},expression:"check4"}},[e._v("Can't change this too")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("HTML in Label")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-checkbox",{model:{value:e.check5,callback:function(t){e.check5=t},expression:"check5"}},[e._v("Just "),o("b",[o("i",[e._v("do")])]),e._v(" it!")])],1)]),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the checkbox input element.")])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The checkbox label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td"),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model that the checkbox value syncs to.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("trueValue")]),e._v(" prop will be written to this model when the checkbox is checked and the "),o("code",[e._v("falseValue")]),e._v(" prop will be written to it when the checkbox is unchecked.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("checked")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the checkbox is checked by default.")])]),e._v(" "),o("tr",[o("td",[e._v("trueValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[e._v("The value that will be written to the model when the checkbox is checked.")])]),e._v(" "),o("tr",[o("td",[e._v("falseValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("The value that will be written to the model when the checkbox is unchecked.")])]),e._v(" "),o("tr",[o("td",[e._v("submittedValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v('"on"')])]),e._v(" "),o("td",[e._v("The value that will be submitted for the checkbox when it is checked. Applied as the "),o("code",[e._v("value")]),e._v(" attribute of the checkbox input element.")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of a selected checkbox. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("boxPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[e._v("The position of the checkbox relative to the label. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The checkbox input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the checkbox is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the checkbox.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the checkbox label and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the checkbox is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the checkbox loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the checkbox value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a change in the checkbox value is committed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[e._v("onchange event documentation")]),e._v(" for more information.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the checkbox.")]),e._v(" "),o("p",[e._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[e._v("input modality")]),e._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiCheckbox supports two colors: "),o("code",[e._v("primary")]),e._v(" and "),o("code",[e._v("accent")]),e._v(". It also allows for customizing the true and false values.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("To connect multiple checkboxes to a single array of values, use "),o("a",{attrs:{href:"#/ui-checkbox-group"}},[e._v("UiCheckboxGroup")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCheckbox.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("li",{staticClass:"ui-autocomplete-suggestion",class:e.classes},[e._t("default",["simple"===e.type?o("div",{staticClass:"ui-autocomplete-suggestion__simple"},[e._v("\n "+e._s(e.suggestion[e.keys.label]||e.suggestion)+"\n ")]):e._e(),e._v(" "),"image"===e.type?o("div",{staticClass:"ui-autocomplete-suggestion__image"},[o("div",{staticClass:"ui-autocomplete-suggestion__image-object",style:e.imageStyle}),e._v(" "),o("div",{staticClass:"ui-autocomplete-suggestion__image-text"},[e._v(e._s(e.suggestion[e.keys.label]))])]):e._e()])],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-tabs",class:e.classes},[o("div",{staticClass:"ui-tabs__header"},[o("ul",{staticClass:"ui-tabs__header-items",attrs:{role:"tablist"}},e._l(e.tabs,function(t){return o("ui-tab-header-item",{key:t.id,ref:"tabHeaders",refInFor:!0,attrs:{active:e.activeTabId===t.id,"disable-ripple":e.disableRipple,disabled:t.disabled,id:t.id,title:t.title,type:e.type},nativeOn:{click:function(o){e.onTabClick(t,o)},keydown:[function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:e.selectPreviousTab(t):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:e.selectNextTab(t):null}]}},[t.$slots.header?o("render",{attrs:{nodes:t.$slots.header}}):e.hasIcon&&Boolean(t.$slots.icon)?o("render",{attrs:{slot:"icon",nodes:t.$slots.icon},slot:"icon"}):e._e()],1)}),1)]),e._v(" "),o("div",{staticClass:"ui-tabs__body"},[e._t("default")],2)])},n=[],a={render:i,staticRenderFns:n};t.a=a;
+},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-preloader",class:{"is-loading":e.show}},[o("div",{staticClass:"ui-preloader__progressbar",attrs:{role:"progressbar","aria-busy":!!e.show&&"true"}})])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-calendar"},[o("h2",{staticClass:"page__title"},[e._v("UiCalendar")]),e._v(" "),o("p",[e._v("UiCalendar shows a calendar. A custom template can be used to render dates with data like events.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Demo")]),e._v(" "),o("ui-calendar",{attrs:{color:e.color,raised:e.raised,"square-cells":e.hasSquareCells}}),e._v(" "),o("div",{staticClass:"page__demo-controls"},[o("ui-radio-group",{attrs:{name:"color",options:["default","primary","accent"]},model:{value:e.color,callback:function(t){e.color=t},expression:"color"}},[e._v("Color")]),e._v(" "),o("div",{staticClass:"page__demo-controls-row"},[o("ui-checkbox",{staticClass:"mr-16",model:{value:e.hasSquareCells,callback:function(t){e.hasSquareCells=t},expression:"hasSquareCells"}},[e._v("Use square cells")]),e._v(" "),o("ui-checkbox",{model:{value:e.raised,callback:function(t){e.raised=t},expression:"raised"}},[e._v("Raised")])],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom template for dates")]),e._v(" "),o("p",[e._v("Using a scoped slot, you can specify a custom template that will be used to render each date in the calendar.")]),e._v(" "),o("p",[e._v("This could be used to add things like events to the calendar.")]),e._v(" "),o("ui-calendar",{scopedSlots:e._u([{key:"date",fn:function(t){return o("code",{},[e._v("\n D"+e._s(t.date.getDate())+"\n ")])}}])})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[e._v("The color of the calendar header and the selected date. One of "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("dateFilter")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A function which filters the calendar dates to determine which ones are enabled or disabled.")]),e._v(" "),o("p",[e._v("This function will be called with the date object for each date in the month and should return "),o("code",[e._v("true")]),e._v(" if the date is enabled or "),o("code",[e._v("false")]),e._v(" otherwise.")])])]),e._v(" "),o("tr",[o("td",[e._v("lang")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n months: {\n full: ['January', 'Febuary', ...],\n abbreviated: ['Jan', 'Feb', ...]\n },\n days: {\n full: ['Sunday', Monday', ...],\n abbreviated: ['Sun', 'Mon', ...],\n initials: ['S', 'M', ...]\n }\n}")])]),e._v(" "),o("td",[o("p",[e._v("An object of translations for the calendar that allows for a basic form of localization.")]),e._v(" "),o("p",[e._v("Provide an object with your language translations and they will be used for the text in the calendar.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("days.full")]),e._v(", "),o("code",[e._v("days.abbreviated")]),e._v(", and "),o("code",[e._v("days.initials")]),e._v(" arrays should start with Sunday.")]),e._v(" "),o("p",[e._v("Note that this doesn't translate the OK/Cancel buttons in the modal. To translate those, use the "),o("code",[e._v("okButtonText")]),e._v(" and "),o("code",[e._v("cancelButtonText")]),e._v(" props.")])])]),e._v(" "),o("tr",[o("td",[e._v("maxDate")]),e._v(" "),o("td",[e._v("Date")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The maximum date to enable in the calendar. Setting this will disable all dates after this date.")])]),e._v(" "),o("tr",[o("td",[e._v("minDate")]),e._v(" "),o("td",[e._v("Date")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The minimum date to enable in the calendar. Setting this will disable all dates before this date.")])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the calendar has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show a drop shadow.")])])]),e._v(" "),o("tr",[o("td",[e._v("startOfWeek")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[e._v("A number corresponding to the start day of the week. "),o("code",[e._v("0")]),e._v(" is Sunday, "),o("code",[e._v("1")]),e._v(" is Monday, and so on.")])]),e._v(" "),o("tr",[o("td",[e._v("squareCells")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the calendar should resize cells so they are always square (based on the available width).")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for square cells.")])])]),e._v(" "),o("tr",[o("td",[e._v("yearRange")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A range of years to show in the calendar. Should be a numeric array of years.")]),e._v(" "),o("p",[e._v("By default its 100 years into the past and 100 years into the future, including the current year.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model")]),e._v(" "),o("td",[e._v("Date, String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model the selected calendar date syncs to.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("date")]),e._v(" "),o("td",[o("p",[e._v("Use this slot to render each date cell with a custom template. The slot is passed the following properties, which will be available through "),o("code",[e._v("scope")]),e._v(":")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("date")]),e._v(": (Date) - the date of the cell")])]),e._v(" "),o("p",[e._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[e._v("Scoped Slots documentation")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("date-select")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a date is selected in the calendar. The handler is called with the date selected.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@date-select")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a date is selected in the calendar. The handler is called with the date selected.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("month-change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the current month is changed. The handler is called with the date corresponding to the currently selected date, in the new month.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@month-change")]),e._v(".")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("goToDate(date)")])]),e._v(" "),o("td",[o("p",[e._v("Navigate the calendar to the month with the given date.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiCalendar supports three colors: "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("primary")]),e._v(" and "),o("code",[e._v("accent")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCalendar.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-checkbox-group"},[o("h2",{staticClass:"page__title"},[e._v("UiCheckboxGroup")]),e._v(" "),o("p",[e._v("UiCheckboxGroup shows a group of related checkboxes. It supports hover, focus and disabled states.")]),e._v(" "),o("p",[e._v("UiCheckboxGroup can show a label above the group as well as help or error below the group. One or more checkboxes in the group can be disabled or the entire group can be disabled.")]),e._v(" "),o("p",[e._v("UiCheckboxGroup is primarily used for connecting a group of checkbox values together to form a single array.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-checkbox-group",{attrs:{options:["Red","Blue","Green"]},model:{value:e.group1,callback:function(t){e.group1=t},expression:"group1"}},[e._v("Favourite Colours")]),e._v(" "),o("p",[e._v("Model: "),o("code",[e._v(e._s(e.group1))])]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With default selection")]),e._v(" "),o("ui-checkbox-group",{attrs:{options:e.options.defaultGroup},model:{value:e.group2,callback:function(t){e.group2=t},expression:"group2"}},[e._v("Favourite Colours")]),e._v(" "),o("p",[e._v("Model: "),o("code",[e._v(e._s(e.group2))])]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With help")]),e._v(" "),o("ui-checkbox-group",{attrs:{help:"Choose your favourite colours",options:e.options.defaultGroup},model:{value:e.group3,callback:function(t){e.group3=t},expression:"group3"}},[e._v("Favourite Colours")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With error")]),e._v(" "),o("ui-checkbox-group",{attrs:{error:"Choose at least 2 colours",help:"Choose your favourite colours",options:e.options.defaultGroup,invalid:e.group4.length<2},model:{value:e.group4,callback:function(t){e.group4=t},expression:"group4"}},[e._v("Favourite Colours")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Box position: right")]),e._v(" "),o("ui-checkbox-group",{attrs:{"box-position":"right",options:e.options.defaultGroup},model:{value:e.group5,callback:function(t){e.group5=t},expression:"group5"}},[e._v("Favourite Colours")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Vertical")]),e._v(" "),o("ui-checkbox-group",{attrs:{vertical:"",options:e.options.defaultGroup},model:{value:e.group6,callback:function(t){e.group6=t},expression:"group6"}},[e._v("Favourite Colours")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Individual option disabled")]),e._v(" "),o("ui-checkbox-group",{attrs:{options:e.options.secondGroup},model:{value:e.group7,callback:function(t){e.group7=t},expression:"group7"}},[e._v("Favourite Colours")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Group disabled")]),e._v(" "),o("ui-checkbox-group",{attrs:{disabled:"",options:e.options.defaultGroup},model:{value:e.group8,callback:function(t){e.group8=t},expression:"group8"}},[e._v("Favourite Colours")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model that holds the checked option values. Can be set initially for default values.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("options *")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td",[e._v("(required)")]),e._v(" "),o("td",[o("p",[e._v("An array of options to show to the user as checkboxes. The array can either be of strings or objects (but not both).")]),e._v(" "),o("p",[e._v("For an array of objects, each object supports the following properties:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("id")]),e._v(": Applied as the "),o("code",[e._v("id")]),e._v(" attribute on the option's root element.")]),e._v(" "),o("li",[o("code",[e._v("name")]),e._v(": Applied as the "),o("code",[e._v("name")]),e._v(" attribute on the option's checkbox input element.")]),e._v(" "),o("li",[o("code",[e._v("class")]),e._v(": Applied as the "),o("code",[e._v("class")]),e._v(" attribute on the option's root element")]),e._v(" "),o("li",[o("code",[e._v("label")]),e._v("*: The option's label - shown to the user.")]),e._v(" "),o("li",[o("code",[e._v("value")]),e._v("*: The option's value - added to the model when the user checks the option, removed when the user unchecks the option.")]),e._v(" "),o("li",[o("code",[e._v("disabled")]),e._v(": Whether or not the option is disabled.")])]),e._v(" "),o("p",[e._v("For an array of strings, each option string is used as both the label and the value.")])])]),e._v(" "),o("tr",[o("td",[e._v("keys")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n id: 'id',\n name: 'name',\n class: 'class',\n label: 'label',\n value: 'value',\n disabled: 'disabled'\n}")])]),e._v(" "),o("td",[o("p",[e._v("Allows for redefining the option keys. The "),o("code",[e._v("id")]),e._v(", "),o("code",[e._v("name")]),e._v(", "),o("code",[e._v("class")]),e._v(" and "),o("code",[e._v("disabled")]),e._v(" keys are optional.")]),e._v(" "),o("p",[e._v("Pass an object with custom keys if your data does not match the default keys.")]),e._v(" "),o("p",[e._v("Note that if you redefine one key, you have to define all the others as well.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of each checkbox's input element.")])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The checkbox group label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of the checkboxes in the group. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("boxPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[e._v("The position of the checkboxes relative to their labels. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("vertical")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the checkbox options are rendered vertically, one over the other.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a vertical checkbox group.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown to the user below the checkbox group. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the checkbox group for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the checkbox group when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the checkbox group for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the checkbox group is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the checkbox group label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the checkbox group is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the checkbox group.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the checkbox group label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the checkbox group help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the checkbox group error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a checkbox in the group is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a checkbox in the group loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the checkbox group value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the value of the checkbox group is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the checkbox group's "),o("code",[e._v("value")]),e._v(". You should also reset the "),o("code",[e._v("invalid")]),e._v(" prop.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCheckboxGroup.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-progress-linear"},[o("h2",{staticClass:"page__title"},[e._v("UiProgressLinear")]),e._v(" "),o("p",[e._v("UiProgressLinear shows a linear progress bar that can be either determinate or indeterminate. A determinate progress bar shows a specific percentage of completion, while an indeterminate progress bar indicates general activity.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Type: determinate")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"primary",type:"determinate",progress:e.progress}}),e._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"accent",type:"determinate",progress:e.progress}}),e._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"black",type:"determinate",progress:e.progress}}),e._v(" "),o("div",{staticClass:"has-white-progress"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"white",type:"determinate",progress:e.progress}})],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: indeterminate")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"primary"}}),e._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"accent"}}),e._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"black"}}),e._v(" "),o("div",{staticClass:"has-white-progress"},[o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{color:"white"}})],1)],1),e._v(" "),o("ui-button",{on:{click:function(t){e.isLoading=!e.isLoading}}},[e._v("Toggle Loading")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"indeterminate"')])]),e._v(" "),o("td",[e._v("The type of progress bar. One of "),o("code",[e._v("determinate")]),e._v(" or "),o("code",[e._v("indeterminate")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[o("code",[e._v('"primary"')])])]),e._v(" "),o("td",[e._v("The color of the progress bar. One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("black")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("progress")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[o("p",[e._v("The value of progress as a number between 0 and 100. Changing this value will update the progress bar.")]),e._v(" "),o("p",[e._v("Only applicable when the type is "),o("code",[e._v("determinate")]),e._v(".")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiProgressLinear supports four colors: "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("black")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiProgressLinear.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"ui-icon",class:[e.iconSet,e.icon],attrs:{"aria-label":e.ariaLabel}},[e.useSvg?o("svg",{staticClass:"ui-icon__svg"},[o("use",{attrs:{"xmlns:xlink":"http://www.w3.org/1999/xlink","xlink:href":"#"+e.icon}})]):e._t("default",[e._v(e._s(e.removeText?null:e.icon))])],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("tr",{staticClass:"ui-calendar-week",class:e.classes},e._l(e.dates,function(t){return o("td",{key:t.toString()},[o("button",{staticClass:"ui-calendar-week__date",class:e.getDateClasses(t),attrs:{disabled:e.isDateDisabled(t)},on:{click:function(o){e.selectDate(t)}}},[e._t("default",[e._v(e._s(t.getDate()))],{date:t})],2)])}),0)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-menu",class:e.classes,attrs:{role:"menu",tag:"ul",lazy:"","contain-focus":e.containFocus}},e._l(e.options,function(t,i){return o("ui-menu-option",{key:i,attrs:{"disable-ripple":e.disableRipple,disabled:t[e.keys.disabled],href:t[e.keys.href],"icon-props":e.iconProps||t[e.keys.iconProps],icon:e.hasIcons?t[e.keys.icon]:null,label:"divider"===t[e.keys.type]?null:t[e.keys.label]||t,"secondary-text":e.hasSecondaryText?t[e.keys.secondaryText]:null,target:t[e.keys.target],type:t[e.keys.type]},nativeOn:{click:function(o){e.selectOption(t)},keydown:[function(o){return"button"in o||!e._k(o.keyCode,"enter",13,o.key,"Enter")?void e.selectOption(t):null},function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?e.closeMenu(t):null}]}},[e._t("option",null,{option:t})],2)}),1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-popover",class:{"is-raised":e.raised},attrs:{role:"dialog","contain-focus":e.containFocus,"focus-redirector":e.focusRedirector},on:{"focus-overflow":function(t){e.close()}}},[e._t("default")],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-alert"},[o("h2",{staticClass:"page__title"},[e._v("UiAlert")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("UiAlert supports keyboard navigation, can contain links and can be dismissed. The alert icon can be changed or removed.")]),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert1,expression:"showAlert1"}],on:{dismiss:function(t){e.showAlert1=!1}}},[e._v("\n Hi everybody! This is the default alert.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert2,expression:"showAlert2"}],attrs:{type:"success"},on:{dismiss:function(t){e.showAlert2=!1}}},[e._v("\n Okilly dokilly, your account was updated successfully.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert3,expression:"showAlert3"}],attrs:{type:"warning"},on:{dismiss:function(t){e.showAlert3=!1}}},[e._v("\n Ay caramba! Alerts can also contain HTML. "),o("a",{attrs:{href:"https://google.com",target:"_blank",rel:"noopener"}},[e._v("Click here")]),e._v(" for Google.com.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert4,expression:"showAlert4"}],attrs:{type:"error"},on:{dismiss:function(t){e.showAlert4=!1}}},[e._v("\n D'oh! Something went wrong and we cannot process your request at this time. Try again later.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert5,expression:"showAlert5"}],attrs:{type:"warning"},on:{dismiss:function(t){e.showAlert5=!1}}},[o("ui-icon",{attrs:{slot:"icon"},slot:"icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M12.984 14.016V9h-1.97v5.016h1.97zm0 3.984v-2.016h-1.97V18h1.97zm2.672-14.016c.75 0 1.36.61 1.36 1.36V20.67c0 .75-.61 1.314-1.36 1.314H8.343c-.75 0-1.36-.563-1.36-1.313V5.344c0-.75.61-1.36 1.36-1.36h1.64V2.016h4.032v1.97h1.64z"}})])]),e._v("\n\n This alert has a custom icon.\n ")],1),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert6,expression:"showAlert6"}],on:{dismiss:function(t){e.showAlert6=!1}}},[e._v("\n This is a multi-line alert. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor suscipit facilis explicabo officiis consectetur, ipsam voluptate excepturi quas quae. Dolorem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, autem.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert7,expression:"showAlert7"}],attrs:{"remove-icon":""},on:{dismiss:function(t){e.showAlert7=!1}}},[e._v("\n The icon for this alert has been removed.\n ")]),e._v(" "),o("ui-alert",{directives:[{name:"show",rawName:"v-show",value:e.showAlert8,expression:"showAlert8"}],attrs:{type:"warning","disable-animation":""},on:{dismiss:function(t){e.showAlert8=!1}}},[e._v("\n Animations for this alert are disabled.\n ")]),e._v(" "),o("ui-alert",{attrs:{dismissible:!1}},[e._v("This alert is not dismissible.")]),e._v(" "),o("ui-alert",{attrs:{dismissible:!1,"remove-icon":""}},[e._v("\n This alert has no icon is not dismissible.\n ")]),e._v(" "),o("ui-button",{on:{click:e.resetAlerts}},[e._v("Reset Alerts")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"info"')])]),e._v(" "),o("td",[o("p",[e._v("The type of alert. Determines the alert background color and default icon.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("info")]),e._v(", "),o("code",[e._v("success")]),e._v(", "),o("code",[e._v("warning")]),e._v(" or "),o("code",[e._v("error")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("removeIcon")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the alert icon is removed.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to remove the icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableAnimation")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the alert should be animated when showing and hiding.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("dismissible")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the alert shows a dismiss button.")]),e._v(" "),o("p",[e._v("You should listen for the "),o("code",[e._v("dismiss")]),e._v(" event and hide the alert.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to remove the dismiss button.")])])])])])])]),e._v(" "),o("ui-tab",{
+attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the alert content and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the button icon and can contain any custom or SVG icon.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("dismiss")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the user clicks the dismiss button. You should listen for this event and hide alert.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dismiss")]),e._v(".")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiAlert shows an inline alert message to the user. Supported types are "),o("code",[e._v("info")]),e._v(", "),o("code",[e._v("success")]),e._v(", "),o("code",[e._v("warning")]),e._v(" and "),o("code",[e._v("error")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiAlert.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("button",{staticClass:"ui-fab",class:e.classes,attrs:{"aria-label":e.ariaLabel||e.tooltip},on:{click:e.onClick}},[e.icon||e.$slots.default?o("div",{staticClass:"ui-fab__icon"},[e._t("default",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("span",{staticClass:"ui-fab__focus-ring"}),e._v(" "),e.disableRipple?e._e():o("ui-ripple-ink"),e._v(" "),e.tooltip?o("ui-tooltip",{attrs:{"open-on":e.openTooltipOn,position:e.tooltipPosition}},[e._v(e._s(e.tooltip))]):e._e()],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-menu"},[o("h2",{staticClass:"page__title"},[e._v("UiMenu")]),e._v(" "),o("p",[e._v("UiMenu shows a menu of options. Options can show an icon, secondary text (like keyboard shortcuts), or show a divider. Individual options can be disabled.")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("UiMenu is keyboard accessible and is can be set to contain tab focus in the menu until it is closed.")]),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-menu",{attrs:{options:e.menuOptions}}),e._v(" "),e._m(2),e._v(" "),o("ui-menu",{attrs:{options:e.menuOptionsWithHref}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Raised")]),e._v(" "),o("ui-menu",{attrs:{options:e.menuOptions,raised:""}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icons")]),e._v(" "),o("ui-menu",{attrs:{"has-icons":"",options:e.menuOptions,raised:""}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With secondary text")]),e._v(" "),o("ui-menu",{attrs:{"has-secondary-text":"",options:e.menuOptions,raised:""}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icons and secondary text")]),e._v(" "),o("ui-menu",{attrs:{"has-icons":"","has-secondary-text":"",options:e.menuOptions,raised:""}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Contain focus")]),e._v(" "),o("ui-menu",{attrs:{options:e.menuOptions,"contain-focus":"",raised:""}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom template")]),e._v(" "),o("ui-menu",{attrs:{"has-icons":"","has-secondary-text":"",options:e.menuOptions,raised:""},scopedSlots:e._u([{key:"option",fn:function(t){return[o("code",[e._v("Label: "+e._s(t.option.label)+", Icon: "+e._s(t.option.icon))])]}}])}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("In UiPopover (creates a dropdown)")]),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Click here for the menu\n\n "),o("ui-popover",{ref:"dropdown"},[o("ui-menu",{attrs:{"contain-focus":"","has-icons":"","has-secondary-text":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdown.close()}}})],1)],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("options *")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td",[o("code",[e._v("[]")])]),e._v(" "),o("td",[o("p",[e._v("An array of options to show in the menu. Can be a plain array or an array of objects.")]),e._v(" "),o("p",[e._v("For an array of objects, each option can have the following properties:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("type")]),e._v(": (String) - the type of option. Can be set to "),o("code",[e._v('"divider"')]),e._v(" for a divider.")]),e._v(" "),o("li",[o("code",[e._v("label")]),e._v(": (String) - the option label text")]),e._v(" "),o("li",[o("code",[e._v("href")]),e._v(": (String) - the option URL. When set, the option is rendered with an anchor "),o("code",[e._v("")]),e._v(" tag.")]),e._v(" "),o("li",[o("code",[e._v("target")]),e._v(": (String) - the option "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target",target:"_blank",rel:"noopener"}},[e._v("URL target")]),e._v(". The "),o("code",[e._v("href")]),e._v(" prop is required when using this prop.")]),e._v(" "),o("li",[o("code",[e._v("secondaryText")]),e._v(": (String) - text to show to the right of the option in the dropdown. Can be used to show keyboard shortcuts.")]),e._v(" "),o("li",[o("code",[e._v("icon")]),e._v(": (String) - an icon to show with the option. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("li",[o("code",[e._v("iconProps")]),e._v(": (String) - an object with any of the following props of "),o("a",{attrs:{href:"#/ui-icon"}},[e._v("UiIcon")]),e._v(": "),o("code",[e._v("iconSet")]),e._v(", "),o("code",[e._v("removeText")]),e._v(" or "),o("code",[e._v("useSvg")]),e._v(". These will be passed as props to the rendered UiIcon component.")]),e._v(" "),o("li",[o("code",[e._v("disabled")]),e._v(": (Boolean) - Whether or not the option is disabled.")])]),e._v(" "),o("p",[e._v("You can redefine these keys to fit your data using the "),o("code",[e._v("keys")]),e._v(" prop.")])])]),e._v(" "),o("tr",[o("td",[e._v("hasIcons")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the menu options have icons.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show icons.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconProps")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v("{}")])]),e._v(" "),o("td",[o("p",[e._v("An object with any of the following props of "),o("a",{attrs:{href:"#/ui-icon"}},[e._v("UiIcon")]),e._v(": "),o("code",[e._v("iconSet")]),e._v(", "),o("code",[e._v("removeText")]),e._v(" or "),o("code",[e._v("useSvg")]),e._v(". These will be passed as props to the rendered UiIcon component.")])])]),e._v(" "),o("tr",[o("td",[e._v("hasSecondaryText")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the menu options have secondary text.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show secondary text.")])])]),e._v(" "),o("tr",[o("td",[e._v("containFocus")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not tab focus should be contained in the menu.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to contain tab focus in the menu until it's closed.")])])]),e._v(" "),o("tr",[o("td",[e._v("keys")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n icon: 'icon',\n type: 'type',\n label: 'label',\n secondaryText: 'secondaryText',\n iconProps: 'iconProps',\n disabled: 'disabled'\n}")])]),e._v(" "),o("td",[o("p",[e._v("Allows for redefining the option keys. Only the "),o("code",[e._v("label")]),e._v(" key is required.")]),e._v(" "),o("p",[e._v("Pass an object with custom keys if your data does not match the default keys.")]),e._v(" "),o("p",[e._v("Note that if you redefine one key, you have to define all the others as well.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is disabled.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the menu has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to add a drop shadow to the menu.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("select")]),e._v(" "),o("td",[o("p",[e._v("Emitted when an option is selected from the menu. The handler is called with the option that was selected.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@select")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the menu should be closed (i.e. when an option is selected, when tab focus leaves the menu and "),o("code",[e._v("containFocus")]),e._v(" is "),o("code",[e._v("false")]),e._v(" or when the ESC key is pressed).")]),e._v(" "),o("p",[e._v("You should listen for this event and close the corresponding UiPopover if the menu is contained in a popover.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("option")]),e._v(" "),o("td",[o("p",[e._v("Use this slot to render each menu option with a custom template. The slot is passed the following properties, which will be available through "),o("code",[e._v("scope")]),e._v(":")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("option")]),e._v(": (Object or String) - the option")])]),e._v(" "),o("p",[e._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[e._v("Scoped Slots documentation")]),e._v(".")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("A dropdown menu can be created by wrapping UiMenu in "),o("a",{attrs:{href:"#/ui-popover"}},[e._v("UiPopover")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiMenu.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h4",{staticClass:"page__demo-title"},[e._v("With links ("),o("code",[e._v("href")]),e._v(")")])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ui-modal",{ref:"modal",staticClass:"ui-confirm",attrs:{role:"alertdialog","dismiss-on":e.dismissOn,dismissible:!e.loading,title:e.title,transition:e.transition,size:e.size},on:{close:e.onModalClose,hide:e.onModalHide,open:e.onModalOpen,reveal:e.onModalReveal}},[o("div",{staticClass:"ui-confirm__message"},[e._t("default")],2),e._v(" "),o("div",{staticClass:"ui-confirm__footer",attrs:{slot:"footer"},slot:"footer"},[o("ui-button",{ref:"confirmButton",attrs:{color:e.confirmButtonColor,icon:e.confirmButtonIcon,loading:e.loading},on:{click:e.confirm}},[e._v(e._s(e.confirmButtonText))]),e._v(" "),o("ui-button",{ref:"denyButton",attrs:{disabled:e.loading,icon:e.denyButtonIcon},on:{click:e.deny}},[e._v(e._s(e.denyButtonText))])],1)])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("li",{staticClass:"ui-tab-header-item",class:e.classes,attrs:{role:"tab","aria-controls":e.id,"aria-selected":e.active?"true":null,disabled:e.disabled,tabindex:e.active?0:-1}},[e._t("default",[e.hasIcon?o("div",{staticClass:"ui-tab-header-item__icon"},[e._t("icon")],2):e._e(),e._v(" "),e.hasText?o("div",{staticClass:"ui-tab-header-item__text"},[e._v(e._s(e.title))]):e._e()]),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink")],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-select",class:e.classes},[e.name?o("input",{staticClass:"ui-select__hidden-input",attrs:{type:"hidden",name:e.name},domProps:{value:e.submittedValue}}):e._e(),e._v(" "),e.icon||e.$slots.icon?o("div",{staticClass:"ui-select__icon-wrapper"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-select__content"},[o("div",{ref:"label",staticClass:"ui-select__label",attrs:{tabindex:e.disabled?null:e.tabindex||"0"},on:{focus:e.onFocus,keydown:[function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?(t.preventDefault(),e.openDropdown(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?(t.preventDefault(),e.openDropdown(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"tab",9,t.key,"Tab")?e.onBlur(t):null}]}},[e.label||e.$slots.default?o("div",{staticClass:"ui-select__label-text",class:e.labelClasses},[e._t("default",[e._v(e._s(e.label))])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-select__display"},[o("div",{staticClass:"ui-select__display-value",class:{"is-placeholder":!e.hasDisplayText}},[e._v("\n "+e._s(e.hasDisplayText?e.displayText:e.hasFloatingLabel&&e.isLabelInline?null:e.placeholder)+"\n ")]),e._v(" "),o("ui-icon",{staticClass:"ui-select__dropdown-button"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])])],1),e._v(" "),o("ui-popover",{ref:"dropdown",staticClass:"ui-select__dropdown",attrs:{"close-on-scroll":!1,"constrain-to-scroll-parent":!1,disabled:e.disabled},on:{close:e.onClose,open:e.onOpen,reveal:e.onReveal}},[o("div",{ref:"dropdownContent",staticClass:"ui-select__dropdown-content",attrs:{tabindex:"-1"},on:{keydown:[function(t){return"button"in t||!e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?(t.preventDefault(),void e.highlightOption(e.highlightedIndex+1)):null},function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?(t.preventDefault(),t.stopPropagation(),void e.selectHighlighted(e.highlightedIndex,t)):null},function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?(t.preventDefault(),void e.closeDropdown()):null},function(t){return"button"in t||!e._k(t.keyCode,"tab",9,t.key,"Tab")?e.onBlur(t):null},function(t){return"button"in t||!e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?(t.preventDefault(),void e.highlightOption(e.highlightedIndex-1)):null}]}},[e.hasSearch?o("div",{staticClass:"ui-select__search",on:{click:function(e){e.stopPropagation()},keydown:function(t){return"button"in t||!e._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?void t.stopPropagation():null}}},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.query,expression:"query"}],ref:"searchInput",staticClass:"ui-select__search-input",attrs:{autocomplete:"off",type:"text",placeholder:e.searchPlaceholder},domProps:{value:e.query},on:{input:function(t){t.target.composing||(e.query=t.target.value)}}}),e._v(" "),o("ui-icon",{staticClass:"ui-select__search-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zm6 0l4.97 4.97-1.5 1.5-4.97-4.97v-.797l-.28-.282c-1.126.984-2.626 1.547-4.22 1.547-3.61 0-6.516-2.86-6.516-6.47S5.906 3 9.516 3s6.47 2.906 6.47 6.516c0 1.594-.564 3.094-1.548 4.22l.28.28h.798z"}})])]),e._v(" "),e.loading?o("ui-progress-circular",{staticClass:"ui-select__search-progress",attrs:{size:20,stroke:4}}):e._e()],1):e._e(),e._v(" "),o("ul",{ref:"optionsList",staticClass:"ui-select__options"},[e._l(e.filteredOptions,function(t,i){return o("ui-select-option",{key:i,ref:"options",refInFor:!0,attrs:{highlighted:e.highlightedIndex===i,keys:e.keys,multiple:e.multiple,option:t,selected:e.isOptionSelected(t),type:e.type},nativeOn:{click:function(o){o.stopPropagation(),e.selectOption(t,i)},mouseover:function(t){t.stopPropagation(),e.highlightOption(i,{autoScroll:!1})}}},[e._t("option",null,{highlighted:e.highlightedIndex===i,index:i,option:t,selected:e.isOptionSelected(t)})],2)}),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.hasNoResults,expression:"hasNoResults"}],staticClass:"ui-select__no-results"},[e._t("no-results",[e._v("No results found")])],2)],2)])])],1),e._v(" "),e.hasFeedback?o("div",{staticClass:"ui-select__feedback"},[e.showError?o("div",{staticClass:"ui-select__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-select__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e()]):e._e()])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"keen-docs",attrs:{id:"app"}},[o("navbar",{attrs:{"repo-url":e.repoUrl,"source-url":e.pageSourceUrl,title:e.pageTitle,version:e.version,"version-url":e.versionUrl},on:{"toggle-sidebar":function(t){e.sidebarOpen=!e.sidebarOpen}}}),e._v(" "),o("transition",{attrs:{name:"transition-fade"}},[o("div",{directives:[{name:"show",rawName:"v-show",value:e.showSidebar,expression:"showSidebar"}],staticClass:"keen-docs-mobile-sidebar__backdrop",on:{click:function(t){e.sidebarOpen=!1}}})]),e._v(" "),o("section",{staticClass:"keen-docs-content"},[o("transition",{attrs:{name:"transition-slide"}},[o("sidebar",{directives:[{name:"show",rawName:"v-show",value:e.showSidebar,expression:"showSidebar"}],attrs:{version:e.version,"version-url":e.versionUrl,"repo-url":e.repoUrl}})],1),e._v(" "),o("div",{ref:"pageContent",staticClass:"keen-docs-content__page-content"},[o("router-view")],1)],1)],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-progress-circular"},[o("h2",{staticClass:"page__title"},[e._v("UiProgressCircular")]),e._v(" "),o("p",[e._v("UiProgressCircular shows a circular progress indicator (a spinner).")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Type: determinate")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"primary",type:"determinate",progress:e.progress}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"accent",type:"determinate",progress:e.progress}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"black",type:"determinate",progress:e.progress}}),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],staticClass:"has-white-progress"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"white",type:"determinate",progress:e.progress}})],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: indeterminate")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"multi-color"}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"primary"}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"accent"}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"black"}}),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],staticClass:"has-white-progress"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{color:"white"}})],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom size")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{type:"determinate","auto-stroke":!1,progress:e.progress,size:54}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{"auto-stroke":!1,size:54}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom stroke width")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{type:"determinate",progress:e.progress,size:48,stroke:8}}),e._v(" "),o("ui-progress-circular",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],attrs:{size:48,stroke:8}})],1),e._v(" "),o("br"),e._v(" "),o("ui-button",{on:{click:function(t){e.loading=!e.loading}}},[e._v("Toggle Loading")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"indeterminate"')])]),e._v(" "),o("td",[e._v("The type of progress. One of "),o("code",[e._v("determinate")]),e._v(" or "),o("code",[e._v("indeterminate")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The color of the progress circle. One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("multi-color")]),e._v(", "),o("code",[e._v("black")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")]),e._v(" "),o("p",[o("code",[e._v("multi-color")]),e._v(" is only supported on an indeterminate progress, if set on a determinate progress, the color will fall back to "),o("code",[e._v("primary")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("24")])]),e._v(" "),o("td",[e._v("The width and height of the circular progress without a unit (unit is pixels).")])]),e._v(" "),o("tr",[o("td",[e._v("stroke")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[e._v("auto or "),o("code",[e._v("4")])]),e._v(" "),o("td",[o("p",[e._v("The stroke width of the circular progress without a unit (unit is pixels).")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("stroke")]),e._v(" is not provided, it is automatically calculated unless "),o("code",[e._v("autoStroke")]),e._v(" is set to "),o("code",[e._v("false")]),e._v(". See "),o("code",[e._v("autoStroke")]),e._v(" for details.")])])]),e._v(" "),o("tr",[o("td",[e._v("autoStroke")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the stroke width should be automatically calculated if it is not provided.")]),e._v(" "),o("p",[e._v("The calculated stroke is the "),o("code",[e._v("width")]),e._v(" divided by "),o("code",[e._v("8")]),e._v(".")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("autoStroke")]),e._v(" is set to "),o("code",[e._v("false")]),e._v(" and "),o("code",[e._v("stroke")]),e._v(" is not provided, it defaults to the number "),o("code",[e._v("4")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("progress")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[o("p",[e._v("The value of progress as a number between 0 and 100. Changing this value will update the determinate progress circle.")]),e._v(" "),o("p",[e._v("Only applicable when the type is determinate.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiProgressCircular supports five possible colors: "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("multi-color")]),e._v(" (alternating primary colors), "),o("code",[e._v("black")]),e._v(" and "),o("code",[e._v("white")]),e._v(". The size (width and height) and stroke can be customized.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("Due to an issue with CSS transitions on SVG elements in IE and Edge, determinate progress is not animated in those browsers, and "),o("code",[e._v("multi-color")]),e._v(" progress is not supported.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiProgressCircular.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:e.transitionName},on:{"after-enter":e.onEnter,"after-leave":e.onLeave}},[o("div",{staticClass:"ui-snackbar",on:{click:e.onClick}},[o("div",{staticClass:"ui-snackbar__message"},[e._t("default",[e._v(e._s(e.message))])],2),e._v(" "),o("div",{staticClass:"ui-snackbar__action"},[e.action?o("ui-button",{staticClass:"ui-snackbar__action-button",attrs:{type:"secondary",color:e.actionColor},on:{click:function(t){return t.stopPropagation(),e.onActionClick(t)}}},[e._v(e._s(e.action))]):e._e()],1)])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-switch"},[o("h2",{staticClass:"page__title"},[e._v("UiSwitch")]),e._v(" "),o("p",[e._v("UiSwitch shows a switch that allows the user to toggle between two states. It supports keyboard focus and a disabled state.\n\n ")]),o("p",[e._v("The position of the switch relative to the label can be customized.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-switch",{model:{value:e.switch1,callback:function(t){e.switch1=t},expression:"switch1"}},[e._v("Bluetooth")]),e._v(" "),o("ui-switch",{model:{value:e.switch2,callback:function(t){e.switch2=t},expression:"switch2"}},[e._v("WiFi")]),e._v(" "),o("ui-switch",{model:{value:e.switch3,callback:function(t){e.switch3=t},expression:"switch3"}},[e._v("Location")]),e._v(" "),o("ui-switch",{attrs:{disabled:""},model:{value:e.switch4,callback:function(t){e.switch4=t},expression:"switch4"}},[e._v("Can't change this")]),e._v(" "),o("ui-switch",{attrs:{disabled:""},model:{value:e.switch5,callback:function(t){e.switch5=t},expression:"switch5"}},[e._v("Can't change this too")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: accent")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-switch",{attrs:{color:"accent"},model:{value:e.switch1,callback:function(t){e.switch1=t},expression:"switch1"}},[e._v("Bluetooth")]),e._v(" "),o("ui-switch",{attrs:{color:"accent"},model:{value:e.switch2,callback:function(t){e.switch2=t},expression:"switch2"}},[e._v("WiFi")]),e._v(" "),o("ui-switch",{attrs:{color:"accent"},model:{value:e.switch3,callback:function(t){e.switch3=t},expression:"switch3"}},[e._v("Location")]),e._v(" "),o("ui-switch",{attrs:{color:"accent",disabled:""},model:{value:e.switch4,callback:function(t){e.switch4=t},expression:"switch4"}},[e._v("Can't change this")]),e._v(" "),o("ui-switch",{attrs:{color:"accent",disabled:""},model:{value:e.switch5,callback:function(t){e.switch5=t},expression:"switch5"}},[e._v("Can't change this too")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Switch position: right")]),e._v(" "),o("div",{staticClass:"page__demo-group has-switch-right"},[o("ui-switch",{attrs:{"switch-position":"right"},model:{value:e.switch1,callback:function(t){e.switch1=t},expression:"switch1"}},[e._v("Bluetooth")]),e._v(" "),o("ui-switch",{attrs:{"switch-position":"right"},model:{value:e.switch2,callback:function(t){e.switch2=t},expression:"switch2"}},[e._v("WiFi")]),e._v(" "),o("ui-switch",{attrs:{"switch-position":"right"},model:{value:e.switch3,callback:function(t){e.switch3=t},expression:"switch3"}},[e._v("Location")]),e._v(" "),o("ui-switch",{attrs:{"switch-position":"right",disabled:""},model:{value:e.switch4,callback:function(t){e.switch4=t},expression:"switch4"}},[e._v("Can't change this")]),e._v(" "),o("ui-switch",{attrs:{"switch-position":"right",disabled:""},model:{value:e.switch5,callback:function(t){e.switch5=t},expression:"switch5"}},[e._v("Can't change this too")])],1)]),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the switch input element.")])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The switch label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",{
+staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td"),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model that the switch value syncs to.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("trueValue")]),e._v(" prop will be written to this model when the switch is turned on and the "),o("code",[e._v("falseValue")]),e._v(" prop will be written to it when the switch is turned off.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("checked")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the switch is on by default.")])]),e._v(" "),o("tr",[o("td",[e._v("trueValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[e._v("The value that will be written to the model when the switch is turned on.")])]),e._v(" "),o("tr",[o("td",[e._v("falseValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("The value that will be written to the model when the switch is turned off.")])]),e._v(" "),o("tr",[o("td",[e._v("submittedValue")]),e._v(" "),o("td"),e._v(" "),o("td",[o("code",[e._v('"on"')])]),e._v(" "),o("td",[e._v("The value that will be submitted for the switch when it is turned on. Applied as the "),o("code",[e._v("value")]),e._v(" attribute of the switch's input element.")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of the switch when turned on. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("switchPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the switch relative to the label.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The switch input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the switch is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the switch.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the switch label and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the switch is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the switch loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the switch value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the value of the switch is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the switch.")]),e._v(" "),o("p",[e._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[e._v("input modality")]),e._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSwitch.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-datepicker"},[o("h2",{staticClass:"page__title"},[e._v("UiDatepicker")]),e._v(" "),o("p",[e._v("UiDatepicker shows a calendar that allows the user to pick a date. It allows for a custom date formatter and filter, as well as specifying minimum and maximum dates.")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("UiDatepicker can show a label above the input, an icon, as well as help or error below the input. It is keyboard accessible and supports a disabled state. The calendar popover may drop up or down based on the available space.")]),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-datepicker",{attrs:{placeholder:"Select a date"},model:{value:e.picker1,callback:function(t){e.picker1=t},expression:"picker1"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Floating label")]),e._v(" "),o("ui-datepicker",{attrs:{"floating-label":"",placeholder:"Select a date"},model:{value:e.picker2,callback:function(t){e.picker2=t},expression:"picker2"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:e.picker3,callback:function(t){e.picker3=t},expression:"picker3"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With default value")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:e.picker4,callback:function(t){e.picker4=t},expression:"picker4"}},[e._v("Christmas Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With ISO 8601 string as value")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",placeholder:"Select a date"},model:{value:e.picker401,callback:function(t){e.picker401=t},expression:"picker401"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: accent")]),e._v(" "),o("ui-datepicker",{attrs:{color:"accent",icon:"events",placeholder:"Select a date"},model:{value:e.picker5,callback:function(t){e.picker5=t},expression:"picker5"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Orientation: landscape")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date"},model:{value:e.picker6,callback:function(t){e.picker6=t},expression:"picker6"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Picker type: modal")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events","picker-type":"modal",placeholder:"Select a date"},model:{value:e.picker7,callback:function(t){e.picker7=t},expression:"picker7"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Picker type: modal, orientation: landscape")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape","picker-type":"modal",placeholder:"Select a date"},model:{value:e.picker8,callback:function(t){e.picker8=t},expression:"picker8"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With different start of week: Monday")]),e._v(" "),o("ui-datepicker",{attrs:{placeholder:"Select a date","start-of-week":1},model:{value:e.picker801,callback:function(t){e.picker801=t},expression:"picker801"}},[e._v("Your Birthday")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With custom formatter")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date","custom-formatter":e.picker9Formatter},model:{value:e.picker9,callback:function(t){e.picker9=t},expression:"picker9"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With min and max date")]),e._v(" "),o("ui-datepicker",{attrs:{help:"Pick a date within the next two weeks",icon:"events",orientation:"landscape",placeholder:"Select a date","max-date":e.picker10Max,"min-date":e.picker10Min},model:{value:e.picker10,callback:function(t){e.picker10=t},expression:"picker10"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With date filter: weekends disabled")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date","date-filter":e.picker11Filter},model:{value:e.picker11,callback:function(t){e.picker11=t},expression:"picker11"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With custom lang: French")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date",lang:e.picker12Lang},model:{value:e.picker12,callback:function(t){e.picker12=t},expression:"picker12"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With custom year range")]),e._v(" "),o("ui-datepicker",{attrs:{icon:"events",orientation:"landscape",placeholder:"Select a date from this year",yearRange:[(new Date).getFullYear()]},model:{value:e.picker1201,callback:function(t){e.picker1201=t},expression:"picker1201"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With validation: required")]),e._v(" "),o("ui-datepicker",{attrs:{error:"This field is required",icon:"events",orientation:"landscape",placeholder:"Select a date",invalid:!e.picker13},model:{value:e.picker13,callback:function(t){e.picker13=t},expression:"picker13"}},[e._v("A Special Day")]),e._v(" "),e._m(2),e._v(" "),o("ui-button",{on:{click:e.openModal}},[e._v("Open Modal")]),e._v(" "),o("ui-modal",{ref:"modal",attrs:{title:"Modal with datepicker"}},[o("div",[e._v("Modal content: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus et id, provident culpa vel accusantium possimus fugiat libero tenetur labore!")]),e._v(" "),o("br"),e._v(" "),o("ui-datepicker",{attrs:{placeholder:"Select a date","append-dropdown-to-body":""},model:{value:e.picker1301,callback:function(t){e.picker1301=t},expression:"picker1301"}},[e._v("Your Birthday")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-datepicker",{attrs:{disabled:"",icon:"events",placeholder:"Select a date"},model:{value:e.picker14,callback:function(t){e.picker14=t},expression:"picker14"}},[e._v("A Special Day")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled with a selection")]),e._v(" "),o("ui-datepicker",{attrs:{disabled:"",placeholder:"Select a date"},model:{value:e.picker15,callback:function(t){e.picker15=t},expression:"picker15"}},[e._v("A Special Day")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("Date, String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model the selected date syncs to. Can be set initially for a default value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("startOfWeek")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[e._v("A number corresponding to the start day of the week. "),o("code",[e._v("0")]),e._v(" is Sunday, "),o("code",[e._v("1")]),e._v(" is Monday, and so on.")])]),e._v(" "),o("tr",[o("td",[e._v("minDate")]),e._v(" "),o("td",[e._v("Date")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The minimum date to allow in the picker. Setting this will disable all dates before this date.")])]),e._v(" "),o("tr",[o("td",[e._v("maxDate")]),e._v(" "),o("td",[e._v("Date")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The maximum date to allow in the picker. Setting this will disable all dates after this date.")])]),e._v(" "),o("tr",[o("td",[e._v("yearRange")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A range of years to show in the picker. Should be a numeric array of years.")]),e._v(" "),o("p",[e._v("By default its 100 years into the past and 100 years into the future, including the current year.")])])]),e._v(" "),o("tr",[o("td",[e._v("lang")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n months: {\n full: ['January', 'Febuary', ...],\n abbreviated: ['Jan', 'Feb', ...]\n },\n days: {\n full: ['Sunday', Monday', ...],\n abbreviated: ['Sun', 'Mon', ...],\n initials: ['S', 'M', ...]\n }\n}")])]),e._v(" "),o("td",[o("p",[e._v("An object of translations for the datepicker that allows for a basic form of localization.")]),e._v(" "),o("p",[e._v("Provide an object with your language translations and they will be used for the text in the calendar.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("days.full")]),e._v(", "),o("code",[e._v("days.abbreviated")]),e._v(", and "),o("code",[e._v("days.initials")]),e._v(" arrays should start with Sunday.")]),e._v(" "),o("p",[e._v("Note that this doesn't translate the OK/Cancel buttons in the modal. To translate those, use the "),o("code",[e._v("okButtonText")]),e._v(" and "),o("code",[e._v("cancelButtonText")]),e._v(" props.")])])]),e._v(" "),o("tr",[o("td",[e._v("customFormatter")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A custom formatting function to use for displaying the selected date.")]),e._v(" "),o("p",[e._v("This function will be called with the selected date object and should return the string to display.")])])]),e._v(" "),o("tr",[o("td",[e._v("dateFilter")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A function which filters the calendar dates to determine which ones are enabled or disabled.")]),e._v(" "),o("p",[e._v("This function will be called with the date object for each date in the month and should return "),o("code",[e._v("true")]),e._v(" if the date is enabled or "),o("code",[e._v("false")]),e._v(" otherwise.")])])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of the datepicker header and the selected date/year. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("orientation")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"portrait"')])]),e._v(" "),o("td",[e._v("The orientation of the datepicker calendar. One of "),o("code",[e._v("portrait")]),e._v(" or "),o("code",[e._v("landscape")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("pickerType")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"popover"')])]),e._v(" "),o("td",[e._v("The type of picker to use for the calendar. One of "),o("code",[e._v("popover")]),e._v(" or "),o("code",[e._v("modal")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("appendDropdownToBody")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to append the datepicker's dropdown to the document body, instead of the parent element.")])])]),e._v(" "),o("tr",[o("td",[e._v("dropdownZIndex")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The datepicker's dropdown "),o("code",[e._v("z-index")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the datepicker's hidden input element. Useful when the datepicker is part of a form submitted traditionally.")])]),e._v(" "),o("tr",[o("td",[e._v("placeholder")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The text to display in the datepicker when no date is selected.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The datepicker icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the datepicker. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The datepicker label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("floatingLabel")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the label starts out inline and moves to float above the datepicker when it is focused.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a floating label. This will disable the placeholder.")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The datepicker "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the datepicker is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the datepicker label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown to the user below the datepicker. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the datepicker for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the datepicker when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the datepicker for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the datepicker is disabled. Set to "),o("code",[e._v("true")]),e._v(" to disable the datepicker.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the datepicker label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the datepicker icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the datepicker help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the datepicker error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the datepicker value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("touch")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the datepicker is focused for the first time and then blurred.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@touch")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the datepicker is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the datepicker loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the picker (the modal or popover) is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the picker (the modal or popover) is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the datepicker.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("clear()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to clear the selected date.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the datepicker to its initial value. You should also reset the "),o("code",[e._v("invalid")]),e._v(" prop.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("resetTouched()")])]),e._v(" "),o("td",[e._v("Call this method to reset the touched state of the datepicker. By default it will set the touched state to "),o("code",[e._v("false")]),e._v(", but you can pass an object with "),o("code",[e._v("{ touched: true }")]),e._v(" to set the touched state to "),o("code",[e._v("true")]),e._v(".")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiDatepicker supports two colors: "),o("code",[e._v("primary")]),e._v(" and "),o("code",[e._v("accent")]),e._v(", two orientations: "),o("code",[e._v("portrait")]),e._v(" and "),o("code",[e._v("landscape")]),e._v(" as well as two picker types: "),o("code",[e._v("popover")]),e._v(" and "),o("code",[e._v("modal")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiDatepicker.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h4",{staticClass:"page__demo-title"},[e._v("In a modal, appending to "),o("code",[e._v("")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.isAnchor?"a":"li",{tag:"component",staticClass:"ui-menu-option",class:e.classes,attrs:{role:"menu-item",href:e.isAnchor?e.disabled?null:e.href:null,tabindex:e.isDivider||e.isAnchor||e.disabled?null:"0",target:e.isAnchor?e.disabled?null:e.target:null}},[e.isDivider?e._e():e._t("default",[o("div",{staticClass:"ui-menu-option__content"},[e.icon?o("ui-icon",{staticClass:"ui-menu-option__icon",attrs:{"icon-set":e.iconProps.iconSet,icon:e.icon,"remove-text":e.iconProps.removeText,"use-svg":e.iconProps.useSvg}}):e._e(),e._v(" "),o("div",{staticClass:"ui-menu-option__text"},[e._v(e._s(e.label))]),e._v(" "),e.secondaryText?o("div",{staticClass:"ui-menu-option__secondary-text"},[e._v("\n "+e._s(e.secondaryText)+"\n ")]):e._e()],1)]),e._v(" "),e.disabled||e.isDivider||e.disableRipple?e._e():o("ui-ripple-ink")],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:e.toggleTransition},on:{"after-enter":e.onEnter,"after-leave":e.onLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"ui-modal ui-modal__mask",class:e.classes,attrs:{role:e.role},on:{click:function(t){return t.target!==t.currentTarget?null:e.onBackdropClick(t)}}},[o("div",{staticClass:"ui-modal__wrapper",class:{"has-dummy-scrollbar":e.preventShift},style:e.alignTopStyle,on:{click:function(t){return t.target!==t.currentTarget?null:e.onBackdropClick(t)}}},[o("ui-focus-container",{ref:"focusContainer",staticClass:"ui-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?(t.stopPropagation(),e.onEsc(t)):null}}},[e.removeHeader?e._e():o("div",{staticClass:"ui-modal__header"},[e._t("header",[o("h1",{staticClass:"ui-modal__header-text"},[e._v(e._s(e.title))])]),e._v(" "),o("div",{staticClass:"ui-modal__close-button"},[e.dismissOnCloseButton&&!e.removeCloseButton&&e.dismissible?o("ui-close-button",{on:{click:e.close}}):e._e()],1)],2),e._v(" "),o("div",{staticClass:"ui-modal__body"},[e._t("default")],2),e._v(" "),e.hasFooter?o("div",{staticClass:"ui-modal__footer"},[e._t("footer")],2):e._e()])],1)])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-icon"},[o("h1",{staticClass:"page__title"},[e._v("UiIcon")]),e._v(" "),e._m(0),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("Using Material Icons (default)")]),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("Using another icon set")]),e._v(" "),e._m(4),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("Using SVG: inline")]),e._v(" "),e._m(5),e._v(" "),e._m(6),e._v(" "),e._m(7),e._v(" "),e._m(8),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Default: icon font")]),e._v(" "),o("div",{staticClass:"page__demo is-boxed"},[o("div",{staticClass:"page__demo-group"},[o("ui-icon",[e._v("folder_open")]),e._v(" "),o("ui-icon",[e._v("home")]),e._v(" "),o("ui-icon",[e._v("info_outline")]),e._v(" "),o("ui-icon",[e._v("watch_later")]),e._v(" "),o("ui-icon",[e._v("mail_outline")]),e._v(" "),o("ui-icon",[e._v("pin_drop")]),e._v(" "),o("ui-icon",[e._v("favorite_border")]),e._v(" "),o("ui-icon",[e._v("maps")])],1),e._v(" "),o("div",{staticClass:"page__demo-group has-large-icons"},[o("ui-icon",{attrs:{icon:"watch"}}),e._v(" "),o("ui-icon",{attrs:{icon:"rss_feed"}}),e._v(" "),o("ui-icon",{attrs:{icon:"account_circle"}}),e._v(" "),o("ui-icon",{attrs:{icon:"play_circle_outline"}}),e._v(" "),o("ui-icon",{attrs:{icon:"drafts"}}),e._v(" "),o("ui-icon",{attrs:{icon:"attach_file"}}),e._v(" "),o("ui-icon",{attrs:{icon:"save"}}),e._v(" "),o("ui-icon",{attrs:{icon:"event"}})],1),e._v(" "),o("div",{staticClass:"page__demo-group is-inline"},[o("p",[e._v("Icons can also be inlined with text: "),o("ui-icon",[e._v("account_circle")]),e._v(" My Account.")],1)])]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("SVG: inline")]),e._v(" "),o("ui-icon",[o("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M17.016 6.984c2.766 0 4.969 2.25 4.969 5.016s-2.203 5.016-4.969 5.016h-4.031v-1.922h4.031c1.688 0 3.094-1.406 3.094-3.094s-1.406-3.094-3.094-3.094h-4.031v-1.922h4.031zM8.016 12.984v-1.969h7.969v1.969h-7.969zM3.891 12c0 1.688 1.406 3.094 3.094 3.094h4.031v1.922h-4.031c-2.766 0-4.969-2.25-4.969-5.016s2.203-5.016 4.969-5.016h4.031v1.922h-4.031c-1.688 0-3.094 1.406-3.094 3.094z"}})])]),e._v(" "),e._m(9),e._v(" "),o("div",{staticStyle:{display:"none"}},[o("svg",{staticStyle:{position:"absolute",width:"0",height:"0",overflow:"hidden"},attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[o("defs",[o("symbol",{attrs:{id:"icon-link",viewBox:"0 0 24 24"}},[o("title",[e._v("link")]),e._v(" "),o("path",{staticClass:"path1",attrs:{d:"M17.016 6.984c2.766 0 4.969 2.25 4.969 5.016s-2.203 5.016-4.969 5.016h-4.031v-1.922h4.031c1.688 0 3.094-1.406 3.094-3.094s-1.406-3.094-3.094-3.094h-4.031v-1.922h4.031zM8.016 12.984v-1.969h7.969v1.969h-7.969zM3.891 12c0 1.688 1.406 3.094 3.094 3.094h4.031v1.922h-4.031c-2.766 0-4.969-2.25-4.969-5.016s2.203-5.016 4.969-5.016h4.031v1.922h-4.031c-1.688 0-3.094 1.406-3.094 3.094z"}})])])])]),e._v(" "),o("ui-icon",{attrs:{icon:"icon-link","use-svg":""}})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("ariaLabel")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The icon's ARIA label (important for accessibility, but should not be added for purely decorative icons).")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The icon name (when using an icon font) or the symbol id (when "),o("code",[e._v("useSvg")]),e._v(" is "),o("code",[e._v("true")]),e._v(").")]),e._v(" "),o("p",[e._v("By default this can be any of the "),o("a",{
+attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("Required when using an icon font or "),o("code",[e._v("useSvg")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("iconSet")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"material-icons"')])]),e._v(" "),o("td",[o("p",[e._v("The icon set, applied as a class on the icon root element.")])])]),e._v(" "),o("tr",[o("td",[e._v("removeText")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to remove the icon element's inner text. Set to "),o("code",[e._v("true")]),e._v(" to remove the inner text.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("icon")]),e._v(" prop is set as the inner text by default because Material Icons use ligatures for rendering the icon glyph.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("useSvg")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the inner text is removed regardless of the value of "),o("code",[e._v("removeText")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("useSvg")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not to use an SVG "),o("code",[e._v("use")]),e._v(" tag for rendering the icon.")]),e._v(" "),o("p",[e._v("See the "),o("b",[e._v("Using SVG: "),o("code",[e._v("")])]),e._v(" section above for details.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the name of the icon when using an icon font. Can also hold SVG for a custom icon.")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiIcon shows an icon glyph. Icons are "),o("code",[e._v("24px")]),e._v(" by "),o("code",[e._v("24px")]),e._v(" (relative to a root font size of 16px), but the size can be changed by overriding the CSS "),o("code",[e._v("font-size")]),e._v(" property of "),o("code",[e._v(".ui-icon")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("By default UiIcon uses icons from the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(" web font, which must be loaded for icons to display properly. The simplest way to do this is by adding the Google Web font to the head of your page:")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("pre",[o("code",{staticClass:"language-html"},[e._v('")]),e._v(" tag. The SVG icon will inherit the color and size defined on "),o("code",[e._v(".ui-icon")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("Using SVG: "),o("code",[e._v("")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("If you are using an SVG sprite, set "),o("code",[e._v("useSvg")]),e._v(" to "),o("code",[e._v("true")]),e._v(" and set the "),o("code",[e._v("icon")]),e._v(" prop to the icon symbol's "),o("code",[e._v("id")]),e._v(" in your sprite. This will render the correct "),o("code",[e._v("")]),e._v(" and "),o("code",[e._v("")]),e._v(" tags referencing the icon.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiIcon.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h4",{staticClass:"page__demo-title"},[e._v("SVG: "),o("code",[e._v("useSvg")]),e._v(" and "),o("code",[e._v("icon")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-ripple-ink"})},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.isAnchor?"a":"button",{tag:"component",staticClass:"ui-button",class:e.classes,attrs:{disabled:e.disabled||e.loading,href:e.isAnchor?e.disabled?null:e.href:null,type:e.isAnchor?null:e.buttonType},on:{click:e.onClick}},[o("div",{staticClass:"ui-button__content"},[e.icon||e.$slots.icon?o("div",{staticClass:"ui-button__icon"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),e._t("default"),e._v(" "),e.hasDropdown&&"right"!==e.iconPosition?o("ui-icon",{staticClass:"ui-button__dropdown-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):e._e()],2),e._v(" "),o("div",{staticClass:"ui-button__focus-ring"}),e._v(" "),e.loading?o("ui-progress-circular",{staticClass:"ui-button__progress",attrs:{"disable-transition":"",color:e.progressColor,size:18,stroke:4.5}}):e._e(),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink"),e._v(" "),e.hasDropdown?o("ui-popover",{ref:"dropdown",attrs:{"contain-focus":"","append-to-body":e.appendDropdownToBody,"constrain-to-scroll-parent":e.constrainDropdownToScrollParent,position:e.dropdownPosition,"open-on":e.openDropdownOn},on:{close:e.onDropdownClose,open:e.onDropdownOpen}},[e._t("dropdown")],2):e._e(),e._v(" "),e.tooltip?o("ui-tooltip",{attrs:{"open-on":e.openTooltipOn,position:e.tooltipPosition}},[e._v(e._s(e.tooltip))]):e._e()],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-radio"},[o("h2",{staticClass:"page__title"},[e._v("UiRadio")]),e._v(" "),o("p",[e._v("UiRadio shows a single radio button. The radio button can have a label. It supports hover and disabled states. The position of the radio button relative to the label can be changed.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio1-value"},model:{value:e.radio1,callback:function(t){e.radio1=t},expression:"radio1"}},[e._v("Select")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Checked")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio2-value",checked:""},model:{value:e.radio2,callback:function(t){e.radio2=t},expression:"radio2"}},[e._v("Select")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: accent")]),e._v(" "),o("ui-radio",{attrs:{color:"accent","true-value":"radio3-value"},model:{value:e.radio3,callback:function(t){e.radio3=t},expression:"radio3"}},[e._v("Select")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Color: accent, checked")]),e._v(" "),o("ui-radio",{attrs:{color:"accent","true-value":"radio4-value",checked:""},model:{value:e.radio4,callback:function(t){e.radio4=t},expression:"radio4"}},[e._v("Select")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Button position: right")]),e._v(" "),o("div",{staticClass:"page__demo-group has-button-right"},[o("ui-radio",{attrs:{"button-position":"right","true-value":"radio5-value"},model:{value:e.radio5,callback:function(t){e.radio5=t},expression:"radio5"}},[e._v("Select")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("No Label")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio6-value"},model:{value:e.radio6,callback:function(t){e.radio6=t},expression:"radio6"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("No Label, checked")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio7-value",checked:""},model:{value:e.radio7,callback:function(t){e.radio7=t},expression:"radio7"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio8-value",disabled:""},model:{value:e.radio8,callback:function(t){e.radio8=t},expression:"radio8"}},[e._v("Select")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled, checked")]),e._v(" "),o("ui-radio",{attrs:{"true-value":"radio9-value",checked:"",disabled:""},model:{value:e.radio9,callback:function(t){e.radio9=t},expression:"radio9"}},[e._v("Select")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the radio input element.")])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The radio label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td",[e._v("Required")]),e._v(" "),o("td",[o("p",[e._v("The model the radio value syncs to.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("trueValue *")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td",[e._v("Required")]),e._v(" "),o("td",[e._v("The value that is written to the model when the radio is selected.")])]),e._v(" "),o("tr",[o("td",[e._v("checked")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the radio is selected by default.")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[e._v("The color of a selected radio button. One of "),o("code",[e._v("primary")]),e._v(" or "),o("code",[e._v("accent")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("buttonPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[e._v("The position of the radio button relative to the label. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The radio input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the radio button is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the radio.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the radio button label and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the radio button is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the radio button loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the radio value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the radio value changes. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[e._v("onchange event documentation")]),e._v(" for more information.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the radio.")]),e._v(" "),o("p",[e._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[e._v("input modality")]),e._v(" is not keyboard.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiRadio supports two colors: "),o("code",[e._v("primary")]),e._v(" and "),o("code",[e._v("accent")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("To show a group of mutually exclusive radio buttons, use "),o("a",{attrs:{href:"#/ui-radio-group"}},[e._v("UiRadioGroup")]),e._v(" or use multiple UiRadios with a shared "),o("code",[e._v("v-model")]),e._v("/"),o("code",[e._v("value")]),e._v(" and "),o("code",[e._v("name")]),e._v(" prop.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiRadio.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("aside",{staticClass:"keen-docs-sidebar"},[o("brand",{staticClass:"keen-docs-sidebar__header",attrs:{"repo-url":e.repoUrl,"version-url":e.versionUrl,version:e.version}}),e._v(" "),o("div",{staticClass:"keen-docs-sidebar__scrollable"},[e._m(0),e._v(" "),o("div",{staticClass:"keen-docs-sidebar__version-select"},[o("ui-select",{attrs:{options:e.versions},on:{select:e.onVersionSelect},model:{value:e.selectedVersion,callback:function(t){e.selectedVersion=t},expression:"selectedVersion"}},[e._v("Version")])],1),e._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu"},[o("li",{staticClass:"keen-docs-sidebar__menu-section"},[o("div",{staticClass:"keen-docs-sidebar__menu-section-header"},[e._v("Usage")]),e._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu-section-links"},[o("li",[o("a",{staticClass:"keen-docs-sidebar__menu-item",attrs:{href:"https://github.com/JosephusPaye/Keen-UI/tree/master#keen-ui",rel:"noopener",target:"_blank"}},[e._v("Getting Started "),o("ui-icon",[e._v("open_in_new")])],1)]),e._v(" "),o("li",[o("a",{staticClass:"keen-docs-sidebar__menu-item",attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#customization",rel:"noopener",target:"_blank"}},[e._v("Customization "),o("ui-icon",[e._v("open_in_new")])],1)])])]),e._v(" "),e._l(e.menu,function(t){return o("li",{key:t.title,staticClass:"keen-docs-sidebar__menu-section"},[o("div",{staticClass:"keen-docs-sidebar__menu-section-header"},[e._v(e._s(t.title))]),e._v(" "),o("ul",{staticClass:"keen-docs-sidebar__menu-section-links"},e._l(t.menu,function(t){return o("li",{key:t.path},[o("router-link",{staticClass:"keen-docs-sidebar__menu-item",attrs:{exact:"",to:t.path}},[e._v("\n "+e._s(t.title)+"\n ")])],1)}),0)])})],2)])],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"keen-docs-sidebar__description"},[o("p",[e._v("Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.")]),e._v(" "),o("p",[e._v("Created by "),o("a",{attrs:{rel:"noopener",target:"_blank",href:"https://twitter.com/JosephusPaye"}},[e._v("Josephus Paye II")]),e._v(".")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.tag,{tag:"component",staticClass:"ui-focus-container"},[e.renderRedirector?o("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(t){e.redirectFocus(t,{isTabbingForward:!1})}}}):e._e(),e._v(" "),o("div",{ref:"content",staticClass:"ui-focus-container__content",attrs:{tabindex:"-1"}},[e._t("default")],2),e._v(" "),!e.disabled&&e.containFocus?o("span",{ref:"lastFocusable",staticClass:"ui-focus-container__last-focusable",attrs:{tabindex:"-1"}}):e._e(),e._v(" "),e.renderRedirector?o("span",{staticClass:"ui-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(t){e.redirectFocus(t,{isTabbingForward:!0})}}}):e._e()])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-tooltip"},[e._t("default")],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-calendar-controls",class:e.classes},[o("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_left",type:"secondary",color:"default"===e.color?"default":"white",disabled:e.previousMonthDisabled},on:{click:e.goToPreviousMonth}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M15.422 16.078l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z"}})])])],1),e._v(" "),o("div",{staticClass:"ui-calendar-controls__month-and-year"},[e._v(e._s(e.monthAndYear))]),e._v(" "),o("ui-icon-button",{staticClass:"ui-calendar-controls__nav-button",attrs:{icon:"keyboard_arrow_right",type:"secondary",color:"default"===e.color?"default":"white",disabled:e.nextMonthDisabled},on:{click:e.goToNextMonth}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M8.578 16.36l4.594-4.595L8.578 7.17l1.406-1.405 6 6-6 6z"}})])])],1)],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-tabs"},[o("h2",{staticClass:"page__title"},[e._v("UiTabs")]),e._v(" "),o("p",[e._v("The UiTabs and UiTab components are used together to create a tab container with one or more tabs.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),o("p",[e._v("UiTabs and UiTab include the recommended ARIA attributes for accessibility and can be navigated with the keyboard.")]),e._v(" "),e._m(3),e._v(" "),o("div",{staticClass:"page__examples"},[o("h3",{staticClass:"page__demo-title"},[e._v("Demo")]),e._v(" "),o("ui-tabs",{attrs:{"background-color":e.backgroundColor,fullwidth:e.fullwidth,"indicator-color":e.indicatorColor,raised:e.raised,"text-color-active":e.textColorActive,"text-color":e.textColor,type:e.type}},e._l(e.demoTabs,function(t){return o("ui-tab",{key:t.title,attrs:{selected:"Collections"===t.title,title:t.title}},[o("ui-icon",{attrs:{slot:"icon",icon:t.icon},slot:"icon"}),e._v(" "),o("p",[e._v(e._s(t.title)+": A link to "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI",target:"_blank",rel:"noopener"}},[e._v("Github")]),e._v(".")])],1)}),1),e._v(" "),o("div",{staticClass:"page__demo-controls"},[o("ui-radio-group",{staticClass:"mb-8",attrs:{name:"type",options:["text","icon","icon-and-text"]},model:{value:e.type,callback:function(t){e.type=t},expression:"type"}},[e._v("Type")]),e._v(" "),o("ui-radio-group",{staticClass:"mb-12",attrs:{name:"color",options:["default","primary","accent"]},model:{value:e.backgroundColor,callback:function(t){e.backgroundColor=t},expression:"backgroundColor"}},[e._v("Background color")]),e._v(" "),o("div",{staticClass:"page__demo-controls-row"},[o("ui-checkbox",{staticClass:"mr-16",model:{value:e.fullwidth,callback:function(t){e.fullwidth=t},expression:"fullwidth"}},[e._v("Fullwidth")]),e._v(" "),o("ui-checkbox",{model:{value:e.raised,callback:function(t){e.raised=t},expression:"raised"}},[e._v("Raised")])],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom header with HTML")]),e._v(" "),o("ui-tabs",{attrs:{fullwidth:""}},e._l(e.demoTabs,function(t){return o("ui-tab",{key:t.title},[o("div",{staticClass:"my-custom-tab-header",attrs:{slot:"header"},slot:"header"},[o("ui-icon",{attrs:{slot:"icon",icon:t.icon},slot:"icon"}),e._v(" "),o("span",[e._v(e._s(t.title)+": "),o("i",[e._v("HTML")])])],1),e._v(" "),o("p",[e._v(e._s(t.title))])])}),1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Control programmatically")]),e._v(" "),o("ui-tabs",{ref:"controlTabs",attrs:{type:"icon-and-text",fullwidth:""}},e._l(e.controlTabs,function(t){return o("ui-tab",{key:t.id,attrs:{disabled:"tab2"===t.id&&e.disableTab2,id:t.id,title:t.title}},[o("ui-icon",{attrs:{slot:"icon",icon:t.icon},slot:"icon"}),e._v(" "),o("div",[e._v(e._s(t.title))])],1)}),1),e._v(" "),o("ui-button",{on:{click:e.toggleTab2}},[e._v("Toggle Tab 2")]),e._v(" "),o("ui-button",{on:{click:e.selectTab3}},[e._v("Select Tab 3")]),e._v(" "),o("ui-button",{attrs:{disabled:6===e.controlTabs.length},on:{click:e.addTab}},[e._v("Add Tab")]),e._v(" "),o("ui-button",{attrs:{disabled:3===e.controlTabs.length},on:{click:e.removeTab}},[e._v("Remove Tab")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Confirm tab change")]),e._v(" "),o("ui-tabs",{attrs:{fullwidth:"","confirm-tab-change":e.confirmTabChange}},[o("ui-tab",{attrs:{title:"Tab 1"}},[e._v("Tab 1 content")]),e._v(" "),o("ui-tab",{attrs:{title:"Tab 2"}},[e._v("Tab 2 content")]),e._v(" "),o("ui-tab",{attrs:{title:"Tab 3"}},[e._v("Tab 3 content")])],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API: UiTabs")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"text"')])]),e._v(" "),o("td",[e._v("The type of tabs. One of "),o("code",[e._v("text")]),e._v(", "),o("code",[e._v("icon")]),e._v(" or "),o("code",[e._v("icon-and-text")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("confirmTabChange")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A function that will be called for confirmation when the user attempts to change tabs.")]),e._v(" "),o("p",[e._v("The function is called with the current tab (source) and the new tab (destination), and should return "),o("code",[e._v("true")]),e._v(" to allow the change, and "),o("code",[e._v("false")]),e._v(" to deny it.")]),e._v(" "),o("p",[e._v("Note that this function should be synchronous.")])])]),e._v(" "),o("tr",[o("td",[e._v("backgroundColor")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[o("p",[e._v("The background color of the tab headers.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(" or "),o("code",[e._v("clear")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("textColor")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"black"')])]),e._v(" "),o("td",[o("p",[e._v("The text and icon color of the unselected tab headers.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("black")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("textColorActive")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The text and icon color of the selected tab header.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", or "),o("code",[e._v("white")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("indicatorColor")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The color of the selected tab indicator.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(" or "),o("code",[e._v("white")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("fullwidth")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the tab header items expand to fill the space available.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a fullwidth tab header.")])])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the tab container has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to raise the tabs.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is shown when a tab header is clicked.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the child UiTab components.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("tab-click")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a tab's header is clicked, whether or not the tab is selected. The handler is called with the tab and the click event.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@tab-click")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("tab-change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the active tab is changed. The handler is called with the new tab.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@tab-change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("setActiveTab()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically change the active tab. It accepts the following arguments:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("tabId")]),e._v(" (required): The id of the tab to select.")])])])])])])])])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API: UiTab")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("id")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[e._v("Auto-generated "),o("br"),e._v(" unique ID")]),e._v(" "),o("td",[o("p",[e._v("The tab id. Applied as the "),o("code",[e._v("id")]),e._v(" attribute on the tab's root element and used when programmatically changing the active tab.")])])]),e._v(" "),o("tr",[o("td",[e._v("title")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The tab title (text only).")])]),e._v(" "),o("tr",[o("td",[e._v("selected")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the tab is selected by default.")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the tab is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the tab and prevent user interaction.")]),e._v(" "),o("p",[e._v("If a tab is selected when its "),o("code",[e._v("disabled")]),e._v(" prop is changed to "),o("code",[e._v("true")]),e._v(", the nearest available tab is automatically selected.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the tab content and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the tab icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("header")]),e._v(" "),o("td",[o("p",[e._v("Holds the tab header and can contain HTML. Overrides the default header. Use this slot for a custom tab header.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"
+},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("select")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the tab is selected. The handler is called with the tab's "),o("code",[e._v("id")]),e._v(".")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@select")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("deselect")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the tab is deselected (i.e. when the user selects another tab). The handler is called with the tab's "),o("code",[e._v("id")]),e._v(".")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@deselect")]),e._v(".")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTabs is the tab container and its props is what you use to customize the tab headers. UiTab is a single tab on which you set tab-specific props like "),o("code",[e._v("title")]),e._v(", "),o("code",[e._v("disabled")]),e._v(", etc. UiTab should only be used as a direct child of UiTabs.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTabs can be one of three types: "),o("code",[e._v("text")]),e._v(" (for text only), "),o("code",[e._v("icon")]),e._v(" (for icon only) or "),o("code",[e._v("icon-and-text")]),e._v(". The tab headers can be fullwidth or take up only as much space as needed. The tab container can be raised to add a drop shadow.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTabs header can have any one of four possible background colors: "),o("code",[e._v("default")]),e._v(" (gray), "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(" and "),o("code",[e._v("clear")]),e._v(". The header text colors and active tab indicator color can also be customized.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTabs.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-preloader"},[o("h2",{staticClass:"page__title"},[e._v("UiPreloader")]),e._v(" "),o("p",[e._v("UiPreloader shows an indeterminate progress bar using the primary Material Design colors. Useful for indicating activity like a page load.")]),e._v(" "),o("p",[e._v("UiPreloader is not from the Material Design spec, but inspired by a similar component seen in Google's Inbox app.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("ui-preloader",{attrs:{show:e.loading}}),e._v(" "),o("ui-button",{on:{click:function(t){e.loading=!e.loading}}},[e._v("Toggle Loading")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("show *")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[e._v("(required)")]),e._v(" "),o("td",[o("p",[e._v("Whether or not the preloader is shown. Changing this value will show/hide the preloader.")])])])])])]),e._v("\n\n * Required prop\n ")])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiPreloader.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-datepicker",class:e.classes},[o("input",{staticClass:"ui-datepicker__hidden-input",attrs:{type:"hidden",name:e.name},domProps:{value:e.submittedValue}}),e._v(" "),e.icon||e.$slots.icon?o("div",{staticClass:"ui-datepicker__icon-wrapper"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-datepicker__content"},[o("div",{ref:"label",staticClass:"ui-datepicker__label",attrs:{tabindex:e.disabled?null:e.tabindex||"0"},on:{focus:e.onFocus,click:function(t){e.togglePicker({returnFocus:!1})},keydown:[function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?(t.preventDefault(),void e.togglePicker({returnFocus:!1})):null},function(t){return"button"in t||!e._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?(t.preventDefault(),void e.togglePicker({returnFocus:!1})):null},function(t){return"button"in t||!e._k(t.keyCode,"tab",9,t.key,"Tab")?e.onTabAway(t):null}]}},[e.label||e.$slots.default?o("div",{staticClass:"ui-datepicker__label-text",class:e.labelClasses},[e._t("default",[e._v(e._s(e.label))])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-datepicker__display"},[o("div",{staticClass:"ui-datepicker__display-value",class:{"is-placeholder":!e.hasDisplayText}},[e._v("\n "+e._s(e.hasDisplayText?e.displayText:e.hasFloatingLabel&&e.isLabelInline?null:e.placeholder)+"\n ")]),e._v(" "),e.usesPopover&&!e.disabled?o("ui-icon",{staticClass:"ui-datepicker__dropdown-button"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M6.984 9.984h10.03L12 15z"}})])]):e._e()],1),e._v(" "),e.usesPopover?o("ui-popover",{directives:[{name:"show",rawName:"v-show",value:!e.disabled,expression:"!disabled"}],ref:"popover",attrs:{"contain-focus":"","open-on":"manual","close-on-scroll":!1,"append-to-body":e.appendDropdownToBody,"z-index":e.dropdownZIndex},on:{close:e.onPickerClose,open:e.onPickerOpen}},[o("ui-datepicker-calendar",{attrs:{color:e.color,"date-filter":e.dateFilter,lang:e.lang,"max-date":e.maxDate,"min-date":e.minDate,orientation:e.orientation,value:e.date,"start-of-week":e.startOfWeek,"year-range":e.yearRange},on:{"date-select":e.onDateSelect}})],1):e._e()],1),e._v(" "),e.hasFeedback?o("div",{staticClass:"ui-datepicker__feedback"},[e.showError?o("div",{staticClass:"ui-datepicker__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-datepicker__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e()]):e._e()]),e._v(" "),e.usesModal&&!e.disabled?o("ui-modal",{ref:"modal",attrs:{"remove-header":"",size:"auto"},on:{hidden:e.onPickerClose,open:e.onPickerOpen}},[o("ui-datepicker-calendar",{attrs:{color:e.color,"date-filter":e.dateFilter,lang:e.lang,"max-date":e.maxDate,"min-date":e.minDate,orientation:e.orientation,value:e.date,"start-of-week":e.startOfWeek,"year-range":e.yearRange},on:{"date-select":e.onDateSelect}})],1):e._e()],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("label",{staticClass:"ui-checkbox",class:e.classes},[o("input",{ref:"input",staticClass:"ui-checkbox__input",attrs:{type:"checkbox",disabled:e.disabled,name:e.name,tabindex:e.tabindex},domProps:{checked:e.isChecked,value:e.submittedValue},on:{blur:e.onBlur,click:e.onClick,focus:e.onFocus}}),e._v(" "),e._m(0),e._v(" "),e.label||e.$slots.default?o("div",{staticClass:"ui-checkbox__label-text"},[e._t("default",[e._v(e._s(e.label))])],2):e._e()])},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-checkbox__checkmark"},[o("div",{staticClass:"ui-checkbox__focus-ring"})])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-checkbox-group",class:e.classes},[e.label||e.$slots.default?o("div",{staticClass:"ui-checkbox-group__label-text"},[e._t("default",[e._v(e._s(e.label))])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-checkbox-group__checkboxes"},e._l(e.options,function(t,i){return o("ui-checkbox",{key:t[e.keys.id],staticClass:"ui-checkbox-group__checkbox",class:t[e.keys.class],attrs:{"box-position":e.boxPosition,checked:e.isOptionCheckedByDefault(t),color:e.color,disabled:e.disabled||t[e.keys.disabled],id:t[e.keys.id],name:e.name||t[e.keys.name]},on:{blur:e.onBlur,change:function(o){e.onChange(arguments,t)},focus:e.onFocus},model:{value:e.checkboxValues[i],callback:function(t){e.$set(e.checkboxValues,i,t)},expression:"checkboxValues[index]"}},[e._v(e._s(t[e.keys.label]||t))])}),1),e._v(" "),e.hasFeedback?o("div",{staticClass:"ui-checkbox-group__feedback"},[e.showError?o("div",{staticClass:"ui-checkbox-group__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-checkbox-group__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e()]):e._e()])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("button",{staticClass:"ui-close-button",class:e.classes,attrs:{"aria-label":"Close",type:"button",disabled:e.disabled},on:{click:e.onClick}},[o("div",{staticClass:"ui-close-button__icon"},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])])],1),e._v(" "),o("span",{staticClass:"ui-close-button__focus-ring"}),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink")],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("transition",{attrs:{name:e.disableTransition?null:"ui-progress-circular--transition-fade"}},[o("div",{staticClass:"ui-progress-circular",class:e.classes,style:{width:e.size+"px",height:e.size+"px"}},["determinate"===e.type?o("svg",{staticClass:"ui-progress-circular__determinate",attrs:{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":e.progress,height:e.size,width:e.size}},[o("circle",{staticClass:"ui-progress-circular__determinate-path",style:{"stroke-dashoffset":e.strokeDashOffset,"stroke-width":e.calculatedStroke},attrs:{fill:"transparent","stroke-dashoffset":"0",cx:e.size/2,cy:e.size/2,r:e.radius,"stroke-dasharray":e.strokeDashArray}})]):o("svg",{staticClass:"ui-progress-circular__indeterminate",attrs:{role:"progressbar",viewBox:"25 25 50 50","aria-valuemax":100,"aria-valuemin":0}},[o("circle",{staticClass:"ui-progress-circular__indeterminate-path",attrs:{cx:"50",cy:"50",fill:"none",r:"20","stroke-miterlimit":"10","stroke-width":e.calculatedStroke}})])])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-autocomplete",class:e.classes},[e.icon||e.$slots.icon?o("div",{staticClass:"ui-autocomplete__icon-wrapper"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-autocomplete__content"},[o("label",{staticClass:"ui-autocomplete__label"},[e.label||e.$slots.default?o("div",{staticClass:"ui-autocomplete__label-text",class:e.labelClasses},[e._t("default",[e._v(e._s(e.label))])],2):e._e(),e._v(" "),o("ui-icon",{directives:[{name:"show",rawName:"v-show",value:!e.disabled&&e.valueLength>0,expression:"!disabled && valueLength > 0"}],staticClass:"ui-autocomplete__clear-button",attrs:{title:"Clear"},nativeOn:{click:function(t){e.updateValue("")}}},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 6.422L13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"}})])]),e._v(" "),o("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:e.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-autocomplete__input",attrs:{autocomplete:"off",disabled:e.disabled,name:e.name,placeholder:e.hasFloatingLabel?null:e.placeholder,readonly:e.readonly?e.readonly:null,tabindex:e.tabindex},domProps:{value:e.value},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:function(t){e.updateValue(t.target.value)},keydown:[function(t){return"button"in t||!e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?(t.preventDefault(),void e.highlightSuggestion(e.highlightedIndex+1)):null},function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?void e.selectHighlighted(e.highlightedIndex,t):null},function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?e.closeDropdown(t):null},function(t){return"button"in t||!e._k(t.keyCode,"tab",9,t.key,"Tab")?e.closeDropdown(t):null},function(t){return"button"in t||!e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?(t.preventDefault(),void e.highlightSuggestion(e.highlightedIndex-1)):null}]}}),e._v(" "),o("ul",{directives:[{name:"show",rawName:"v-show",value:e.showDropdown,expression:"showDropdown"}],staticClass:"ui-autocomplete__suggestions"},e._l(e.matchingSuggestions,function(t,i){return o("ui-autocomplete-suggestion",{key:i,ref:"suggestions",refInFor:!0,attrs:{highlighted:e.highlightedIndex===i,keys:e.keys,suggestion:t,type:e.type},nativeOn:{click:function(o){e.selectSuggestion(t)}}},[e._t("suggestion",null,{highlighted:e.highlightedIndex===i,index:i,suggestion:t})],2)}),1)],1),e._v(" "),e.hasFeedback?o("div",{staticClass:"ui-autocomplete__feedback"},[e.showError?o("div",{staticClass:"ui-autocomplete__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-autocomplete__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e()]):e._e()])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{directives:[{name:"show",rawName:"v-show",value:e.isActive,expression:"isActive"}],staticClass:"ui-tab",attrs:{role:"tabpanel","aria-hidden":e.isActive?null:"true",id:e.id,tabindex:e.isActive?"0":null}},[e._t("default")],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-collapsible"},[o("h2",{staticClass:"page__title"},[e._v("UiCollapsible")]),e._v(" "),o("p",[e._v("UiCollapsible shows collapsible content. It includes a header and a body and can be initially opened or closed (defaults to closed).")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__demo"},[o("ui-collapsible",{attrs:{title:"This is open initially",open:""}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"Longer body content"}},[o("b",[e._v("Howdy!")]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.")]),e._v(" "),o("a",{attrs:{tabindex:"0"}},[e._v("A link here")]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.")])]),e._v(" "),o("ui-collapsible",[o("div",{attrs:{slot:"header"},slot:"header"},[e._v("\n HTML "),o("b",[e._v("supported")]),e._v(" in header\n ")]),e._v("\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",[o("div",{attrs:{slot:"header"},slot:"header"},[e._v("\n Multiline header: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id cupiditate, nihil magni accusantium. Suscipit natus provident ab vitae, ad tenetur.\n ")]),e._v("\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"This collapsible is disabled",disabled:""}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"The header icon can be removed","remove-icon":""}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"With content popping out"}},[o("ui-select",{staticClass:"mb-0",attrs:{label:"Favourite colour",placeholder:"Select a colour",options:e.colors},model:{value:e.select,callback:function(t){e.select=t},expression:"select"}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Accordion set")]),e._v(" "),e._m(2),e._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 1",open:e.accordions[0]},on:{open:function(t){e.onAccordionOpen(0)},close:function(t){e.onAccordionClose(0)}}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 2",open:e.accordions[1]},on:{open:function(t){e.onAccordionOpen(1)},close:function(t){e.onAccordionClose(1)}}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")]),e._v(" "),o("ui-collapsible",{attrs:{title:"Collapsible 3",open:e.accordions[2]},on:{open:function(t){e.onAccordionOpen(2)},close:function(t){e.onAccordionClose(2)}}},[e._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!\n ")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether the collapsible is open or closed.")]),e._v(" "),o("p",[e._v("Changing this value will open/close the collapsible.")])])]),e._v(" "),o("tr",[o("td",[e._v("title")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The collapsible title (text only). For HTML, use the header slot.")])]),e._v(" "),o("tr",[o("td",[e._v("removeIcon")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the header icon is removed.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to remove the icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation on the collapsible header is disabled.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the collapsible is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the collapsible.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the collapsible content and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("header")]),e._v(" "),o("td",[e._v("Holds the the collapsible header and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the collapsible is opened. You should listen for this event and update the "),o("code",[e._v("open")]),e._v(" prop to "),o("code",[e._v("true")]),e._v(".")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the collapsible is closed. You should listen for this event and update the "),o("code",[e._v("open")]),e._v(" prop to "),o("code",[e._v("false")]),e._v(".")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("Both the header and body are fully customizable (using "),o("code",[e._v("slots")]),e._v("). UiCollapsible is keyboard accessible and it supports a disabled state.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiCollapsible.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("By listening for the "),o("code",[e._v("open")]),e._v(" and "),o("code",[e._v("close")]),e._v(" events on each collapsible and controlling the "),o("code",[e._v("open")]),e._v(" prop, you can create an accordion set.")])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-tooltip"},[o("h2",{staticClass:"page__title"},[e._v("UiTooltip")]),e._v(" "),o("p",[e._v("UiTooltip shows a tooltip on an element. The tooltip position relative to the associated element and the event that causes the tooltip to open can be customized.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),o("div",{staticClass:"page__examples"},[o("div",{staticClass:"page__demo-group page__demo-group--the-simpsons"},e._l(e.theSimpsons,function(t,i){return o("div",{key:i,staticClass:"image-pane",style:{"background-image":"url("+t.image+")"},attrs:{tabindex:"0"}},[o("ui-tooltip",{attrs:{position:t.position,animation:t.animation}},[e._v(e._s(t.name))])],1)}),0)]),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("animation")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"fade"')])]),e._v(" "),o("td",[o("p",[e._v("The type of animation to use when showing or hiding the tooltip.")]),e._v(" "),o("p",[e._v("One of: "),o("code",[e._v("fade")]),e._v(", "),o("code",[e._v("shift-away")]),e._v(", "),o("code",[e._v("scale")]),e._v(", or "),o("code",[e._v("none")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("appendToBody")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the tooltip is appended to "),o("code",[e._v("document.body")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to append the tooltip to the trigger's parent element.")])])]),e._v(" "),o("tr",[o("td",[e._v("openDelay")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[o("p",[e._v("The amount of time to wait (in milliseconds) before showing the tooltip when it is triggered.")])])]),e._v(" "),o("tr",[o("td",[e._v("openOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"mouseenter focus"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the tooltip to open.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("hover")]),e._v("/"),o("code",[e._v("mouseenter")]),e._v(", or "),o("code",[e._v("focus")]),e._v(". Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("position")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"bottom"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the tooltip relative to the trigger.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("trigger")]),e._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[e._v("Element")]),e._v(","),o("br"),e._v("VueComponent,"),o("br"),e._v("String")]),e._v(" "),o("td",[e._v("Parent element")]),e._v(" "),o("td",[o("p",[e._v("An Element, VueComponent instance, or CSS selector for an element to use as the trigger.")]),e._v(" "),o("p",[e._v("It's recommended to leave "),o("code",[e._v("trigger")]),e._v(" unspecified so that the component's immediate parent can be used as the trigger.")]),e._v(" "),o("p",[e._v("The tooltip event listeners will be attached to this element, and when any of the "),o("code",[e._v("openOn")]),e._v(" events are triggered, a tooltip will be shown next to the element.")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("trigger")]),e._v(" is not provided or the selector doesn't match any element, the tooltip's immediate parent element is used as the trigger. Note that the parent used is the tooltip's parent in the DOM, not the Vue parent component.")])])]),e._v(" "),o("tr",[o("td",[e._v("zIndex")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The tooltip z-index. Passed to Tippy.js.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the tooltip content (should be text-only).")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTooltip uses a custom version of "),o("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener"}},[e._v("Tippy.js")]),e._v(", which uses "),o("a",{attrs:{href:"https://popper.js.org",target:"_blank",rel:"noopener"}},[e._v("Popper.js")]),e._v(" for dynamic positioning.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTooltip is used internally by "),o("a",{attrs:{href:"#/ui-icon-button"}},[e._v("UiIconButton")]),e._v(" and "),o("a",{attrs:{href:"#/ui-fab"}},[e._v("UiFab")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiTooltip.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("nav",{staticClass:"keen-docs-navbar"},[o("brand",{staticClass:"keen-docs-navbar__left",attrs:{"repo-url":e.repoUrl,"version-url":e.versionUrl,version:e.version}}),e._v(" "),o("div",{staticClass:"keen-docs-navbar__right"},[o("div",{staticClass:"keen-docs-navbar__right-container"},[o("ui-icon-button",{staticClass:"keen-docs-navbar__menu-button",attrs:{color:"white",type:"clear"},on:{click:function(t){e.$emit("toggle-sidebar")}}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M3 6h18v2.016H3V6zm0 6.984v-1.97h18v1.97H3zM3 18v-2.016h18V18H3z"}})])])],1),e._v(" "),o("h1",{staticClass:"keen-docs-navbar__title"},[e._v(e._s(e.title))]),e._v(" "),e.sourceUrl?o("a",{staticClass:"keen-docs-navbar__action",attrs:{rel:"noopener",target:"_blank",href:e.sourceUrl}},[e._v("View Source")]):e._e()],1)])],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("label",{staticClass:"ui-fileupload",class:e.classes},[e.renderInput?o("input",{ref:"input",staticClass:"ui-fileupload__input",attrs:{type:"file",accept:e.accept,disabled:e.disabled,multiple:e.multiple,name:e.name,required:e.required,tabindex:e.tabindex},on:{blur:e.onBlur,input:e.onInput,change:e.onChange,focus:e.onFocus}}):e._e(),e._v(" "),o("div",{staticClass:"ui-fileupload__content"},[o("div",{staticClass:"ui-fileupload__icon"},[e._t("icon",[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M5.016 18h13.969v2.016H5.016V18zM9 15.984v-6H5.016L12 3l6.984 6.984H15v6H9z"}})])])])],2),e._v(" "),e.hasSelection?o("span",{staticClass:"ui-fileupload__display-text"},[e._v(e._s(e.displayText))]):e._t("default",[e._v(e._s(e.placeholder))])],2),e._v(" "),o("div",{staticClass:"ui-fileupload__focus-ring"}),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink")],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-slider"},[o("h2",{staticClass:"page__title"},[e._v("UiSlider")]),e._v(" "),o("p",[e._v("UiSlider allows the user to select a value from a continuous range of values by moving the slider thumb, clicking on the slider, or using the keyboard arrow keys.")]),e._v(" "),o("p",[e._v("UiSlider supports an icon and a disabled state. The slider is keyboard accessible.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{
+staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-slider",{model:{value:e.slider1,callback:function(t){e.slider1=t},expression:"slider1"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon")]),e._v(" "),o("ui-slider",{attrs:{icon:"volume_up"},model:{value:e.slider2,callback:function(t){e.slider2=t},expression:"slider2"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With marker")]),e._v(" "),o("ui-slider",{attrs:{"show-marker":""},model:{value:e.slider3,callback:function(t){e.slider3=t},expression:"slider3"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With custom min and max: [1, 15]")]),e._v(" "),o("ui-slider",{attrs:{"show-marker":"",min:1,max:15,step:1},model:{value:e.slider4,callback:function(t){e.slider4=t},expression:"slider4"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Snap to steps: 20")]),e._v(" "),o("ui-slider",{attrs:{"show-marker":"","snap-to-steps":"",step:20},model:{value:e.slider5,callback:function(t){e.slider5=t},expression:"slider5"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-slider",{attrs:{icon:"volume_up",disabled:""},model:{value:e.slider6,callback:function(t){e.slider6=t},expression:"slider6"}}),e._v(" "),o("ui-button",{on:{click:e.resetSliders}},[e._v("Reset Sliders")])],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the slider's hidden input element. Useful when traditionally submitting a form the slider is a part of.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model *")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[e._v("(required)")]),e._v(" "),o("td",[o("p",[e._v("The model that the slider value syncs to. Changing this value will update the slider.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The slider icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can also use the "),o("code",[e._v("icon")]),e._v(" slot to show a custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("min")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("0")])]),e._v(" "),o("td",[e._v("The minimum slider value.")])]),e._v(" "),o("tr",[o("td",[e._v("max")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("100")])]),e._v(" "),o("td",[e._v("The maximum slider value.")])]),e._v(" "),o("tr",[o("td",[e._v("step")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("10")])]),e._v(" "),o("td",[e._v("The amount to increment or decrement the slider value by when using the keyboard arrow keys. Also determines the snap points on the slider when "),o("code",[e._v("snapToSteps")]),e._v(" is "),o("code",[e._v("true")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("snapToSteps")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the slider value should be snapped to discrete steps. Setting to "),o("code",[e._v("true")]),e._v(" will ensure that the value is always a multiple of the "),o("code",[e._v("step")]),e._v(" prop when a drag is completed.")])]),e._v(" "),o("tr",[o("td",[e._v("showMarker")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not to show a marker (like a tooltip) above the slider which shows the current value. The value shown can be customized using the "),o("code",[e._v("markerValue")]),e._v(" prop.")])]),e._v(" "),o("tr",[o("td",[e._v("markerValue")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The value shown in the marker when "),o("code",[e._v("showMarker")]),e._v(" is "),o("code",[e._v("true")]),e._v(". If not provided and "),o("code",[e._v("showMarker")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the slider's value is shown in the marker.")])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The slider input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the slider is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the slider.")])])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("Holds the slider icon and can be used to show a custom or SVG icon.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the slider is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the slider loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the slider value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the value of the slider is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("dragstart")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the user starts dragging the slider thumb. The handler is called with the current value and the drag event object.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dragstart")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("dragend")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the user stops dragging the slider thumb. The handler is called with the current value and the drag event object.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dragend")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the slider.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[e._v("Call this method to reset the slider's value to its initial value.")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiSlider.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.isAnchor?"a":"button",{tag:"component",staticClass:"ui-icon-button",class:e.classes,attrs:{"aria-label":e.ariaLabel||e.tooltip,disabled:e.disabled||e.loading,href:e.isAnchor?e.disabled?null:e.href:null,type:e.isAnchor?null:e.buttonType},on:{click:e.onClick}},[e.icon||e.$slots.default?o("div",{staticClass:"ui-icon-button__icon"},[e._t("default",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-icon-button__focus-ring"}),e._v(" "),e.loading?o("ui-progress-circular",{staticClass:"ui-icon-button__progress",attrs:{color:e.progressColor,size:"large"===e.size?24:18,stroke:4.5}}):e._e(),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink"),e._v(" "),e.hasDropdown?o("ui-popover",{ref:"dropdown",attrs:{"constain-focus":"","append-to-body":e.appendDropdownToBody,"constrain-to-scroll-parent":e.constrainDropdownToScrollParent,position:e.dropdownPosition,"open-on":e.openDropdownOn},on:{close:e.onDropdownClose,open:e.onDropdownOpen}},[e._t("dropdown")],2):e._e(),e._v(" "),e.tooltip?o("ui-tooltip",{attrs:{"open-on":e.openTooltipOn,position:e.tooltipPosition}},[e._v(e._s(e.tooltip))]):e._e()],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("li",{staticClass:"ui-select-option",class:e.classes},[e._t("default",["basic"===e.type?o("div",{staticClass:"ui-select-option__basic"},[e._v("\n "+e._s(e.option[e.keys.label]||e.option)+"\n ")]):e._e(),e._v(" "),"image"===e.type?o("div",{staticClass:"ui-select-option__image"},[o("div",{staticClass:"ui-select-option__image-object",style:e.imageStyle}),e._v(" "),o("div",{staticClass:"ui-select-option__image-text"},[e._v(e._s(e.option[e.keys.label]))])]):e._e(),e._v(" "),e.multiple?o("div",{staticClass:"ui-select-option__checkbox"},[e.selected?o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M9.984 17.016l9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.016 12zm9-14.016C20.11 3 21 3.938 21 5.016v13.97C21 20.062 20.11 21 18.984 21H5.014C3.89 21 3 20.064 3 18.986V5.015C3 3.94 3.89 3 5.014 3h13.97z"}})])]):o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M18.984 3C20.062 3 21 3.938 21 5.016v13.97C21 20.062 20.062 21 18.984 21H5.014C3.938 21 3 20.064 3 18.986V5.015C3 3.94 3.936 3 5.014 3h13.97zm0 2.016H5.014v13.97h13.97V5.015z"}})])])],1):e._e()])],2)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"keen-docs-brand"},[o("span",{staticClass:"keen-docs-brand__title"},[e._v("Keen UI")]),e._v(" "),o("a",{staticClass:"keen-docs-brand__version",attrs:{rel:"noopener",target:"_blank",title:"View release notes",href:e.versionUrl}},[e._v("v"+e._s(e.version))]),e._v(" "),o("a",{staticClass:"keen-docs-brand__button",attrs:{rel:"noopener",target:"_blank",title:"View on Github",href:e.repoUrl}},[o("ui-icon",[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[o("path",{attrs:{d:"M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"}})])])],1)])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-textbox",class:e.classes},[e.icon||e.$slots.icon?o("div",{staticClass:"ui-textbox__icon-wrapper"},[e._t("icon",[o("ui-icon",{attrs:{icon:e.icon}})])],2):e._e(),e._v(" "),o("div",{staticClass:"ui-textbox__content"},[o("label",{staticClass:"ui-textbox__label"},[e.multiLine?o("textarea",{directives:[{name:"autofocus",rawName:"v-autofocus",value:e.autofocus,expression:"autofocus"}],ref:"textarea",staticClass:"ui-textbox__textarea",attrs:{autocomplete:e.autocomplete?e.autocomplete:null,disabled:e.disabled,maxlength:e.enforceMaxlength?e.maxlength:null,name:e.name,placeholder:e.hasFloatingLabel?null:e.placeholder,readonly:e.readonly,required:e.required,rows:e.rows,tabindex:e.tabindex},domProps:{value:e.value},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:function(t){e.updateValue(t.target.value)},keydown:[function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?e.onKeydownEnter(t):null},e.onKeydown]}}):o("input",{directives:[{name:"autofocus",rawName:"v-autofocus",value:e.autofocus,expression:"autofocus"}],ref:"input",staticClass:"ui-textbox__input",attrs:{autocomplete:e.autocomplete?e.autocomplete:null,disabled:e.disabled,max:e.maxValue,maxlength:e.enforceMaxlength?e.maxlength:null,min:e.minValue,name:e.name,number:"number"===e.type||null,placeholder:e.hasFloatingLabel?null:e.placeholder,readonly:e.readonly,required:e.required,step:e.stepValue,tabindex:e.tabindex,type:e.type},domProps:{value:e.value},on:{blur:e.onBlur,change:e.onChange,focus:e.onFocus,input:function(t){e.updateValue(t.target.value)},keydown:[function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?e.onKeydownEnter(t):null},e.onKeydown]}}),e._v(" "),e.label||e.$slots.default?o("div",{staticClass:"ui-textbox__label-text",class:e.labelClasses},[e._t("default",[e._v(e._s(e.label))])],2):e._e()]),e._v(" "),e.hasFeedback||e.maxlength?o("div",{staticClass:"ui-textbox__feedback"},[e.showError?o("div",{staticClass:"ui-textbox__feedback-text"},[e._t("error",[e._v(e._s(e.error))])],2):e.showHelp?o("div",{staticClass:"ui-textbox__feedback-text"},[e._t("help",[e._v(e._s(e.help))])],2):e._e(),e._v(" "),e.maxlength?o("div",{staticClass:"ui-textbox__counter"},[e._v("\n "+e._s(e.valueLength+"/"+e.maxlength)+"\n ")]):e._e()]):e._e()])])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-toolbar",class:e.classes},[o("div",{staticClass:"ui-toolbar__left"},[e.removeNavIcon?e._e():o("div",{staticClass:"ui-toolbar__nav-icon"},[e._t("icon",[o("ui-icon-button",{attrs:{size:"large",type:"secondary",color:e.textColor,icon:e.navIcon},on:{click:e.navIconClick}})])],2),e._v(" "),e.brand||e.$slots.brand?o("div",{staticClass:"ui-toolbar__brand"},[e._t("brand",[o("div",{staticClass:"ui-toolbar__brand-text"},[e._v(e._s(e.brand))])])],2):e._e()]),e._v(" "),o("div",{staticClass:"ui-toolbar__body",class:{"has-brand-divider":e.hasBrandDivider}},[e._t("default",[e.title?o("div",{staticClass:"ui-toolbar__title"},[e._v(e._s(e.title))]):e._e()])],2),e._v(" "),o("div",{staticClass:"ui-toolbar__right"},[e._t("actions")],2),e._v(" "),o("ui-progress-linear",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],staticClass:"ui-toolbar__progress",attrs:{color:e.progressColor}})],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-datepicker-calendar",class:e.classes},[o("div",{staticClass:"ui-datepicker-calendar__header"},[o("div",{staticClass:"ui-datepicker-calendar__header-year",class:{"is-active":e.showYearPicker},attrs:{tabindex:"0"},on:{click:function(t){e.showYearPicker=!0},keydown:function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?void(e.showYearPicker=!0):null}}},[e._v(e._s(e.headerYear))]),e._v(" "),o("div",{staticClass:"ui-datepicker-calendar__header-date",class:{"is-active":!e.showYearPicker},attrs:{tabindex:"0"},on:{click:function(t){e.showYearPicker=!1},keydown:function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?void(e.showYearPicker=!1):null}}},[o("span",{staticClass:"ui-datepicker-calendar__header-weekday"},[e._v(e._s(e.headerWeekday)+", ")]),e._v(" "),o("span",{staticClass:"ui-datepicker-calendar__header-day"},[e._v(e._s(e.headerDay))])])]),e._v(" "),o("ul",{directives:[{name:"show",rawName:"v-show",value:e.showYearPicker,expression:"showYearPicker"}],ref:"years",staticClass:"ui-datepicker-calendar__years"},e._l(e.yearRange,function(t){return e.isYearOutOfRange(t)?e._e():o("li",{staticClass:"ui-datepicker-calendar__year",class:e.getYearClasses(t),attrs:{tabindex:"0"},on:{click:function(o){e.selectYear(t)},keydown:function(o){return"button"in o||!e._k(o.keyCode,"enter",13,o.key,"Enter")?void e.selectYear(t):null}}},[e._v(e._s(t))])}),0),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:!e.showYearPicker,expression:"!showYearPicker"}],staticClass:"ui-datepicker-calendar__body"},[o("ui-calendar-controls",{ref:"controls",attrs:{"date-in-view":e.dateInView,lang:e.lang,"max-date":e.maxDate,"min-date":e.minDate,"year-range":e.yearRange},on:{"go-to-date":e.onGoToDate}}),e._v(" "),o("ui-calendar-month",{ref:"month",attrs:{"square-cells":"",color:e.color,"date-filter":e.dateFilter,"date-in-view":e.dateInView,lang:e.lang,"max-date":e.maxDate,"min-date":e.minDate,selected:e.value,"start-of-week":e.startOfWeek},on:{change:e.onMonthChange,"date-select":e.onDateSelect}})],1)])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("label",{staticClass:"ui-switch",class:e.classes},[o("div",{staticClass:"ui-switch__input-wrapper"},[o("input",{ref:"input",staticClass:"ui-switch__input",attrs:{type:"checkbox",disabled:e.disabled,name:e.name,tabindex:e.tabindex},domProps:{checked:e.isChecked,value:e.submittedValue},on:{blur:e.onBlur,click:e.onClick,focus:e.onFocus}}),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"ui-switch__track"})]),e._v(" "),e.label||e.$slots.default?o("div",{staticClass:"ui-switch__label-text"},[e._t("default",[e._v(e._s(e.label))])],2):e._e()])},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-switch__thumb"},[o("div",{staticClass:"ui-switch__focus-ring"})])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-fileupload"},[o("h2",{staticClass:"page__title"},[e._v("UiFileupload")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("UiFileupload allows for selecting multiple files and customizing what type of files to allow.")]),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-fileupload",{attrs:{name:"file"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Colors")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fileupload",{attrs:{color:"primary",name:"file2"}}),e._v(" "),o("ui-fileupload",{attrs:{color:"accent",name:"file3"}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: secondary")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fileupload",{attrs:{name:"file4",type:"secondary"}}),e._v(" "),o("ui-fileupload",{attrs:{color:"primary",name:"file5",type:"secondary"}}),e._v(" "),o("ui-fileupload",{attrs:{color:"accent",name:"file6",type:"secondary"}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom label")]),e._v(" "),o("ui-fileupload",{attrs:{name:"file7"}},[e._v("Select file to upload")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom icon")]),e._v(" "),o("ui-fileupload",{attrs:{name:"file8"}},[o("ui-icon",{attrs:{slot:"icon"},slot:"icon"},[e._v("cloud_upload")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom accept")]),e._v(" "),e._m(2),e._v(" "),o("ui-fileupload",{attrs:{name:"file9",accept:"image/*"}},[e._v("Select an image")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Multiple")]),e._v(" "),o("ui-fileupload",{attrs:{multiple:"",name:"file10"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With image preview")]),e._v(" "),o("ui-fileupload",{attrs:{accept:"image/*",name:"file11"},on:{change:e.onFile11Change}},[e._v("Select an image")]),e._v(" "),e.file11PreviewImage.length>0?o("div",{staticClass:"page__demo-preview"},[o("img",{staticClass:"page__demo-preview-image",attrs:{alt:"file11PreviewName",src:e.file11PreviewImage}})]):e._e()],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name *")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the file input element.")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The upload button label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("The label is shown when no file has been selected.")])])]),e._v(" "),o("tr",[o("td",[e._v("accept")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("accept")]),e._v(" attribute of the file input element. "),o("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-accept",target:"_blank",rel:"noopener"}},[e._v("See here")]),e._v(" for possible values.")])])]),e._v(" "),o("tr",[o("td",[e._v("multiple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the user can select multiple files for this upload button.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to allow the selection of multiple files.")])])]),e._v(" "),o("tr",[o("td",[e._v("required")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("required")]),e._v(" attribute of the file input element.")])])]),e._v(" "),o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The type of button (determines the visual prominence).")]),e._v(" "),o("p",[e._v("Use "),o("code",[e._v("primary")]),e._v(" for a more prominent button, and "),o("code",[e._v("secondary")]),e._v(" for a less prominent button.")])])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[o("p",[e._v("One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(" or "),o("code",[e._v("default")]),e._v(".")]),e._v(" "),o("p",[e._v("For "),o("code",[e._v('type="primary"')]),e._v(", this is the background color; for "),o("code",[e._v('type="secondary"')]),e._v(", the text color.")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[o("p",[e._v("The size of the upload button. One of "),o("code",[e._v("small")]),e._v(", "),o("code",[e._v("normal")]),e._v(", or "),o("code",[e._v("large")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the upload button has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show a drop shadow.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the upload button text. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The upload button "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is shown when the upload button is clicked.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the upload button is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the button.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the upload button label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the upload button icon and can contain any custom or SVG icon.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the upload button is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the upload button loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the selected file changes. The handler is called with the following arguments:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("files")]),e._v(" - "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/FileList",target:"_blank",rel:"noopener"}},[e._v("FileList")]),e._v(": an array-like container of "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/File",target:"_blank",rel:"noopener"}},[e._v("File")]),e._v(" objects representing the selected files")]),e._v(" "),o("li",[o("code",[e._v("event")]),e._v(" - Event: the original change event")])]),e._v(" "),o("p",[e._v("The file objects can be used to generage a client-side preview of the selected files. See the "),o("b",[e._v("With image preview")]),e._v(" section above for an example.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the upload button.")]),e._v(" "),o("p",[e._v("Note that the focus ring will not be shown if the user's current "),o("a",{attrs:{href:"https://github.com/alice/modality",rel:"noopener",target:"_blank"}},[e._v("input modality")]),e._v(" is not keyboard.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("openPicker()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically open the file picker.")]),e._v(" "),o("p",[e._v("This method should only be called in response to a "),o("a",{attrs:{href:"https://github.com/WICG/interventions/issues/12",target:"_blank",rel:"noopener"}},[e._v("user gesture")]),e._v(" like a click or focus or the action may fail.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("clear()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to clear the selected file, if any.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiFileupload is a file upload button which wraps the native "),o("code",[e._v('input[type="file"]')]),e._v(" element. Like "),o("a",{attrs:{href:"#/ui-button"}},[e._v("UiButton")]),e._v(", it allows for customizing the type, color, size and icon of the button.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiFileupload.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("The following fileupload accepts only files with MIME type "),o("code",[e._v("image/*")]),e._v(".")])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-confirm"},[o("h2",{staticClass:"page__title"},[e._v("UiConfirm")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("p",[e._v("UiConfirm can also show a loading spinner on the confirm button (useful for AJAX operations).")]),e._v(" "),e._m(2),e._v(" "),o("div",{staticClass:"page__demo"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"basicConfirm",attrs:{title:"Basic Confirm"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n Do you want to confirm this?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("basicConfirm")}}},[e._v("Basic Confirm")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Autofocus")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"confirm1",attrs:{autofocus:"confirm-button","confirm-button-text":"Confirm","deny-button-text":"Deny",title:"Confirm this"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n The confirm button in this dialog is focused by default.\n ")]),e._v(" "),o("ui-confirm",{ref:"confirm2",attrs:{autofocus:"none","confirm-button-text":"Confirm","deny-button-text":"Deny",title:"Confirm this"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n No button in this dialog is focused by default.\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("confirm1")}}},[e._v("Focus Primary Button")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("confirm2");
+}}},[e._v("Focus None")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Types")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"publishConfirm",attrs:{"confirm-button-icon":"public","confirm-button-text":"Publish","deny-button-text":"Cancel",title:"Publish Post",type:"primary","close-on-confirm":!1,loading:e.publishRequestInProgress},on:{confirm:e.onConfirmPublish,deny:e.onDenyPublish}},[e._v("\n Publish post for the world to see?\n ")]),e._v(" "),o("ui-confirm",{ref:"deleteConfirm",attrs:{"confirm-button-icon":"delete","confirm-button-text":"Delete","deny-button-text":"Keep",title:"Delete Post",type:"danger"},on:{confirm:e.onConfirmDelete,deny:e.onDenyDelete}},[e._v("\n Are you sure you want to delete the post?\n ")]),e._v(" "),o("ui-button",{attrs:{color:"primary"},on:{click:function(t){e.showConfirm("publishConfirm")}}},[e._v("Publish Post")]),e._v(" "),o("ui-button",{attrs:{color:"red",type:"secondary"},on:{click:function(t){e.showConfirm("deleteConfirm")}}},[e._v("Delete Post")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Transitions")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-confirm",{ref:"scaleUpConfirm",attrs:{title:"Scale Up Transition",transition:"scale-up"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n Do you want to confirm this?\n ")]),e._v(" "),o("ui-confirm",{ref:"scaleDownConfirm",attrs:{title:"Scale Down Transition",transition:"scale-down"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n Do you want to confirm this?\n ")]),e._v(" "),o("ui-confirm",{ref:"fadeConfirm",attrs:{title:"Fade Transition",transition:"fade"},on:{confirm:e.onConfirm,deny:e.onDeny}},[e._v("\n Do you want to confirm this?\n ")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("scaleUpConfirm")}}},[e._v("Scale Up")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("scaleDownConfirm")}}},[e._v("Scale Down (default)")]),e._v(" "),o("ui-button",{on:{click:function(t){e.showConfirm("fadeConfirm")}}},[e._v("Fade")])],1),e._v(" "),e.confirmResult.length?o("pre",{staticClass:"language-html"},[o("code",[e._v(e._s(e.confirmResult))])]):e._e()]),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("title")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"UiConfirm"')])]),e._v(" "),o("td",[o("p",[e._v("The confirm dialog title (text only).")]),e._v(" "),o("p",[e._v("If you want to use HTML in the header, consider using a "),o("a",{attrs:{href:"#/ui-modal"}},[e._v("UiModal")]),e._v(" directly.")])])]),e._v(" "),o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The type of confirm dialog (determines the color of the primary confirm button).")]),e._v(" "),o("p",[e._v("Can be one of "),o("code",[e._v("default")]),e._v(", "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("success")]),e._v(", "),o("code",[e._v("warning")]),e._v(" or "),o("code",[e._v("danger")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[o("p",[e._v("The size of the confirm modal. One of "),o("code",[e._v("small")]),e._v(", "),o("code",[e._v("normal")]),e._v(", "),o("code",[e._v("large")]),e._v(", or "),o("code",[e._v("fullscreen")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("confirmButtonText")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"OK"')])]),e._v(" "),o("td",[e._v("The confirm button text.")])]),e._v(" "),o("tr",[o("td",[e._v("confirmButtonIcon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The confirm button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("denyButtonText")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"Cancel"')])]),e._v(" "),o("td",[e._v("The deny button text.")])]),e._v(" "),o("tr",[o("td",[e._v("denyButtonIcon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The deny button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("autofocus")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"deny-button"')])]),e._v(" "),o("td",[o("p",[e._v("The button to autofocus when the dialog is opened.")]),e._v(" "),o("p",[e._v("Can be one of "),o("code",[e._v("confirm-button")]),e._v(", "),o("code",[e._v("deny-button")]),e._v(" or "),o("code",[e._v("none")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("loading")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not a loading spinner is shown on the confirm button.")]),e._v(" "),o("p",[e._v("Setting this prop to "),o("code",[e._v("true")]),e._v(" will show a spinner on the confirm button, disable the deny button and prevent the dialog from being dismissed.")])])]),e._v(" "),o("tr",[o("td",[e._v("closeOnConfirm")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the dialog should be closed when the confirm button is clicked.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to keep the dialog open after a confirmation.")])])]),e._v(" "),o("tr",[o("td",[e._v("dismissOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"backdrop close-button esc"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the confirm to be dismissed.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("backdrop")]),e._v(", "),o("code",[e._v("close-button")]),e._v(", or "),o("code",[e._v("esc")]),e._v(". Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("transition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v("scale-down")])]),e._v(" "),o("td",[o("p",[e._v("The dialog enter/leave transition. One of "),o("code",[e._v("scale-up")]),e._v(", "),o("code",[e._v("scale-down")]),e._v(" or "),o("code",[e._v("fade")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the confirm dialog content and can contain HTML.")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("confirm")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the user clicks the confirm button.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@confirm")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("deny")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the user clicks the deny button.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@deny")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the confirm dialog is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("reveal")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the confirm dialog is revealed (i.e. when the open transition completes).")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@reveal")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the confirm dialog is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("hide")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the confirm dialog transition completes.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@hide")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("open()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to open the confirm.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("close()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to close the confirm.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiConfirm shows a confirmation dialog using "),o("a",{attrs:{href:"#/ui-modal"}},[e._v("UiModal")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("The confirm and deny buttons can be customized and the component emits "),o("code",[e._v("confirm")]),e._v(" and "),o("code",[e._v("deny")]),e._v(" events.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiConfirm.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"ui-collapsible",class:e.classes},[o("div",{staticClass:"ui-collapsible__header",attrs:{"aria-controls":e.id,"aria-expanded":e.isOpen?"true":"false",tabindex:e.disabled?null:0},on:{click:e.toggleCollapsible,keydown:[function(t){return"button"in t||!e._k(t.keyCode,"enter",13,t.key,"Enter")?(t.preventDefault(),e.toggleCollapsible(t)):null},function(t){return"button"in t||!e._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?(t.preventDefault(),e.toggleCollapsible(t)):null}]}},[o("div",{staticClass:"ui-collapsible__header-content"},[e._t("header",[e._v(e._s(e.title))])],2),e._v(" "),e.removeIcon?e._e():o("ui-icon",{staticClass:"ui-collapsible__header-icon"},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[o("path",{attrs:{d:"M7.406 7.828L12 12.422l4.594-4.594L18 9.234l-6 6-6-6z"}})])]),e._v(" "),e.disableRipple||e.disabled?e._e():o("ui-ripple-ink")],1),e._v(" "),o("transition",{on:{enter:e.onEnter,"after-enter":e.afterEnter,"before-leave":e.beforeLeave,leave:e.onLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],ref:"bodyWrapper",staticClass:"ui-collapsible__body-wrapper",attrs:{"aria-hidden":e.isOpen?null:"true",id:e.id}},[o("div",{staticClass:"ui-collapsible__body"},[e._t("default")],2)])])],1)},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-icon-button"},[o("h2",{staticClass:"page__title"},[e._v("UiIconButton")]),e._v(" "),o("p",[e._v("UiIconButton shows an icon button which can show a loading spinner and include a dropdown. It supports focus (mouse and keyboard separately), hover and disabled states.")]),e._v(" "),o("p",[e._v("UiIconButton has two types:")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["mini","small","normal","large"]},model:{value:e.size,callback:function(t){e.size=t},expression:"size"}},[e._v("Button Size")]),e._v(" "),o("ui-switch",{model:{value:e.loading,callback:function(t){e.loading=t},expression:"loading"}},[e._v("\n Loading: "),o("code",[e._v(e._s(e.loading?"true":"false"))])]),e._v(" "),o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-bordered page__demo-table"},[o("tbody",[e._m(5),e._v(" "),o("tr",[o("th",[e._v("Color: default")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{icon:"refresh",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{icon:"refresh",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{disabled:"",icon:"refresh",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{icon:"refresh",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{icon:"refresh",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{disabled:"",icon:"refresh",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: primary")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"primary",disabled:"",icon:"add",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"primary",disabled:"",icon:"add",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: accent")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"accent",disabled:"",icon:"edit",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"accent",disabled:"",icon:"edit",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: green")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"green",icon:"star",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"green",disabled:"",icon:"star",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"green",icon:"star",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"green",disabled:"",icon:"star",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: orange")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"orange",disabled:"",icon:"favorite",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"orange",icon:"favorite",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"orange",disabled:"",icon:"favorite",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: red")]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"red",icon:"delete",size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"red",icon:"delete",loading:e.loading,size:e.size}}),e._v(" "),o("ui-icon-button",{attrs:{color:"red",disabled:"",icon:"delete",size:e.size}})],1)]),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"red",icon:"delete",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"red",icon:"delete",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"red",disabled:"",icon:"delete",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: black")]),e._v(" "),o("td"),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"black",icon:"menu",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",icon:"refresh",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"black",disabled:"",icon:"more_vert",size:e.size,type:"secondary"}})],1)])]),e._v(" "),o("tr",[o("th",[e._v("Color: white")]),e._v(" "),o("td"),e._v(" "),o("td",[o("div",{staticClass:"page__demo-group has-white-icon-buttons"},[o("ui-icon-button",{attrs:{color:"white",icon:"menu",size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",icon:"refresh",loading:e.loading,size:e.size,type:"secondary"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"white",disabled:"",icon:"more_vert",size:e.size,type:"secondary"}})],1)])])])])]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With href (linked button)")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI",rel:"noopener",target:"_blank",size:e.size}},[o("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[o("path",{attrs:{d:"M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"}})])])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With tooltip")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{color:"default",icon:"refresh",size:e.size,tooltip:"Position top","tooltip-position":"top"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"primary",icon:"add",size:e.size,tooltip:"Position bottom","tooltip-position":"bottom"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"accent",icon:"edit",size:e.size,tooltip:"Position left","tooltip-position":"left"}}),e._v(" "),o("ui-icon-button",{attrs:{color:"green",icon:"star",size:e.size,tooltip:"Position right","tooltip-position":"right"}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Has dropdown, with menu")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{ref:"dropdownButton",attrs:{color:"primary","has-dropdown":"",icon:"add",size:e.size}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton.closeDropdown()}},slot:"dropdown"})],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Has dropdown, custom content")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-icon-button",{attrs:{"has-dropdown":"",icon:"more_vert",size:e.size}},[o("div",{staticClass:"my-custom-dropdown",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[e._v("Hey")]),e._v(" there!")]),e._v(" "),o("p",[e._v("Button dropdowns can have any content, not just menus.")])])])],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The type of icon button (determines the visual prominence).")]),e._v(" "),o("p",[e._v("Use "),o("code",[e._v("primary")]),e._v(" for a more prominent button, and "),o("code",[e._v("secondary")]),e._v(" for a less prominent button.")])])]),e._v(" "),o("tr",[o("td",[e._v("buttonType")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("type")]),e._v(" attribute of the button element. The "),o("a",{attrs:{href:"https://stackoverflow.com/a/31644856",target:"_blank",rel:"noopener"}},[e._v("HTML default")]),e._v(" is "),o("code",[e._v("submit")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("href")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The button's "),o("code",[e._v("href")]),e._v(" attribute. Setting this attribute will render an anchor tag ("),o("code",[e._v("")]),e._v(").")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[o("p",[e._v("One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("green")]),e._v(", "),o("code",[e._v("orange")]),e._v(", "),o("code",[e._v("red")]),e._v(", "),o("code",[e._v("black")]),e._v(", "),o("code",[e._v("white")]),e._v(" or "),o("code",[e._v("default")]),e._v(".")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("black")]),e._v(" and "),o("code",[e._v("white")]),e._v(" colors should only be paired with "),o("code",[e._v('type="secondary"')]),e._v(".")]),e._v(" "),o("p",[e._v("In "),o("code",[e._v('type="primary"')]),e._v(" buttons, this is the background color; in "),o("code",[e._v('type="secondary"')]),e._v(" buttons, the text color.")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[o("p",[e._v("The size of the icon button. One of "),o("code",[e._v("mini")]),e._v(", "),o("code",[e._v("small")]),e._v(", "),o("code",[e._v("normal")]),e._v(", or "),o("code",[e._v("large")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("ariaLabel")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The button "),o("code",[e._v("aria-label")]),e._v(" attribute (important for accessibility).")]),e._v(" "),o("p",[e._v("Falls back to "),o("code",[e._v("tooltip")]),e._v(" if not specified.")])])]),e._v(" "),o("tr",[o("td",[e._v("loading")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the loading spinner is shown.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show the loading spinner (disables the button).")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltip")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The button tooltip (text only).")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltipPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the tooltip relative to the button.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("openTooltipOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"mouseenter focus"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the tooltip to open.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("hover")]),e._v("/"),o("code",[e._v("mouseenter")]),e._v(", or "),o("code",[e._v("focus")]),e._v(". Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("hasDropdown")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button contains a dropdown.")]),e._v(" "),o("p",[e._v("Use the "),o("code",[e._v("dropdown")]),e._v(" slot to add any dropdown content, including a "),o("a",{attrs:{href:"#/ui-menu"}},[e._v("UiMenu")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("dropdownPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the dropdown relative to the button.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top left")]),e._v(", "),o("code",[e._v("left top")]),e._v(", "),o("code",[e._v("left middle")]),e._v(", "),o("code",[e._v("left bottom")]),e._v(", "),o("code",[e._v("bottom left")]),e._v(", "),o("code",[e._v("bottom center")]),e._v(", "),o("code",[e._v("bottom right")]),e._v(", "),o("code",[e._v("right bottom")]),e._v(", "),o("code",[e._v("right middle")]),e._v(", "),o("code",[e._v("right top")]),e._v(", "),o("code",[e._v("top right")]),e._v(", or "),o("code",[e._v("top center")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("constrainDropdownToScrollParent")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("When set to "),o("code",[e._v("true")]),e._v(", the button's dropdown will flip it's position if the position will cause it to overflow the button's first scroll parent. The scroll parent is the parent that has "),o("code",[e._v("overflow: auto")]),e._v(" or "),o("code",[e._v("overflow: scroll")]),e._v(" set, or "),o("code",[e._v("")]),e._v(", whichever comes first.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to disable the flipping behavior. This is useful for buttons in modals, if you want the button's dropdown to drop outside of the boundaries of the modal.")])])]),e._v(" "),o("tr",[o("td",[e._v("openDropdownOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"click"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event that will cause the dropdown to open. One of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("mouseenter")]),e._v("/"),o("code",[e._v("hover")]),e._v(", "),o("code",[e._v("focus")]),e._v(", or "),o("code",[e._v("manual")]),e._v(".")]),e._v(" "),o("p",[e._v("For "),o("code",[e._v("manual")]),e._v(", the dropdown is closed by default, until manually opened.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is shown when the button is clicked.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the button.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[o("p",[e._v("Holds the button icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("dropdown")]),e._v(" "),o("td",[o("p",[e._v("Holds the the dropdown content and can contain HTML.")]),e._v(" "),o("p",[e._v("For a dropdown menu, add a "),o("a",{attrs:{href:"#/ui-menu"}},[e._v("UiMenu")]),e._v(" component in this slot, and then call the "),o("code",[e._v("closeDropdown()")]),e._v(" method when the "),o("code",[e._v("close")]),e._v(" event is emitted on the menu.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the button dropdown is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the button dropdown is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-close")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("openDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to open the button dropdown.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("closeDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to close the button dropdown.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("toggleDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to toggle the button dropdown.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ul",[o("li",[o("b",[e._v("Primary")]),e._v(": more prominent, has a background color, with white or black text color.")]),e._v(" "),o("li",[o("b",[e._v("Secondary")]),e._v(": less prominent, has no background, text color is the button color.")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("Supported colors are "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("green")]),e._v(", "),o("code",[e._v("orange")]),e._v(", "),o("code",[e._v("red")]),e._v(", "),o("code",[e._v("black")]),e._v(", and "),o("code",[e._v("white")]),e._v(" in addition to the default gray.")]);
+},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("The "),o("code",[e._v("black")]),e._v(" and "),o("code",[e._v("white")]),e._v(" colors should only be paired with "),o("code",[e._v('type="secondary"')]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[o("b",[e._v("Note:")]),e._v(" If you are having alignment issues when using multiple buttons next to each other, put the buttons in a container and add a class of "),o("code",[e._v("ui-button-group")]),e._v(" for a flex-based workaround.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiIconButton.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("tr",[o("th"),e._v(" "),o("th",[e._v("Type: primary")]),e._v(" "),o("th",[e._v("Type: secondary")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-autocomplete"},[o("h2",{staticClass:"page__title"},[e._v("UiAutocomplete")]),e._v(" "),o("p",[e._v("UiAutocomplete shows a dropdown of autocomplete suggestions below an input as the user types.")]),e._v(" "),o("p",[e._v("UiAutocomplete can show a label above the input as well as help or error below the input, and it supports keyboard navigation.")]),e._v(" "),e._m(0),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Basic")]),e._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:e.months},model:{value:e.autocomplete1,callback:function(t){e.autocomplete1=t},expression:"autocomplete1"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Floating label")]),e._v(" "),o("ui-autocomplete",{attrs:{"floating-label":"",help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:e.months},model:{value:e.autocomplete2,callback:function(t){e.autocomplete2=t},expression:"autocomplete2"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With icon")]),e._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",icon:"events",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:e.months},model:{value:e.autocomplete3,callback:function(t){e.autocomplete3=t},expression:"autocomplete3"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Validation: required")]),e._v(" "),o("ui-autocomplete",{attrs:{error:"This field is required",help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",invalid:e.autocomplete4Touched&&!e.autocomplete4.length>0,suggestions:e.months},on:{touch:function(t){e.autocomplete4Touched=!0}},model:{value:e.autocomplete4,callback:function(t){e.autocomplete4=t},expression:"autocomplete4"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Type: image, minChars: 0")]),e._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite member of the Simpsons family",label:"Favourite Simpson",name:"favourite_simpson",placeholder:"Choose your favourite Simpson",type:"image",keys:{label:"label",value:"label",image:"image"},"min-chars":0,suggestions:e.theSimpsons},model:{value:e.autocomplete5,callback:function(t){e.autocomplete5=t},expression:"autocomplete5"}}),e._v(" "),o("p",[e._v("Suggestions are updated dynamically when the suggestions array changes.")]),e._v(" "),o("ui-button",{attrs:{disabled:e.addedGrannies},on:{click:e.addGrannies}},[e._v("\n Add Grandma & Grandpa\n ")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Custom template")]),e._v(" "),o("p",[e._v("The following simply renders the prop passed to the custom template for each suggestion.")]),e._v(" "),o("ui-autocomplete",{attrs:{help:"Pick your favourite month of the year",label:"Favourite Month",name:"favourite_month",placeholder:"Enter your favourite month",suggestions:e.months},scopedSlots:e._u([{key:"suggestion",fn:function(t){return[o("code",[e._v(e._s(t))])]}}]),model:{value:e.autocomplete6,callback:function(t){e.autocomplete6=t},expression:"autocomplete6"}}),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Disabled")]),e._v(" "),o("ui-autocomplete",{attrs:{disabled:"",label:"Favourite Colour",placeholder:"You can't interact with this"},model:{value:e.autocomplete7,callback:function(t){e.autocomplete7=t},expression:"autocomplete7"}})],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("name")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The "),o("code",[e._v("name")]),e._v(" attribute of the autocomplete input element.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("value, v-model")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The model the autocomplete value syncs to.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for the "),o("code",[e._v("input")]),e._v(" event and update "),o("code",[e._v("value")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("suggestions")]),e._v(" "),o("td",[e._v("Array")]),e._v(" "),o("td",[o("code",[e._v("[]")])]),e._v(" "),o("td",[o("p",[e._v("An array of suggestions to show to the user. The array can either be of strings or objects (but not both).")]),e._v(" "),o("p",[e._v("For an array of objects, each object should have "),o("code",[e._v("label")]),e._v(" and "),o("code",[e._v("value")]),e._v(" properties. The "),o("code",[e._v("label")]),e._v(" is shown to the user and the "),o("code",[e._v("value")]),e._v(" is written to the model when the user makes a selection.")]),e._v(" "),o("p",[e._v("You can redefine the "),o("code",[e._v("label")]),e._v(" and "),o("code",[e._v("value")]),e._v(" keys to fit your data using the "),o("code",[e._v("keys")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("For an array of strings, each string is used as both the label and the value.")])])]),e._v(" "),o("tr",[o("td",[e._v("limit")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("8")])]),e._v(" "),o("td",[e._v("The maximum number of suggestions to show to the user at any one time.")])]),e._v(" "),o("tr",[o("td",[e._v("append")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the value of the selected suggestion should be appended to the current value (instead of replacing the current value).")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to append selected suggestions.")])])]),e._v(" "),o("tr",[o("td",[e._v("appendDelimiter")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('", "')])]),e._v(" "),o("td",[e._v("The delimiter (separator) to use when appending selected suggestions.")])]),e._v(" "),o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"simple"')])]),e._v(" "),o("td",[o("p",[e._v("The type of template to use for rendering each suggestion. One of "),o("code",[e._v("simple")]),e._v(" or "),o("code",[e._v("image")]),e._v(".")]),e._v(" "),o("p",[e._v("The default type is "),o("code",[e._v("simple")]),e._v(", which simply renders the suggestion text.")]),e._v(" "),o("p",[e._v("The "),o("code",[e._v("image")]),e._v(" type renders each suggestion with with an image. To use, set "),o("code",[e._v("type")]),e._v(" to "),o("code",[e._v("image")]),e._v(" and set an image URL as the "),o("code",[e._v("image")]),e._v(" property on each suggestion. You can redefine the "),o("code",[e._v("image")]),e._v(" key to fit your data using the "),o("code",[e._v("keys")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("You can also render each suggestion with a custom template using the "),o("code",[e._v("suggestion")]),e._v(" scoped slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("minChars")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td",[o("code",[e._v("2")])]),e._v(" "),o("td",[e._v("The minimum number of characters the user should type before the suggestions are shown.")])]),e._v(" "),o("tr",[o("td",[e._v("showOnUpDown")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[e._v("Determines whether the suggestions should be shown when the user presses the Up or Down arrow keys in the input.")])]),e._v(" "),o("tr",[o("td",[e._v("invalid")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the autocomplete is invalid.")]),e._v(" "),o("p",[e._v("When "),o("code",[e._v("invalid")]),e._v(" is "),o("code",[e._v("true")]),e._v(", the autocomplete label appears red and the error is shown if available.")])])]),e._v(" "),o("tr",[o("td",[e._v("autofocus")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the autocomplete should automatically receive focus when it is rendered for the first time.")]),e._v(" "),o("p",[e._v("Only one input element should have this prop set to "),o("code",[e._v("true")]),e._v(" in the document for the autofocus to work properly.")])])]),e._v(" "),o("tr",[o("td",[e._v("filter")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td",[o("a",{attrs:{href:"https://github.com/bevacqua/fuzzysearch",target:"_blank",rel:"noopener"}},[e._v("fuzzysearch")])]),e._v(" "),o("td",[o("p",[e._v("Defines a custom filter function that is used for filtering the suggestions when the user types into the autocomplete.")]),e._v(" "),o("p",[e._v("The function is called for each item in the "),o("code",[e._v("suggestions")]),e._v(" array with two arguments:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("suggestion")]),e._v(": (Object or String) - the current suggestion")]),e._v(" "),o("li",[o("code",[e._v("query")]),e._v(": (String) - the current value of the autocomplete input (what the user has typed)")]),e._v(" "),o("li",[o("code",[e._v("defaultFilter")]),e._v(": (Function) - Keen UI's default filter function. You can call this with the suggestion and query to defer to the default fuzzy filter behavior. Remember to return its result from your custom filter function if you're using it.")])]),e._v(" "),o("p",[e._v("The function should return "),o("code",[e._v("true")]),e._v(" if the suggestion matches the query or "),o("code",[e._v("false")]),e._v(" otherwise.")])])]),e._v(" "),o("tr",[o("td",[e._v("sort")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("Defines a custom sort function that is used for sorting the suggestions after they are filtered.")]),e._v(" "),o("p",[e._v("The function should implement the standard "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax",target:"_blank",rel:"noopener"}},[o("code",[e._v("Array.prototype.sort()")]),e._v(" compare callback")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("keys")]),e._v(" "),o("td",[e._v("Object")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("pre",{staticClass:"language-javascript is-compact"},[e._v("{\n label: 'label',\n value: 'value',\n image: 'image'\n}")])]),e._v(" "),o("td",[o("p",[e._v("Allows for redefining each suggestion object's keys.")]),e._v(" "),o("p",[e._v("Pass an object with custom keys if your data does not match the default keys.")]),e._v(" "),o("p",[e._v("Note that if you redefine one key, you have to define all the others as well.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("highlightFirstMatch")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the first matching suggestion is automatically highlighted when the user input changes.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to disable automatically highlighting the first match.")])])]),e._v(" "),o("tr",[o("td",[e._v("cycleHighlight")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not highlighting should cycle (wrap around) immediately on overflow.")]),e._v(" "),o("p",[e._v("When this is set to "),o("code",[e._v("false")]),e._v(", pressing the down arrow key when on the last suggestion will not immediately highlight the first suggestion, but pressing it a second time will.")]),e._v(" "),o("p",[e._v("The same goes for when pressing the up arrow key on the first suggestion.")])])]),e._v(" "),o("tr",[o("td",[e._v("placeholder")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("placeholder")]),e._v(" attribute of the autocomplete input element.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The autocomplete icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the input. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("label")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The autocomplete label (text only). For HTML, use the "),o("code",[e._v("default")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("floatingLabel")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the autocomplete label starts out inline and moves to float above the input when it is focused.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" for a floating label. This will disable the input placeholder.")])])]),e._v(" "),o("tr",[o("td",[e._v("tabindex")]),e._v(" "),o("td",[e._v("Number, String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The autocomplete input "),o("code",[e._v("tabindex")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The help text (hint) shown to the user below the autocomplete input. For HTML, use the "),o("code",[e._v("help")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the input for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The error text shown to the user below the autocomplete input when the "),o("code",[e._v("invalid")]),e._v(" prop is "),o("code",[e._v("true")]),e._v(". For HTML, use the "),o("code",[e._v("error")]),e._v(" slot.")]),e._v(" "),o("p",[e._v("Extra space is reserved under the input for the help and error, but if neither is available, this space is collapsed.")])])]),e._v(" "),o("tr",[o("td",[e._v("readonly")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("The "),o("code",[e._v("readonly")]),e._v(" attribute of the autocomplete input element.")])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[e._v("Whether or not the autocomplete is disabled. Set to "),o("code",[e._v("true")]),e._v(" to disable the autocomplete.")])])])])]),e._v("\n\n * Required prop\n ")]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the autocomplete label and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("suggestion")]),e._v(" "),o("td",[o("p",[e._v("Use this slot to render each suggestion with a custom template. The slot is passed the following properties, which will be available through "),o("code",[e._v("scope")]),e._v(":")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("suggestion")]),e._v(": (Object or String) - the suggestion")]),e._v(" "),o("li",[o("code",[e._v("index")]),e._v(": (Number) - the index of the suggestion in the array of matched suggestions")]),e._v(" "),o("li",[o("code",[e._v("highlighted")]),e._v(": (Boolean) - whether or not the suggestion is currently highlighted")])]),e._v(" "),o("p",[e._v("For more information, see the "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[e._v("Scoped Slots documentation")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the autocomplete icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("help")]),e._v(" "),o("td",[o("p",[e._v("Holds the autocomplete help and can contain HTML.")])])]),e._v(" "),o("tr",[o("td",[e._v("error")]),e._v(" "),o("td",[o("p",[e._v("Holds the autocomplete error and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("select")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a suggestion is selected. The handler is called with the selected suggestion.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@select")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("input")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete input value is changed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("If you are not using "),o("code",[e._v("v-model")]),e._v(", you should listen for this event and update the "),o("code",[e._v("value")]),e._v(" prop.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@input")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("change")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a change in the autocomplete value is committed. The handler is called with the new value.")]),e._v(" "),o("p",[e._v("See the "),o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/Events/change",target:"_blank",rel:"noopener"}},[e._v("onchange event documentation")]),e._v(" for more information.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@change")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("touch")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete is focused for the first time and then blurred.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@touch")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("focus")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete input is focused.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@focus")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("blur")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete input loses focus.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@blur")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete dropdown is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the autocomplete dropdown is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-close")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("highlight")]),e._v(" "),o("td",[o("p",[e._v("Emitted when a suggestion is highlighted using the arrow keys. The handler is called with the following arguments:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("suggestion")]),e._v(": (Object or String) - the suggestion that was highlighted")]),e._v(" "),o("li",[o("code",[e._v("index")]),e._v(": (Number) - the index of the suggestion in the array of matched suggestions")])]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@highlight")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("highlight-overflow")]),e._v(" "),o("td",[o("p",[e._v("Emitted when an attempted highlight overflows (this happens when the user is on the first suggestion and presses the up arrow key or on the last suggestion and presses the down arrow key).")]),e._v(" "),o("p",[e._v("This event is only emitted when the "),o("code",[e._v("cycleHighlight")]),e._v(" prop is "),o("code",[e._v("false")]),e._v(".")]),e._v(" "),o("p",[e._v("The handler is called with the overflowing index. Listen for it using "),o("code",[e._v("@highlight-overflow")]),e._v(".")])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("focus()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to programmatically focus the autocomplete.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("reset()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to reset the autocomplete to its initial value. You should also reset the "),o("code",[e._v("invalid")]),e._v(" and "),o("code",[e._v("touched")]),e._v(" props.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("resetTouched()")])]),e._v(" "),o("td",[e._v("Call this method to reset the touched state of the autocomplete. By default it will set the touched state to "),o("code",[e._v("false")]),e._v(", but you can pass an object with "),o("code",[e._v("{ touched: true }")]),e._v(" to set the touched state to "),o("code",[e._v("true")]),e._v(".")])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiAutocomplete.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-fab"},[o("h2",{staticClass:"page__title"},[e._v("UiFab")]),e._v(" "),o("p",[e._v("UiFab shows a primary, floating action button. It supports mouse and keyboard focus, hover and disabled states.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["small","normal"]},model:{value:e.size,callback:function(t){e.size=t},expression:"size"}},[e._v("Button Size")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Colors")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fab",{attrs:{color:"primary",icon:"add",size:e.size}}),e._v(" "),o("ui-fab",{attrs:{color:"accent",icon:"edit",size:e.size}}),e._v(" "),o("ui-fab",{attrs:{icon:"keyboard_voice",size:e.size}})],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With tooltip")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-fab",{attrs:{color:"primary",icon:"edit","tooltip-position":"top",tooltip:"Position top",size:e.size}}),e._v(" "),o("ui-fab",{attrs:{color:"accent",icon:"edit","tooltip-position":"bottom",tooltip:"Position bottom",size:e.size}}),e._v(" "),o("ui-fab",{attrs:{icon:"edit","tooltip-position":"left",tooltip:"Position left",size:e.size}}),e._v(" "),o("ui-fab",{attrs:{icon:"edit","tooltip-position":"right",tooltip:"Position right",size:e.size}})],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[e._v("The size of the FAB. One of "),o("code",[e._v("normal")]),e._v(" or "),o("code",[e._v("small")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[e._v("The background color of the FAB. One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(" or "),o("code",[e._v("default")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The FAB icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("ariaLabel")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The FAB "),o("code",[e._v("aria-label")]),e._v(" attribute (important for accessibility).")]),e._v(" "),o("p",[e._v("Falls back to "),o("code",[e._v("tooltip")]),e._v(" if not specified.")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltip")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The FAB tooltip (text only).")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltipPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the tooltip relative to the FAB.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("openTooltipOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"mouseenter focus"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the tooltip to open.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("hover")]),e._v("/"),o("code",[e._v("mouseenter")]),e._v(", or "),o("code",[e._v("focus")]),e._v(". Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is shown when the FAB is clicked.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the FAB icon and can contain any custom or SVG icon.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiFab has two sizes: "),o("code",[e._v("normal")]),e._v(" and "),o("code",[e._v("small")]),e._v(" and three colors: "),o("code",[e._v("default")]),e._v(" (white), "),o("code",[e._v("primary")]),e._v(" and "),o("code",[e._v("accent")]),e._v(".")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiFab.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-popover"},[o("h2",{staticClass:"page__title"},[e._v("UiPopover")]),e._v(" "),o("p",[e._v("UiPopover shows content in a dropdown/popover. It can be setup to contain tab focus in the popover, returning focus to the trigger element on close.")]),e._v(" "),o("p",[e._v("The popover position relative to the trigger and the event that causes the popover to open can be customized.")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),o("div",{staticClass:"page__examples"},[o("h4",{staticClass:"page__demo-title"},[e._v("Dynamic content, contain focus")]),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Click here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"contain-focus":""}},[o("p",[e._v("Try tabbing forward and backward and notice that focus is contained in the popover.")]),e._v(" "),o("p",[o("input",{directives:[{name:"model",rawName:"v-model",value:e.name,expression:"name"}],attrs:{type:"text",placeholder:"What's your name?"},domProps:{value:e.name},on:{input:function(t){t.target.composing||(e.name=t.target.value)}}}),e._v(" "+e._s(e.name?"Name: "+e.name:""))]),e._v(" "),o("p",[o("button",[e._v("A Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("No drop shadow")]),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Click here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{raised:!1}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here.")]),e._v(" "),o("p",[o("button",[e._v("A Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Open on hover")]),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Hover here for the popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"open-on":"mouseenter"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here.")]),e._v(" "),o("p",[o("button",[e._v("A Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),e._m(2),e._v(" "),o("button",{
+staticClass:"popover-trigger"},[e._v("\n Click here for a popover dropping bottom right of this trigger\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{position:"bottom-end"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),e._m(3),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Click here for top left popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{position:"top-start"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Animations")]),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Fade (default)\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{animation:"fade"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Shift away\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{animation:"shift-away"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Scale\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{animation:"scale"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n None\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{animation:"none"}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Inside a modal")]),e._v(" "),o("ui-modal",{ref:"modal"},[o("div",[e._v("The popover below has "),o("code",[e._v("constrainToScrollParent: false")]),e._v(" to allow it to drop outside of the modal.")]),e._v(" "),o("br"),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Click here for popover\n\n "),o("ui-popover",{staticClass:"my-popover-style",attrs:{"constrain-to-scroll-parent":!1}},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1)]),e._v(" "),o("button",{staticClass:"popover-trigger",on:{click:e.openModal}},[e._v("Open Modal")]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Control programmatically")]),e._v(" "),o("a",{attrs:{tabindex:"0"},on:{click:e.openPopover}},[e._v("Click to open the popover below")]),e._v(" "),o("br"),o("br"),e._v(" "),o("button",{staticClass:"popover-trigger"},[e._v("\n Default trigger\n\n "),o("ui-popover",{ref:"popover",staticClass:"my-popover-style"},[o("p",[e._v("Hey there, some popover content here. "),o("button",[e._v("Button")])]),e._v(" "),o("p",[e._v("Add "),o("b",[e._v("whatever")]),e._v(" content you want here. "),o("button",[e._v("Another Button")])]),e._v(" "),o("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")])])],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("animation")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"fade"')])]),e._v(" "),o("td",[o("p",[e._v("The type of animation to use when showing or hiding the popover.")]),e._v(" "),o("p",[e._v("One of: "),o("code",[e._v("fade")]),e._v(", "),o("code",[e._v("shift-away")]),e._v(", "),o("code",[e._v("scale")]),e._v(", or "),o("code",[e._v("none")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("appendToBody")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the popover is appended to "),o("code",[e._v("document.body")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to append the popover to the trigger's parent element.")])])]),e._v(" "),o("tr",[o("td",[e._v("closeOnScroll")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the popover should be closed when the user scrolls outside of it while it's open.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to keep the popover open on external scroll.")])])]),e._v(" "),o("tr",[o("td",[e._v("constrainToScrollParent")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("If "),o("code",[e._v("true")]),e._v(", the popover will flip its position if the position will cause it to overflow the trigger's scroll parent. The scroll parent is the first parent that has "),o("code",[e._v("overflow: auto")]),e._v(" or "),o("code",[e._v("overflow: scroll")]),e._v(" set, or "),o("code",[e._v("")]),e._v(", whichever comes first.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to disable the flipping behavior. This is useful for popovers in modals, if you want the popover to drop outside of the boundaries of the modal.")])])]),e._v(" "),o("tr",[o("td",[e._v("containFocus")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not tab focus should be contained in the popover.")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("false")]),e._v(", when the user tabs out of the popover, it will be closed and focus will be redirected to the trigger element.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to contain focus within the popover.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the popover is disabled. Set to "),o("code",[e._v("true")]),e._v(" to disable the popover.")])])]),e._v(" "),o("tr",[o("td",[e._v("focusRedirector")]),e._v(" "),o("td",[e._v("Function")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("A function that will be called to redirect the tab focus when it is about to leave the popover. The handler is called as follows:")]),e._v(" "),o("p",[o("code",[e._v("focusRedirector(event: FocusEvent, options)")])]),e._v(" "),o("p",[e._v("The second argument, "),o("code",[e._v("options")]),e._v(", has the following properties:")]),e._v(" "),o("ul",[o("li",[o("code",[e._v("isTabbingForward")]),e._v(": (Boolean) - "),o("code",[e._v("true")]),e._v(" if the focus overflow was caused by a tab in the forward direction, "),o("code",[e._v("false")]),e._v(" otherwise.")])]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("focusRedirector")]),e._v(" is not provided and "),o("code",[e._v("containFocus")]),e._v(" is "),o("code",[e._v("true")]),e._v(", focus is contained and cycled within the popover.")])])]),e._v(" "),o("tr",[o("td",[e._v("openOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"click"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the popover to open.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("hover")]),e._v("/"),o("code",[e._v("mouseenter")]),e._v(", "),o("code",[e._v("focus")]),e._v(", or "),o("code",[e._v("manual")]),e._v(". For "),o("code",[e._v("manual")]),e._v(", the popover can only be opened and closed programmatically. Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("position")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom-start"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the popover relative to the trigger.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the popover has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to remove the default drop shadow.")])])]),e._v(" "),o("tr",[o("td",[e._v("trigger")]),e._v(" "),o("td",[o("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/Element",target:"_blank",rel:"noopener"}},[e._v("Element")]),e._v(","),o("br"),e._v("VueComponent,"),o("br"),e._v("String")]),e._v(" "),o("td",[e._v("Parent element")]),e._v(" "),o("td",[o("p",[e._v("An Element, VueComponent instance, or CSS selector for an element to use as the trigger.")]),e._v(" "),o("p",[e._v("It's recommended to leave "),o("code",[e._v("trigger")]),e._v(" unspecified so that the component's immediate parent can be used as the trigger.")]),e._v(" "),o("p",[e._v("The popover event listeners will be attached to this element, and when any of the "),o("code",[e._v("openOn")]),e._v(" events are triggered, a popover will be shown next to the element.")]),e._v(" "),o("p",[e._v("If "),o("code",[e._v("trigger")]),e._v(" is not provided or the selector doesn't match any element, the popover's immediate parent element is used as the trigger. Note that the parent used is the popover's parent in the DOM, not the Vue parent component.")])])]),e._v(" "),o("tr",[o("td",[e._v("zIndex")]),e._v(" "),o("td",[e._v("Number")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The popover z-index. Passed to Tippy.js.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the popover begins to open.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("reveal")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the popover open transition completes.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@reveal")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the popover begins to close.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@close")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("hide")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the popover close transition completes.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@hide")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[o("p",[e._v("Holds the popover content and can contain HTML.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",{staticClass:"fixed-width"},[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[o("code",[e._v("open()")])]),e._v(" "),o("td",[o("p",[e._v("Open the popover.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("close()")])]),e._v(" "),o("td",[o("p",[e._v("Close the popover.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("toggle()")])]),e._v(" "),o("td",[o("p",[e._v("Toggle the popover.")])])]),e._v(" "),o("tr",[o("td",[o("code",[e._v("isOpen()")])]),e._v(" "),o("td",[o("p",[e._v("Determine whether the popover is open.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("UiTooltip uses a custom version of "),o("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener"}},[e._v("Tippy.js")]),e._v(", which uses "),o("a",{attrs:{href:"https://popper.js.org",target:"_blank",rel:"noopener"}},[e._v("Popper.js")]),e._v(" for dynamic positioning.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiPopover.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h4",{staticClass:"page__demo-title"},[e._v("Position: "),o("code",[e._v("bottom-end")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h4",{staticClass:"page__demo-title"},[e._v("Position: "),o("code",[e._v("top-start")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("table",{staticClass:"ui-calendar-month"},[o("thead",{staticClass:"ui-calendar-month__header"},[o("tr",e._l(e.daysOfWeek,function(t){return o("th",[e._v(e._s(t))])}),0)]),e._v(" "),o("tbody",{staticClass:"ui-calendar-month__body"},e._l(e.currentWeekStartDates,function(t){return o("ui-calendar-week",{key:t.toString(),tag:"tr",attrs:{color:e.color,"date-filter":e.dateFilter,"max-date":e.maxDate,"min-date":e.minDate,month:e.currentWeekStartDates[1].getMonth(),selected:e.selected,"square-cells":e.squareCells,"week-start":t},on:{"date-select":e.onDateSelect},scopedSlots:e._u([{key:"default",fn:function(t){return e.$scopedSlots.date?[e._t("date",null,{date:t.date})]:void 0}}])})}),1)])},n=[],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("section",{staticClass:"page page--ui-button"},[o("h2",{staticClass:"page__title"},[e._v("UiButton")]),e._v(" "),o("p",[e._v("UiButton is a button component that can show a dropdown and a loading spinner. It also supports focus (mouse and keyboard separately), hover and disabled states.")]),e._v(" "),o("p",[e._v("UiButton has two types:")]),e._v(" "),e._m(0),e._v(" "),o("p",[e._v("Additionally, UiButton can be raised to show a box-shadow.")]),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),o("div",{staticClass:"page__examples"},[o("ui-radio-group",{attrs:{name:"size",options:["small","normal","large"]},model:{value:e.size,callback:function(t){e.size=t},expression:"size"}},[e._v("Button Size")]),e._v(" "),o("ui-radio-group",{attrs:{name:"icon_position",options:["left","right"]},model:{value:e.iconPosition,callback:function(t){e.iconPosition=t},expression:"iconPosition"}},[e._v("Icon Position")]),e._v(" "),o("ui-switch",{model:{value:e.loading,callback:function(t){e.loading=t},expression:"loading"}},[e._v("\n Loading: "),o("code",[e._v(e._s(e.loading?"true":"false"))])]),e._v(" "),o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-bordered page__demo-table"},[o("tbody",[e._m(4),e._v(" "),o("tr",[o("th",[e._v("Color: default")]),e._v(" "),o("td",[o("ui-button",{attrs:{size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{icon:"refresh","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{icon:"refresh","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)]),e._v(" "),o("tr",[o("th",[e._v("Color: primary")]),e._v(" "),o("td",[o("ui-button",{attrs:{color:"primary",size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"primary",raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"primary",loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"primary",icon:"add","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{color:"primary",size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"primary",raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"primary",loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"primary",icon:"add","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)]),e._v(" "),o("tr",[o("th",[e._v("Color: accent")]),e._v(" "),o("td",[o("ui-button",{attrs:{color:"accent",size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"accent",raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"accent",loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"accent",disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"accent",icon:"add","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{color:"accent",size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"accent",raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"accent",loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"accent",disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"accent",icon:"add","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)]),e._v(" "),o("tr",[o("th",[e._v("Color: green")]),e._v(" "),o("td",[o("ui-button",{attrs:{color:"green",size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"green",raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"green",loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"green",disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"green",icon:"file_download","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{color:"green",size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"green",raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"green",loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"green",disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"green",icon:"file_download","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)]),e._v(" "),o("tr",[o("th",[e._v("Color: orange")]),e._v(" "),o("td",[o("ui-button",{attrs:{color:"orange",size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"orange",raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"orange",loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"orange",disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"orange",icon:"file_download","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{color:"orange",size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"orange",raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"orange",loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"orange",disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"orange",icon:"file_download","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)]),e._v(" "),o("tr",[o("th",[e._v("Color: red")]),e._v(" "),o("td",[o("ui-button",{attrs:{color:"red",size:e.size}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"red",raised:"",size:e.size}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"red",loading:e.loading,size:e.size}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"red",disabled:"",size:e.size}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"red",icon:"delete","icon-position":e.iconPosition,size:e.size}},[e._v("With Icon")])],1),e._v(" "),o("td",[o("ui-button",{attrs:{color:"red",size:e.size,type:"secondary"}},[e._v("Normal")]),e._v(" "),o("ui-button",{attrs:{color:"red",raised:"",size:e.size,type:"secondary"}},[e._v("Raised")]),e._v(" "),o("ui-button",{attrs:{color:"red",loading:e.loading,size:e.size,type:"secondary"}},[e._v("Loading")]),e._v(" "),o("ui-button",{attrs:{color:"red",disabled:"",size:e.size,type:"secondary"}},[e._v("Disabled")]),e._v(" "),o("ui-button",{attrs:{color:"red",icon:"delete","icon-position":e.iconPosition,size:e.size,type:"secondary"}},[e._v("With Icon")])],1)])])])]),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With href (linked button)")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{color:"primary",href:"https://github.com/JosephusPaye/Keen-UI",rel:"noopener",target:"_blank",size:e.size}},[e._v("Github")]),e._v(" "),o("ui-button",{attrs:{color:"primary",disabled:"",href:"https://github.com/JosephusPaye/Keen-UI",size:e.size}},[e._v("Disabled link")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("With tooltip")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{color:"primary",icon:"add","tooltip-position":"top",tooltip:"Add a new resource to this project",size:e.size}},[e._v("Add")])],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Has dropdown, with menu")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{ref:"dropdownButton",attrs:{color:"primary","has-dropdown":"",size:e.size}},[o("ui-menu",{attrs:{slot:"dropdown","contain-focus":"","has-icons":"","has-secondary-text":"",options:e.menuOptions},on:{close:function(t){e.$refs.dropdownButton.closeDropdown()}},slot:"dropdown"}),e._v("\n Click for Menu\n ")],1)],1),e._v(" "),o("h4",{staticClass:"page__demo-title"},[e._v("Has dropdown, custom content")]),e._v(" "),o("div",{staticClass:"page__demo-group"},[o("ui-button",{attrs:{"has-dropdown":"",size:e.size}},[o("div",{staticClass:"keen-docs__custom-popover-content",attrs:{slot:"dropdown"},slot:"dropdown"},[o("p",[o("b",[e._v("Hey")]),e._v(" there!")]),e._v(" "),o("p",[e._v("Button dropdowns can have any content, not just menus.")])]),e._v("\n\n Click for custom dropdown\n ")])],1)],1),e._v(" "),o("h3",{staticClass:"page__section-title"},[e._v("API")]),e._v(" "),o("ui-tabs",{attrs:{raised:""}},[o("ui-tab",{attrs:{title:"Props"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Type")]),e._v(" "),o("th",[e._v("Default")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("type")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"primary"')])]),e._v(" "),o("td",[o("p",[e._v("The type of button (determines the visual prominence).")]),e._v(" "),o("p",[e._v("Use "),o("code",[e._v("primary")]),e._v(" for a more prominent button, and "),o("code",[e._v("secondary")]),e._v(" for a less prominent button.")])])]),e._v(" "),o("tr",[o("td",[e._v("buttonType")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The "),o("code",[e._v("type")]),e._v(" attribute of the button element. The "),o("a",{attrs:{href:"https://stackoverflow.com/a/31644856",target:"_blank",rel:"noopener"}},[e._v("HTML default")]),e._v(" is "),o("code",[e._v("submit")]),e._v(".")])]),e._v(" "),o("tr",[o("td",[e._v("href")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[e._v("The button's "),o("code",[e._v("href")]),e._v(" attribute. Setting this attribute will render an anchor tag ("),o("code",[e._v(" ")]),e._v(").")])]),e._v(" "),o("tr",[o("td",[e._v("color")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"default"')])]),e._v(" "),o("td",[o("p",[e._v("One of "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("green")]),e._v(", "),o("code",[e._v("orange")]),e._v(", "),o("code",[e._v("red")]),e._v(" or "),o("code",[e._v("default")]),e._v(".")]),e._v(" "),o("p",[e._v("For buttons of type "),o("code",[e._v("primary")]),e._v(", this is the background color; for buttons of type "),o("code",[e._v("secondary")]),e._v(", the text color.")])])]),e._v(" "),o("tr",[o("td",[e._v("size")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"normal"')])]),e._v(" "),o("td",[o("p",[e._v("The size of the button. One of "),o("code",[e._v("small")]),e._v(", "),o("code",[e._v("normal")]),e._v(", or "),o("code",[e._v("large")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("loading")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button progress spinner is shown.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show the progress. This disables the button.")])])]),e._v(" "),o("tr",[o("td",[e._v("raised")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button has a drop shadow.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to show a drop shadow.")])])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The button icon. Can be any of the "),o("a",{attrs:{href:"https://design.google.com/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(".")]),e._v(" "),o("p",[e._v("You can set a custom or SVG icon using the "),o("code",[e._v("icon")]),e._v(" slot.")])])]),e._v(" "),o("tr",[o("td",[e._v("iconPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"left"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the icon relative to the button text. One of "),o("code",[e._v("left")]),e._v(" or "),o("code",[e._v("right")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltip")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td"),e._v(" "),o("td",[o("p",[e._v("The button tooltip (text only).")])])]),e._v(" "),o("tr",[o("td",[e._v("tooltipPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the tooltip relative to the button.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("openTooltipOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"mouseenter focus"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event or events that will cause the tooltip to open.")]),e._v(" "),o("p",[e._v("One or more of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("hover")]),e._v("/"),o("code",[e._v("mouseenter")]),e._v(", or "),o("code",[e._v("focus")]),e._v(". Separate multiple events with a space.")])])]),e._v(" "),o("tr",[o("td",[e._v("hasDropdown")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button contains a dropdown.")]),e._v(" "),o("p",[e._v("Use the "),o("code",[e._v("dropdown")]),e._v(" slot to add any dropdown content, including a "),o("a",{attrs:{href:"#/ui-menu"}},[e._v("UiMenu")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("dropdownPosition")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",{staticClass:"no-wrap"},[o("code",[e._v('"bottom-start"')])]),e._v(" "),o("td",[o("p",[e._v("The position of the dropdown relative to the button.")]),e._v(" "),o("p",[e._v("One of "),o("code",[e._v("top")]),e._v(", "),o("code",[e._v("top-start")]),e._v(", "),o("code",[e._v("top-end")]),e._v(", "),o("code",[e._v("right")]),e._v(", "),o("code",[e._v("right-start")]),e._v(", "),o("code",[e._v("right-end")]),e._v(", "),o("code",[e._v("bottom")]),e._v(", "),o("code",[e._v("bottom-start")]),e._v(", "),o("code",[e._v("bottom-end")]),e._v(", "),o("code",[e._v("left")]),e._v(", "),o("code",[e._v("left-start")]),e._v(", "),o("code",[e._v("left-end")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",[e._v("constrainDropdownToScrollParent")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("When set to "),o("code",[e._v("true")]),e._v(", the button's dropdown will flip it's position if the position will cause it to overflow the button's scroll parent. The scroll parent is the first parent that has "),o("code",[e._v("overflow: auto")]),e._v(" or "),o("code",[e._v("overflow: scroll")]),e._v(" set, or "),o("code",[e._v("")]),e._v(", whichever comes first.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("false")]),e._v(" to disable the flipping behavior. This is useful for buttons in modals, if you want the button's dropdown to drop outside of the boundaries of the modal.")])])]),e._v(" "),o("tr",[o("td",[e._v("appendDropdownToBody")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("true")])]),e._v(" "),o("td",[o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to append the button's dropdown to the document body, instead of the parent element.")])])]),e._v(" "),o("tr",[o("td",[e._v("openDropdownOn")]),e._v(" "),o("td",[e._v("String")]),e._v(" "),o("td",[o("code",[e._v('"click"')])]),e._v(" "),o("td",[o("p",[e._v("The type of event that will cause the dropdown to open. One of "),o("code",[e._v("click")]),e._v(", "),o("code",[e._v("mouseenter")]),e._v("/"),o("code",[e._v("hover")]),e._v(", "),o("code",[e._v("focus")]),e._v(", or "),o("code",[e._v("manual")]),e._v(".")]),e._v(" "),o("p",[e._v("For "),o("code",[e._v("manual")]),e._v(", the dropdown is closed by default, until manually opened.")])])]),e._v(" "),o("tr",[o("td",[e._v("disableRipple")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the ripple ink animation is shown when the button is clicked.")]),e._v(" "),o("p",[e._v("Default value can be "),o("a",{
+attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/Customization.md#changing-default-prop-values",target:"_blank",rel:"noopener"}},[e._v("changed globally")]),e._v(".")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the ripple ink animation.")])])]),e._v(" "),o("tr",[o("td",[e._v("disabled")]),e._v(" "),o("td",[e._v("Boolean")]),e._v(" "),o("td",[o("code",[e._v("false")])]),e._v(" "),o("td",[o("p",[e._v("Whether or not the button is disabled.")]),e._v(" "),o("p",[e._v("Set to "),o("code",[e._v("true")]),e._v(" to disable the button.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Slots"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",[e._v("(default)")]),e._v(" "),o("td",[e._v("Holds the button text and can contain HTML.")])]),e._v(" "),o("tr",[o("td",[e._v("icon")]),e._v(" "),o("td",[o("p",[e._v("Holds the button icon and can contain any custom or SVG icon.")])])]),e._v(" "),o("tr",[o("td",[e._v("dropdown")]),e._v(" "),o("td",[o("p",[e._v("Holds the the dropdown content and can contain HTML.")]),e._v(" "),o("p",[e._v("For a dropdown menu, add a "),o("a",{attrs:{href:"#/ui-menu"}},[e._v("UiMenu")]),e._v(" component in this slot, and then call the "),o("code",[e._v("closeDropdown()")]),e._v(" method when the "),o("code",[e._v("close")]),e._v(" event is emitted on the menu.")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Events"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-open")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the button dropdown is opened.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-open")]),e._v(".")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[e._v("dropdown-close")]),e._v(" "),o("td",[o("p",[e._v("Emitted when the button dropdown is closed.")]),e._v(" "),o("p",[e._v("Listen for it using "),o("code",[e._v("@dropdown-close")]),e._v(".")])])])])])])]),e._v(" "),o("ui-tab",{attrs:{title:"Methods"}},[o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table"},[o("thead",[o("tr",[o("th",[e._v("Name")]),e._v(" "),o("th",[e._v("Description")])])]),e._v(" "),o("tbody",[o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("openDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to open the button dropdown.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("closeDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to close the button dropdown.")])])]),e._v(" "),o("tr",[o("td",{staticClass:"no-wrap"},[o("code",[e._v("toggleDropdown()")])]),e._v(" "),o("td",[o("p",[e._v("Call this method to toggle the button dropdown.")])])])])])])])],1)],1)},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ul",[o("li",[o("b",[e._v("Primary")]),e._v(": more prominent, has a background color, with white or black text color.")]),e._v(" "),o("li",[o("b",[e._v("Secondary")]),e._v(": less prominent, has no background, text color is the button color.")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[e._v("Supported colors are "),o("code",[e._v("primary")]),e._v(", "),o("code",[e._v("accent")]),e._v(", "),o("code",[e._v("green")]),e._v(", "),o("code",[e._v("orange")]),e._v(" and "),o("code",[e._v("red")]),e._v(", in addition to the default gray.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("p",[o("b",[e._v("Note:")]),e._v(" If you are having alignment issues when using multiple buttons next to each other, put the buttons in a container and add a class of "),o("code",[e._v("ui-button-group")]),e._v(" for a flex-based workaround.")])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("h3",{staticClass:"page__section-title"},[e._v("\n Examples "),o("a",{attrs:{href:"https://github.com/JosephusPaye/Keen-UI/blob/master/docs-src/pages/UiButton.vue",target:"_blank",rel:"noopener"}},[e._v("View Source")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("tr",[o("th"),e._v(" "),o("th",[e._v("Type: primary")]),e._v(" "),o("th",[e._v("Type: secondary")])])}],a={render:i,staticRenderFns:n};t.a=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=o(39),n=(o.n(i),o(42)),a=o.n(n),r=o(41),s=o(40),l=o(22);a.a.config.devtools=!0,a.a.config.productionTip=!1,a.a.use(r.a);var c=new r.a({routes:l.a,linkActiveClass:"is-active"}),d=new a.a({router:c,render:function(e){return e(s.a)}});d.$mount("#app")}]);
\ No newline at end of file
diff --git a/lib/UiAlert.js b/lib/UiAlert.js
index 21860484..d66b01de 100644
--- a/lib/UiAlert.js
+++ b/lib/UiAlert.js
@@ -1,5 +1,5 @@
/*!
- * Keen UI v1.1.2 (https://github.com/JosephusPaye/keen-ui)
+ * Keen UI v1.2.0 (https://github.com/JosephusPaye/keen-ui)
* (c) 2019 Josephus Paye II
* Released under the MIT License.
*/
@@ -78,7 +78,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
-/******/ return __webpack_require__(__webpack_require__.s = 224);
+/******/ return __webpack_require__(__webpack_require__.s = 231);
/******/ })
/************************************************************************/
/******/ ({
@@ -265,17 +265,17 @@ if(false) {
/***/ }),
-/***/ 104:
+/***/ 107:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiAlert_vue__ = __webpack_require__(124);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0dfa6b64_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiAlert_vue__ = __webpack_require__(180);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_UiAlert_vue__ = __webpack_require__(128);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0dfa6b64_hasScoped_false_node_modules_vue_loader_lib_selector_type_template_index_0_UiAlert_vue__ = __webpack_require__(185);
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
- __webpack_require__(203)
+ __webpack_require__(209)
}
var normalizeComponent = __webpack_require__(1)
/* script */
@@ -519,11 +519,11 @@ var handleTouchStart = function handleTouchStart(e) {
/***/ }),
-/***/ 124:
+/***/ 128:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__UiCloseButton_vue__ = __webpack_require__(40);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__UiCloseButton_vue__ = __webpack_require__(42);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__UiIcon_vue__ = __webpack_require__(6);
@@ -635,7 +635,7 @@ if(false) {
/***/ }),
-/***/ 152:
+/***/ 156:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(0)();
@@ -650,7 +650,7 @@ exports.push([module.i, "\n.ui-alert {\n display: -webkit-box;\n display: -ms-
/***/ }),
-/***/ 180:
+/***/ 185:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -961,13 +961,13 @@ function applyToTag (styleElement, obj) {
/***/ }),
-/***/ 203:
+/***/ 209:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a