');
- addClass(this.panel.parentNode, this.clsMode);
- }
-
- css(document.documentElement, 'overflowY', this.overlay ? 'hidden' : '');
- addClass(document.body, this.clsContainer, this.clsFlip);
- css(document.body, 'touch-action', 'pan-y pinch-zoom');
- css(this.$el, 'display', 'block');
- addClass(this.$el, this.clsOverlay);
- addClass(this.panel, this.clsSidebarAnimation, this.mode !== 'reveal' ? this.clsMode : '');
-
- height(document.body); // force reflow
- addClass(document.body, this.clsContainerAnimation);
-
- this.clsContainerAnimation && suppressUserScale();
-
-
- }
- },
-
- {
- name: 'hide',
-
- self: true,
-
- handler: function() {
- removeClass(document.body, this.clsContainerAnimation);
- css(document.body, 'touch-action', '');
- }
- },
-
- {
- name: 'hidden',
-
- self: true,
-
- handler: function() {
-
- this.clsContainerAnimation && resumeUserScale();
-
- if (this.mode === 'reveal') {
- unwrap(this.panel);
- }
-
- removeClass(this.panel, this.clsSidebarAnimation, this.clsMode);
- removeClass(this.$el, this.clsOverlay);
- css(this.$el, 'display', '');
- removeClass(document.body, this.clsContainer, this.clsFlip);
-
- css(document.documentElement, 'overflowY', '');
-
- }
- },
-
- {
- name: 'swipeLeft swipeRight',
-
- handler: function(e) {
-
- if (this.isToggled() && endsWith(e.type, 'Left') ^ this.flip) {
- this.hide();
- }
-
- }
- }
-
- ]
-
- };
-
- // Chrome in responsive mode zooms page upon opening offcanvas
- function suppressUserScale() {
- getViewport().content += ',user-scalable=0';
- }
-
- function resumeUserScale() {
- var viewport = getViewport();
- viewport.content = viewport.content.replace(/,user-scalable=0$/, '');
- }
-
- function getViewport() {
- return $('meta[name="viewport"]', document.head) || append(document.head, '
');
- }
-
- var OverflowAuto = {
-
- mixins: [Class],
-
- props: {
- selContainer: String,
- selContent: String
- },
-
- data: {
- selContainer: '.uk-modal',
- selContent: '.uk-modal-dialog'
- },
-
- computed: {
-
- container: function(ref, $el) {
- var selContainer = ref.selContainer;
-
- return closest($el, selContainer);
- },
-
- content: function(ref, $el) {
- var selContent = ref.selContent;
-
- return closest($el, selContent);
- }
-
- },
-
- connected: function() {
- css(this.$el, 'minHeight', 150);
- },
-
- update: {
-
- read: function() {
-
- if (!this.content || !this.container) {
- return false;
- }
-
- return {
- current: toFloat(css(this.$el, 'maxHeight')),
- max: Math.max(150, height(this.container) - (offset(this.content).height - height(this.$el)))
- };
- },
-
- write: function(ref) {
- var current = ref.current;
- var max = ref.max;
-
- css(this.$el, 'maxHeight', max);
- if (Math.round(current) !== Math.round(max)) {
- trigger(this.$el, 'resize');
- }
- },
-
- events: ['resize']
-
- }
-
- };
-
- var Responsive = {
-
- props: ['width', 'height'],
-
- connected: function() {
- addClass(this.$el, 'uk-responsive-width');
- },
-
- update: {
-
- read: function() {
- return isVisible(this.$el) && this.width && this.height
- ? {width: width(this.$el.parentNode), height: this.height}
- : false;
- },
-
- write: function(dim) {
- height(this.$el, Dimensions.contain({
- height: this.height,
- width: this.width
- }, dim).height);
- },
-
- events: ['resize']
-
- }
-
- };
-
- var Scroll = {
-
- props: {
- duration: Number,
- offset: Number
- },
-
- data: {
- duration: 1000,
- offset: 0
- },
-
- methods: {
-
- scrollTo: function(el) {
- var this$1 = this;
-
-
- el = el && $(el) || document.body;
-
- var docHeight = height(document);
- var winHeight = height(window);
-
- var target = offset(el).top - this.offset;
- if (target + winHeight > docHeight) {
- target = docHeight - winHeight;
- }
-
- if (!trigger(this.$el, 'beforescroll', [this, el])) {
- return;
- }
-
- var start = Date.now();
- var startY = window.pageYOffset;
- var step = function () {
-
- var currentY = startY + (target - startY) * ease(clamp((Date.now() - start) / this$1.duration));
-
- scrollTop(window, currentY);
-
- // scroll more if we have not reached our destination
- if (currentY !== target) {
- requestAnimationFrame(step);
- } else {
- trigger(this$1.$el, 'scrolled', [this$1, el]);
- }
-
- };
-
- step();
-
- }
-
- },
-
- events: {
-
- click: function(e) {
-
- if (e.defaultPrevented) {
- return;
- }
-
- e.preventDefault();
- this.scrollTo(escape(decodeURIComponent(this.$el.hash)).substr(1));
- }
-
- }
-
- };
-
- function ease(k) {
- return 0.5 * (1 - Math.cos(Math.PI * k));
- }
-
- var Scrollspy = {
-
- args: 'cls',
-
- props: {
- cls: String,
- target: String,
- hidden: Boolean,
- offsetTop: Number,
- offsetLeft: Number,
- repeat: Boolean,
- delay: Number
- },
-
- data: function () { return ({
- cls: false,
- target: false,
- hidden: true,
- offsetTop: 0,
- offsetLeft: 0,
- repeat: false,
- delay: 0,
- inViewClass: 'uk-scrollspy-inview'
- }); },
-
- computed: {
-
- elements: function(ref, $el) {
- var target = ref.target;
-
- return target ? $$(target, $el) : [$el];
- }
-
- },
-
- update: [
-
- {
-
- write: function() {
- if (this.hidden) {
- css(filter(this.elements, (":not(." + (this.inViewClass) + ")")), 'visibility', 'hidden');
- }
- }
-
- },
-
- {
-
- read: function(ref) {
- var this$1 = this;
- var update = ref.update;
-
-
- if (!update) {
- return;
- }
-
- this.elements.forEach(function (el) {
-
- var state = el._ukScrollspyState;
-
- if (!state) {
- state = {cls: data(el, 'uk-scrollspy-class') || this$1.cls};
- }
-
- state.show = isInView(el, this$1.offsetTop, this$1.offsetLeft);
- el._ukScrollspyState = state;
-
- });
-
- },
-
- write: function(data) {
- var this$1 = this;
-
-
- // Let child components be applied at least once first
- if (!data.update) {
- this.$emit();
- return data.update = true;
- }
-
- this.elements.forEach(function (el) {
-
- var state = el._ukScrollspyState;
- var toggle = function (inview) {
-
- css(el, 'visibility', !inview && this$1.hidden ? 'hidden' : '');
-
- toggleClass(el, this$1.inViewClass, inview);
- toggleClass(el, state.cls);
-
- trigger(el, inview ? 'inview' : 'outview');
-
- state.inview = inview;
-
- this$1.$update(el);
-
- };
-
- if (state.show && !state.inview && !state.queued) {
-
- state.queued = true;
-
- data.promise = (data.promise || Promise.resolve()).then(function () { return new Promise(function (resolve) { return setTimeout(resolve, this$1.delay); }
- ); }
- ).then(function () {
- toggle(true);
- setTimeout(function () { return state.queued = false; }, 300);
- });
-
- } else if (!state.show && state.inview && !state.queued && this$1.repeat) {
-
- toggle(false);
-
- }
-
- });
-
- },
-
- events: ['scroll', 'resize']
-
- }
-
- ]
-
- };
-
- var ScrollspyNav = {
-
- props: {
- cls: String,
- closest: String,
- scroll: Boolean,
- overflow: Boolean,
- offset: Number
- },
-
- data: {
- cls: 'uk-active',
- closest: false,
- scroll: false,
- overflow: true,
- offset: 0
- },
-
- computed: {
-
- links: function(_, $el) {
- return $$('a[href^="#"]', $el).filter(function (el) { return el.hash; });
- },
-
- elements: function(ref) {
- var selector = ref.closest;
-
- return closest(this.links, selector || '*');
- },
-
- targets: function() {
- return $$(this.links.map(function (el) { return escape(el.hash).substr(1); }).join(','));
- }
-
- },
-
- update: [
-
- {
-
- read: function() {
- if (this.scroll) {
- this.$create('scroll', this.links, {offset: this.offset || 0});
- }
- }
-
- },
-
- {
-
- read: function(data) {
- var this$1 = this;
-
-
- var scroll = window.pageYOffset + this.offset + 1;
- var max = height(document) - height(window) + this.offset;
-
- data.active = false;
-
- this.targets.every(function (el, i) {
-
- var ref = offset(el);
- var top = ref.top;
- var last = i + 1 === this$1.targets.length;
-
- if (!this$1.overflow && (i === 0 && top > scroll || last && top + el.offsetTop < scroll)) {
- return false;
- }
-
- if (!last && offset(this$1.targets[i + 1]).top <= scroll) {
- return true;
- }
-
- if (scroll >= max) {
- for (var j = this$1.targets.length - 1; j > i; j--) {
- if (isInView(this$1.targets[j])) {
- el = this$1.targets[j];
- break;
- }
- }
- }
-
- return !(data.active = $(filter(this$1.links, ("[href=\"#" + (el.id) + "\"]"))));
-
- });
-
- },
-
- write: function(ref) {
- var active = ref.active;
-
-
- this.links.forEach(function (el) { return el.blur(); });
- removeClass(this.elements, this.cls);
-
- if (active) {
- trigger(this.$el, 'active', [active, addClass(this.closest ? closest(active, this.closest) : active, this.cls)]);
- }
-
- },
-
- events: ['scroll', 'resize']
-
- }
-
- ]
-
- };
-
- var Sticky = {
-
- mixins: [Class, Media],
-
- props: {
- top: null,
- bottom: Boolean,
- offset: String,
- animation: String,
- clsActive: String,
- clsInactive: String,
- clsFixed: String,
- clsBelow: String,
- selTarget: String,
- widthElement: Boolean,
- showOnUp: Boolean,
- targetOffset: Number
- },
-
- data: {
- top: 0,
- bottom: false,
- offset: 0,
- animation: '',
- clsActive: 'uk-active',
- clsInactive: '',
- clsFixed: 'uk-sticky-fixed',
- clsBelow: 'uk-sticky-below',
- selTarget: '',
- widthElement: false,
- showOnUp: false,
- targetOffset: false
- },
-
- computed: {
-
- offset: function(ref) {
- var offset = ref.offset;
-
- return toPx(offset);
- },
-
- selTarget: function(ref, $el) {
- var selTarget = ref.selTarget;
-
- return selTarget && $(selTarget, $el) || $el;
- },
-
- widthElement: function(ref, $el) {
- var widthElement = ref.widthElement;
-
- return query(widthElement, $el) || this.placeholder;
- },
-
- isActive: {
-
- get: function() {
- return hasClass(this.selTarget, this.clsActive);
- },
-
- set: function(value) {
- if (value && !this.isActive) {
- replaceClass(this.selTarget, this.clsInactive, this.clsActive);
- trigger(this.$el, 'active');
- } else if (!value && !hasClass(this.selTarget, this.clsInactive)) {
- replaceClass(this.selTarget, this.clsActive, this.clsInactive);
- trigger(this.$el, 'inactive');
- }
- }
-
- }
-
- },
-
- connected: function() {
- this.placeholder = $('+ .uk-sticky-placeholder', this.$el) || $('
');
- this.isFixed = false;
- this.isActive = false;
- },
-
- disconnected: function() {
-
- if (this.isFixed) {
- this.hide();
- removeClass(this.selTarget, this.clsInactive);
- }
-
- remove(this.placeholder);
- this.placeholder = null;
- this.widthElement = null;
- },
-
- events: [
-
- {
-
- name: 'load hashchange popstate',
-
- el: window,
-
- handler: function() {
- var this$1 = this;
-
-
- if (!(this.targetOffset !== false && location.hash && window.pageYOffset > 0)) {
- return;
- }
-
- var target = $(location.hash);
-
- if (target) {
- fastdom.read(function () {
-
- var ref = offset(target);
- var top = ref.top;
- var elTop = offset(this$1.$el).top;
- var elHeight = this$1.$el.offsetHeight;
-
- if (this$1.isFixed && elTop + elHeight >= top && elTop <= top + target.offsetHeight) {
- scrollTop(window, top - elHeight - (isNumeric(this$1.targetOffset) ? this$1.targetOffset : 0) - this$1.offset);
- }
-
- });
- }
-
- }
-
- }
-
- ],
-
- update: [
-
- {
-
- read: function(ref, type) {
- var height = ref.height;
-
-
- if (this.isActive && type !== 'update') {
-
- this.hide();
- height = this.$el.offsetHeight;
- this.show();
-
- }
-
- height = !this.isActive ? this.$el.offsetHeight : height;
-
- this.topOffset = offset(this.isFixed ? this.placeholder : this.$el).top;
- this.bottomOffset = this.topOffset + height;
-
- var bottom = parseProp('bottom', this);
-
- this.top = Math.max(toFloat(parseProp('top', this)), this.topOffset) - this.offset;
- this.bottom = bottom && bottom - height;
- this.inactive = !this.matchMedia;
-
- return {
- lastScroll: false,
- height: height,
- margins: css(this.$el, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])
- };
- },
-
- write: function(ref) {
- var height = ref.height;
- var margins = ref.margins;
-
-
- var ref$1 = this;
- var placeholder = ref$1.placeholder;
-
- css(placeholder, assign({height: height}, margins));
-
- if (!within(placeholder, document)) {
- after(this.$el, placeholder);
- attr(placeholder, 'hidden', '');
- }
-
- // ensure active/inactive classes are applied
- this.isActive = this.isActive;
-
- },
-
- events: ['resize']
-
- },
-
- {
-
- read: function(ref) {
- var scroll = ref.scroll; if ( scroll === void 0 ) scroll = 0;
-
-
- this.width = (isVisible(this.widthElement) ? this.widthElement : this.$el).offsetWidth;
-
- this.scroll = window.pageYOffset;
-
- return {
- dir: scroll <= this.scroll ? 'down' : 'up',
- scroll: this.scroll,
- visible: isVisible(this.$el),
- top: offsetPosition(this.placeholder)[0]
- };
- },
-
- write: function(data, type) {
- var this$1 = this;
-
-
- var initTimestamp = data.initTimestamp; if ( initTimestamp === void 0 ) initTimestamp = 0;
- var dir = data.dir;
- var lastDir = data.lastDir;
- var lastScroll = data.lastScroll;
- var scroll = data.scroll;
- var top = data.top;
- var visible = data.visible;
- var now = performance.now();
-
- data.lastScroll = scroll;
-
- if (scroll < 0 || scroll === lastScroll || !visible || this.disabled || this.showOnUp && type !== 'scroll') {
- return;
- }
-
- if (now - initTimestamp > 300 || dir !== lastDir) {
- data.initScroll = scroll;
- data.initTimestamp = now;
- }
-
- data.lastDir = dir;
-
- if (this.showOnUp && Math.abs(data.initScroll - scroll) <= 30 && Math.abs(lastScroll - scroll) <= 10) {
- return;
- }
-
- if (this.inactive
- || scroll < this.top
- || this.showOnUp && (scroll <= this.top || dir === 'down' || dir === 'up' && !this.isFixed && scroll <= this.bottomOffset)
- ) {
-
- if (!this.isFixed) {
-
- if (Animation.inProgress(this.$el) && top > scroll) {
- Animation.cancel(this.$el);
- this.hide();
- }
-
- return;
- }
-
- this.isFixed = false;
-
- if (this.animation && scroll > this.topOffset) {
- Animation.cancel(this.$el);
- Animation.out(this.$el, this.animation).then(function () { return this$1.hide(); }, noop);
- } else {
- this.hide();
- }
-
- } else if (this.isFixed) {
-
- this.update();
-
- } else if (this.animation) {
-
- Animation.cancel(this.$el);
- this.show();
- Animation.in(this.$el, this.animation).catch(noop);
-
- } else {
- this.show();
- }
-
- },
-
- events: ['resize', 'scroll']
-
- }
-
- ],
-
- methods: {
-
- show: function() {
-
- this.isFixed = true;
- this.update();
- attr(this.placeholder, 'hidden', null);
-
- },
-
- hide: function() {
-
- this.isActive = false;
- removeClass(this.$el, this.clsFixed, this.clsBelow);
- css(this.$el, {position: '', top: '', width: ''});
- attr(this.placeholder, 'hidden', '');
-
- },
-
- update: function() {
-
- var active = this.top !== 0 || this.scroll > this.top;
- var top = Math.max(0, this.offset);
-
- if (this.bottom && this.scroll > this.bottom - this.offset) {
- top = this.bottom - this.scroll;
- }
-
- css(this.$el, {
- position: 'fixed',
- top: (top + "px"),
- width: this.width
- });
-
- this.isActive = active;
- toggleClass(this.$el, this.clsBelow, this.scroll > this.bottomOffset);
- addClass(this.$el, this.clsFixed);
-
- }
-
- }
-
- };
-
- function parseProp(prop, ref) {
- var $props = ref.$props;
- var $el = ref.$el;
- var propOffset = ref[(prop + "Offset")];
-
-
- var value = $props[prop];
-
- if (!value) {
- return;
- }
-
- if (isNumeric(value) && isString(value) && value.match(/^-?\d/)) {
-
- return propOffset + toPx(value);
-
- } else {
-
- return offset(value === true ? $el.parentNode : query(value, $el)).bottom;
-
- }
- }
-
- var Switcher = {
-
- mixins: [Togglable],
-
- args: 'connect',
-
- props: {
- connect: String,
- toggle: String,
- active: Number,
- swiping: Boolean
- },
-
- data: {
- connect: '~.uk-switcher',
- toggle: '> * > :first-child',
- active: 0,
- swiping: true,
- cls: 'uk-active',
- clsContainer: 'uk-switcher',
- attrItem: 'uk-switcher-item',
- queued: true
- },
-
- computed: {
-
- connects: function(ref, $el) {
- var connect = ref.connect;
-
- return queryAll(connect, $el);
- },
-
- toggles: function(ref, $el) {
- var toggle = ref.toggle;
-
- return $$(toggle, $el);
- }
-
- },
-
- events: [
-
- {
-
- name: 'click',
-
- delegate: function() {
- return ((this.toggle) + ":not(.uk-disabled)");
- },
-
- handler: function(e) {
- e.preventDefault();
- this.show(toNodes(this.$el.children).filter(function (el) { return within(e.current, el); })[0]);
- }
-
- },
-
- {
- name: 'click',
-
- el: function() {
- return this.connects;
- },
-
- delegate: function() {
- return ("[" + (this.attrItem) + "],[data-" + (this.attrItem) + "]");
- },
-
- handler: function(e) {
- e.preventDefault();
- this.show(data(e.current, this.attrItem));
- }
- },
-
- {
- name: 'swipeRight swipeLeft',
-
- filter: function() {
- return this.swiping;
- },
-
- el: function() {
- return this.connects;
- },
-
- handler: function(ref) {
- var type = ref.type;
-
- this.show(endsWith(type, 'Left') ? 'next' : 'previous');
- }
- }
-
- ],
-
- update: function() {
- var this$1 = this;
-
-
- this.connects.forEach(function (list) { return this$1.updateAria(list.children); });
- var ref = this.$el;
- var children = ref.children;
- this.show(filter(children, ("." + (this.cls)))[0] || children[this.active] || children[0]);
-
- this.swiping && css(this.connects, 'touch-action', 'pan-y pinch-zoom');
-
- },
-
- methods: {
-
- index: function() {
- return !isEmpty(this.connects) ? index(filter(this.connects[0].children, ("." + (this.cls)))[0]) : -1;
- },
-
- show: function(item) {
- var this$1 = this;
-
-
- var ref = this.$el;
- var children = ref.children;
- var length = children.length;
- var prev = this.index();
- var hasPrev = prev >= 0;
- var dir = item === 'previous' ? -1 : 1;
-
- var toggle, active, next = getIndex(item, children, prev);
-
- for (var i = 0; i < length; i++, next = (next + dir + length) % length) {
- if (!matches(this.toggles[next], '.uk-disabled *, .uk-disabled, [disabled]')) {
- toggle = this.toggles[next];
- active = children[next];
- break;
- }
- }
-
- if (!active || prev === next) {
- return;
- }
-
- removeClass(children, this.cls);
- addClass(active, this.cls);
- attr(this.toggles, 'aria-expanded', false);
- attr(toggle, 'aria-expanded', true);
-
- this.connects.forEach(function (list) {
- if (!hasPrev) {
- this$1.toggleNow(list.children[next]);
- } else {
- this$1.toggleElement([list.children[prev], list.children[next]]);
- }
- });
-
- }
-
- }
-
- };
-
- var Tab = {
-
- mixins: [Class],
-
- extends: Switcher,
-
- props: {
- media: Boolean
- },
-
- data: {
- media: 960,
- attrItem: 'uk-tab-item'
- },
-
- connected: function() {
-
- var cls = hasClass(this.$el, 'uk-tab-left')
- ? 'uk-tab-left'
- : hasClass(this.$el, 'uk-tab-right')
- ? 'uk-tab-right'
- : false;
-
- if (cls) {
- this.$create('toggle', this.$el, {cls: cls, mode: 'media', media: this.media});
- }
- }
-
- };
-
- var Toggle = {
-
- mixins: [Media, Togglable],
-
- args: 'target',
-
- props: {
- href: String,
- target: null,
- mode: 'list'
- },
-
- data: {
- href: false,
- target: false,
- mode: 'click',
- queued: true
- },
-
- computed: {
-
- target: function(ref, $el) {
- var href = ref.href;
- var target = ref.target;
-
- target = queryAll(target || href, $el);
- return target.length && target || [$el];
- }
-
- },
-
- connected: function() {
- trigger(this.target, 'updatearia', [this]);
- },
-
- events: [
-
- {
-
- name: (pointerEnter + " " + pointerLeave),
-
- filter: function() {
- return includes(this.mode, 'hover');
- },
-
- handler: function(e) {
- if (!isTouch(e)) {
- this.toggle(("toggle" + (e.type === pointerEnter ? 'show' : 'hide')));
- }
- }
-
- },
-
- {
-
- name: 'click',
-
- filter: function() {
- return includes(this.mode, 'click') || hasTouch && includes(this.mode, 'hover');
- },
-
- handler: function(e) {
-
- // TODO better isToggled handling
- var link;
- if (closest(e.target, 'a[href="#"], a[href=""]')
- || (link = closest(e.target, 'a[href]')) && (
- this.cls && !hasClass(this.target, this.cls.split(' ')[0])
- || !isVisible(this.target)
- || link.hash && matches(this.target, link.hash)
- )
- ) {
- e.preventDefault();
- }
-
- this.toggle();
- }
-
- }
-
- ],
-
- update: {
-
- read: function() {
- return includes(this.mode, 'media') && this.media
- ? {match: this.matchMedia}
- : false;
- },
-
- write: function(ref) {
- var match = ref.match;
-
-
- var toggled = this.isToggled(this.target);
- if (match ? !toggled : toggled) {
- this.toggle();
- }
-
- },
-
- events: ['resize']
-
- },
-
- methods: {
-
- toggle: function(type) {
- if (trigger(this.target, type || 'toggle', [this])) {
- this.toggleElement(this.target);
- }
- }
-
- }
-
- };
-
- function core (UIkit) {
-
- // core components
- UIkit.component('accordion', Accordion);
- UIkit.component('alert', Alert);
- UIkit.component('cover', Cover);
- UIkit.component('drop', Drop);
- UIkit.component('dropdown', Dropdown);
- UIkit.component('formCustom', FormCustom);
- UIkit.component('gif', Gif);
- UIkit.component('grid', Grid);
- UIkit.component('heightMatch', HeightMatch);
- UIkit.component('heightViewport', HeightViewport);
- UIkit.component('icon', Icon);
- UIkit.component('img', Img);
- UIkit.component('leader', Leader);
- UIkit.component('margin', Margin);
- UIkit.component('modal', Modal$1);
- UIkit.component('nav', Nav);
- UIkit.component('navbar', Navbar);
- UIkit.component('offcanvas', Offcanvas);
- UIkit.component('overflowAuto', OverflowAuto);
- UIkit.component('responsive', Responsive);
- UIkit.component('scroll', Scroll);
- UIkit.component('scrollspy', Scrollspy);
- UIkit.component('scrollspyNav', ScrollspyNav);
- UIkit.component('sticky', Sticky);
- UIkit.component('svg', Svg);
- UIkit.component('switcher', Switcher);
- UIkit.component('tab', Tab);
- UIkit.component('toggle', Toggle);
- UIkit.component('video', Video);
-
- // Icon components
- UIkit.component('close', Close);
- UIkit.component('marker', IconComponent);
- UIkit.component('navbarToggleIcon', IconComponent);
- UIkit.component('overlayIcon', IconComponent);
- UIkit.component('paginationNext', IconComponent);
- UIkit.component('paginationPrevious', IconComponent);
- UIkit.component('searchIcon', Search);
- UIkit.component('slidenavNext', Slidenav);
- UIkit.component('slidenavPrevious', Slidenav);
- UIkit.component('spinner', Spinner);
- UIkit.component('totop', IconComponent);
-
- // core functionality
- UIkit.use(Core);
-
- }
-
- UIkit.version = '3.2.3';
-
- core(UIkit);
-
- var Countdown = {
-
- mixins: [Class],
-
- props: {
- date: String,
- clsWrapper: String
- },
-
- data: {
- date: '',
- clsWrapper: '.uk-countdown-%unit%'
- },
-
- computed: {
-
- date: function(ref) {
- var date = ref.date;
-
- return Date.parse(date);
- },
-
- days: function(ref, $el) {
- var clsWrapper = ref.clsWrapper;
-
- return $(clsWrapper.replace('%unit%', 'days'), $el);
- },
-
- hours: function(ref, $el) {
- var clsWrapper = ref.clsWrapper;
-
- return $(clsWrapper.replace('%unit%', 'hours'), $el);
- },
-
- minutes: function(ref, $el) {
- var clsWrapper = ref.clsWrapper;
-
- return $(clsWrapper.replace('%unit%', 'minutes'), $el);
- },
-
- seconds: function(ref, $el) {
- var clsWrapper = ref.clsWrapper;
-
- return $(clsWrapper.replace('%unit%', 'seconds'), $el);
- },
-
- units: function() {
- var this$1 = this;
-
- return ['days', 'hours', 'minutes', 'seconds'].filter(function (unit) { return this$1[unit]; });
- }
-
- },
-
- connected: function() {
- this.start();
- },
-
- disconnected: function() {
- var this$1 = this;
-
- this.stop();
- this.units.forEach(function (unit) { return empty(this$1[unit]); });
- },
-
- events: [
-
- {
-
- name: 'visibilitychange',
-
- el: document,
-
- handler: function() {
- if (document.hidden) {
- this.stop();
- } else {
- this.start();
- }
- }
-
- }
-
- ],
-
- update: {
-
- write: function() {
- var this$1 = this;
-
-
- var timespan = getTimeSpan(this.date);
-
- if (timespan.total <= 0) {
-
- this.stop();
-
- timespan.days
- = timespan.hours
- = timespan.minutes
- = timespan.seconds
- = 0;
- }
-
- this.units.forEach(function (unit) {
-
- var digits = String(Math.floor(timespan[unit]));
-
- digits = digits.length < 2 ? ("0" + digits) : digits;
-
- var el = this$1[unit];
- if (el.textContent !== digits) {
- digits = digits.split('');
-
- if (digits.length !== el.children.length) {
- html(el, digits.map(function () { return '
'; }).join(''));
- }
-
- digits.forEach(function (digit, i) { return el.children[i].textContent = digit; });
- }
-
- });
-
- }
-
- },
-
- methods: {
-
- start: function() {
- var this$1 = this;
-
-
- this.stop();
-
- if (this.date && this.units.length) {
- this.$emit();
- this.timer = setInterval(function () { return this$1.$emit(); }, 1000);
- }
-
- },
-
- stop: function() {
-
- if (this.timer) {
- clearInterval(this.timer);
- this.timer = null;
- }
-
- }
-
- }
-
- };
-
- function getTimeSpan(date) {
-
- var total = date - Date.now();
-
- return {
- total: total,
- seconds: total / 1000 % 60,
- minutes: total / 1000 / 60 % 60,
- hours: total / 1000 / 60 / 60 % 24,
- days: total / 1000 / 60 / 60 / 24
- };
- }
-
- var targetClass = 'uk-animation-target';
-
- var Animate = {
-
- props: {
- animation: Number
- },
-
- data: {
- animation: 150
- },
-
- computed: {
-
- target: function() {
- return this.$el;
- }
-
- },
-
- methods: {
-
- animate: function(action) {
- var this$1 = this;
-
-
- addStyle();
-
- var children = toNodes(this.target.children);
- var propsFrom = children.map(function (el) { return getProps(el, true); });
-
- var oldHeight = height(this.target);
- var oldScrollY = window.pageYOffset;
-
- action();
-
- Transition.cancel(this.target);
- children.forEach(Transition.cancel);
-
- reset(this.target);
- this.$update(this.target);
- fastdom.flush();
-
- var newHeight = height(this.target);
-
- children = children.concat(toNodes(this.target.children).filter(function (el) { return !includes(children, el); }));
-
- var propsTo = children.map(function (el, i) { return el.parentNode && i in propsFrom
- ? propsFrom[i]
- ? isVisible(el)
- ? getPositionWithMargin(el)
- : {opacity: 0}
- : {opacity: isVisible(el) ? 1 : 0}
- : false; }
- );
-
- propsFrom = propsTo.map(function (props, i) {
- var from = children[i].parentNode === this$1.target
- ? propsFrom[i] || getProps(children[i])
- : false;
-
- if (from) {
- if (!props) {
- delete from.opacity;
- } else if (!('opacity' in props)) {
- var opacity = from.opacity;
-
- if (opacity % 1) {
- props.opacity = 1;
- } else {
- delete from.opacity;
- }
- }
- }
-
- return from;
- });
-
- addClass(this.target, targetClass);
- children.forEach(function (el, i) { return propsFrom[i] && css(el, propsFrom[i]); });
- css(this.target, 'height', oldHeight);
- scrollTop(window, oldScrollY);
-
- return Promise.all(children.map(function (el, i) { return propsFrom[i] && propsTo[i]
- ? Transition.start(el, propsTo[i], this$1.animation, 'ease')
- : Promise.resolve(); }
- ).concat(Transition.start(this.target, {height: newHeight}, this.animation, 'ease'))).then(function () {
- children.forEach(function (el, i) { return css(el, {display: propsTo[i].opacity === 0 ? 'none' : '', zIndex: ''}); });
- reset(this$1.target);
- this$1.$update(this$1.target);
- fastdom.flush(); // needed for IE11
- }, noop);
-
- }
- }
- };
-
- function getProps(el, opacity) {
-
- var zIndex = css(el, 'zIndex');
-
- return isVisible(el)
- ? assign({
- display: '',
- opacity: opacity ? css(el, 'opacity') : '0',
- pointerEvents: 'none',
- position: 'absolute',
- zIndex: zIndex === 'auto' ? index(el) : zIndex
- }, getPositionWithMargin(el))
- : false;
- }
-
- function reset(el) {
- css(el.children, {
- height: '',
- left: '',
- opacity: '',
- pointerEvents: '',
- position: '',
- top: '',
- width: ''
- });
- removeClass(el, targetClass);
- css(el, 'height', '');
- }
-
- function getPositionWithMargin(el) {
- var ref = el.getBoundingClientRect();
- var height = ref.height;
- var width = ref.width;
- var ref$1 = position(el);
- var top = ref$1.top;
- var left = ref$1.left;
- top += toFloat(css(el, 'marginTop'));
-
- return {top: top, left: left, height: height, width: width};
- }
-
- var style;
-
- function addStyle() {
- if (style) {
- return;
- }
- style = append(document.head, '