cronapp-lib-js 2.8.4 → 2.8.5

package/dist/js/kendo-ui/js/kendo.all.fixed.src.js

@@ -26,6 +26,7 @@
 //FIX_025 - CRONAPP-2964 [Câmara] Número 00 não aparece na grade
 //FIX_026 - CRONAPP-4565 Checkbox acionado ao clicar em botão customizado
 //FIX_027 - CRONAPP-4621 Permitir validação reativa
+//FIX_028 - CRONAPP-4939 Criar componente breadcumb (Adicionado componente breadcrumb)
 
 /** 
  * Kendo UI v2019.1.220 (http://www.telerik.com/kendo-ui)                                                                                                                                               
@@ -28824,6 +28825,376 @@
 }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
     (a3 || a2)();
 }));
+
+//BEGIN FIX_028
+(function (f, define) {
+    define('kendo.breadcrumb', ['kendo.core'], f);
+}(function () {
+    var __meta__ = {
+        id: 'breadcrumb',
+        name: 'Breadcrumb',
+        category: 'web',
+        description: 'The Breadcrumb widget displays navigation breadcrumb.',
+        depends: ['core']
+    };
+    (function ($, undefined) {
+        var kendo = window.kendo, Widget = kendo.ui.Widget, extend = $.extend, isPlainObject = $.isPlainObject, proxy = $.proxy, BREADCRUMB = '.kendoBreadcrumb', ARIA_HIDDEN = 'aria-hidden', ARIA_LABEL = 'aria-label', CLICK = 'click', FOCUS = 'focus', BLUR = 'blur', KEYDOWN = 'keydown', CHANGE = 'change', DOT = '.';
+        var breadcrumbStyles = {
+            widget: 'k-widget k-breadcrumb',
+            overlay: 'k-breadcrumb-container',
+            textbox: 'k-textbox',
+            link: 'k-breadcrumb-link',
+            item: 'k-breadcrumb-item',
+            delimiter: 'k-breadcrumb-delimiter-icon',
+            rootItem: 'k-breadcrumb-root-item',
+            rootLink: 'k-breadcrumb-root-link',
+            overflowIcon: 'k-breadcrumb-overflow-icon',
+            focused: 'k-state-focused',
+            hidden: 'k-hidden',
+            inputWrapper: 'k-breadcrumb-input-container'
+        };
+        var Breadcrumb = Widget.extend({
+            init: function (element, options) {
+                var that = this;
+                options = options || {};
+                Widget.fn.init.call(that, element, options);
+                that._wrapper();
+                if (options.editable) {
+                    that._editable();
+                    that._tabindex();
+                }
+                that.wrapper.on(CLICK + BREADCRUMB, 'a:not(.k-state-disabled)', proxy(that._click, that));
+                if (options.value || options.bindToLocation || !options.items) {
+                    that._value();
+                } else if (options.items) {
+                    that.items(options.items);
+                }
+                that._resizeHandler = kendo.onResize(function () {
+                    that.resize(true);
+                });
+            },
+            options: {
+                editable: false,
+                navigational: false,
+                bindToLocation: false,
+                items: null,
+                name: 'Breadcrumb',
+                gap: 0,
+                rootIcon: 'home',
+                delimiterIcon: 'arrow-chevron-right',
+                messages: { rootTitle: 'Go to root' }
+            },
+            events: [
+                CHANGE,
+                CLICK
+            ],
+            destroy: function () {
+                var that = this;
+                Widget.fn.destroy.call(that);
+                kendo.unbindResize(that._resizeHandler);
+                that.wrapper.add(that.wrapper.find('input')).add(that.wrapper.find('a')).off(BREADCRUMB);
+            },
+            items: function (items) {
+                var that = this;
+                if (items === undefined) {
+                    return that.options.items;
+                }
+                that.options.items = items;
+                that._segments = items;
+                that.refresh();
+            },
+            _update: function (val) {
+                var that = this;
+                if (val !== that.value()) {
+                    that._generateSegments(val);
+                    that.refresh();
+                    that.trigger(CHANGE, {
+                        sender: this,
+                        value: val
+                    });
+                }
+            },
+            _generateSegments: function (value) {
+                var that = this, options = that.options, items = options.items, path, segments;
+                segments = that._split(value);
+                if (!items) {
+                    that.options.items = that._segments = segments;
+                    return;
+                }
+                that._segments = [];
+                for (var i = 0; i < segments.length; i++) {
+                    path = that._path(items.slice(0, i + 1));
+                    if (path !== '' && value.indexOf(path) > -1 && items[i] && items[i].text === segments[i]) {
+                        that._segments.push(items[i]);
+                    } else {
+                        that._segments.push(segments[i]);
+                    }
+                }
+            },
+            _click: function (e) {
+                var that = this, options = that.options, item = $(e.target).closest(DOT + breadcrumbStyles.item), previousDomItems = item.prevAll().addBack(), previousItems = that._getItems(previousDomItems), path = that._path(previousItems), segment = that._segments[item.index()];
+                if (!options.navigational) {
+                    e.preventDefault();
+                }
+                if (!that.trigger(CLICK, {
+                    sender: that,
+                    originalEvent: e,
+                    isRoot: segment.type === 'rootitem',
+                    item: segment
+                })) {
+                    that._update(path);
+                }
+            },
+            _getItems: function (items) {
+                var that = this;
+                return $.map(items, function (item) {
+                    return that._segments[$(item).index()] || item.innerText;
+                });
+            },
+            _edit: function () {
+                var that = this, input = that.input;
+                that.oldValue = that.value();
+                that.inputWrapper.css('height', that.wrapper.height());
+                that.overlay.hide();
+                that.input.val(that.value());
+                that.input.attr(ARIA_HIDDEN, false);
+                that.inputWrapper.show();
+                setTimeout(function () {
+                    input.select();
+                });
+            },
+            _blur: function (shouldRestoreValue) {
+                var that = this, input = that.input, inputWrapper = that.inputWrapper, wrapper = that.wrapper, overlay = that.overlay, val = input.val().replace(/\/{2,}/g, '/');
+                if (overlay.is(':visible')) {
+                    return;
+                }
+                if (shouldRestoreValue) {
+                    val = that.oldValue;
+                }
+                input.attr(ARIA_HIDDEN, true);
+                inputWrapper.hide();
+                overlay.show();
+                input.val('');
+                that._update(val);
+                wrapper.removeClass(breadcrumbStyles.focused);
+            },
+            _keydown: function (e) {
+                var that = this, key = e.keyCode, isEnter = key === kendo.keys.ENTER, isEsc = key === kendo.keys.ESC;
+                if (isEnter || isEsc) {
+                    that._blur(isEsc);
+                    setTimeout(function () {
+                        that.overlay.find('a').first().trigger('focus');
+                    });
+                }
+            },
+            isNavigational: function (target) {
+                var canNavigate = target.hasClass(breadcrumbStyles.textbox) || target.closest(DOT + breadcrumbStyles.item);
+                if (target[0] === this.wrapper[0]) {
+                    return false;
+                }
+                return canNavigate && !target.hasClass('k-breadcrumb-last-item');
+            },
+            _wrapperKeydown: function (ev) {
+                var that = this, target = $(ev.target), isNavigational = that.isNavigational(target);
+                if (ev.keyCode === kendo.keys.ENTER && !isNavigational) {
+                    that._edit();
+                }
+            },
+            _wrapperClick: function (ev) {
+                var that = this, target = $(ev.target), isNavigational = that.isNavigational(target);
+                if (!isNavigational) {
+                    this._edit();
+                }
+            },
+            _wrapperFocus: function (ev) {
+                $(ev.target).addClass(breadcrumbStyles.focused);
+            },
+            _wrapperBlur: function (ev) {
+                $(ev.target).removeClass(breadcrumbStyles.focused);
+            },
+            _wrapper: function () {
+                var that = this, element = this.element, elementIsInput = element.is('input');
+                that.wrapper = elementIsInput ? element.wrap($('<nav />')).parent() : element;
+                if (elementIsInput) {
+                    that.element.wrap($('<div />').addClass(breadcrumbStyles.inputWrapper)).addClass(breadcrumbStyles.textbox).parent().hide();
+                    that.inputWrapper = that.wrapper.find(DOT + breadcrumbStyles.inputWrapper);
+                } else {
+                    that.inputWrapper = that.wrapper.append($('<div />').addClass(breadcrumbStyles.inputWrapper)).find(DOT + breadcrumbStyles.inputWrapper).hide();
+                }
+                that.wrapper.addClass(breadcrumbStyles.widget);
+                that.wrapper.attr(ARIA_LABEL, 'Breadcrumb');
+                that.overlay = that.wrapper.append($('<ol />').addClass(breadcrumbStyles.overlay)).find(DOT + breadcrumbStyles.overlay);
+            },
+            _editable: function () {
+                var that = this, element = that.element, elementIsInput = element.is('input');
+                if (elementIsInput) {
+                    that.input = that.element;
+                } else {
+                    that.input = $('<input />');
+                }
+                that.inputWrapper.append(that.input);
+                that.input.addClass(breadcrumbStyles.textbox).attr(ARIA_HIDDEN, true);
+                that.input.on(BLUR + BREADCRUMB, proxy(that._blur, that, false)).on(KEYDOWN + BREADCRUMB, proxy(that._keydown, that));
+                that.wrapper.on(FOCUS + BREADCRUMB, proxy(that._wrapperFocus, that)).on(BLUR + BREADCRUMB, proxy(that._wrapperBlur, that)).on(KEYDOWN + BREADCRUMB, proxy(that._wrapperKeydown, that)).on(CLICK + BREADCRUMB, proxy(that._wrapperClick, that));
+            },
+            _value: function () {
+                var that = this, options = that.options;
+                if (options.value) {
+                    that.value(options.value);
+                } else if (options.bindToLocation) {
+                    that.value(window.location.href.replace(/http(s?):\/\//, '').replace(/\/$/, ''));
+                } else {
+                    that.value('');
+                }
+            },
+            _split: function (value) {
+                return value.split('/').filter(function (item, index) {
+                    if (index > 0 && item === '') {
+                        return false;
+                    }
+                    return true;
+                });
+            },
+            isRtl: function () {
+                return kendo.support.isRtl(this.wrapper);
+            },
+            refresh: function () {
+                var that = this, options = that.options, messages = options.messages, delimiterIcon = that.options.delimiterIcon, html = '', href = '', isOnlyRoot = that.value() === '', segments = that._segments, segment, idx, length, isLastSegment;
+                if (delimiterIcon == 'arrow-chevron-right' && that.isRtl()) {
+                    delimiterIcon = 'arrow-chevron-left';
+                }
+                for (idx = 0, length = segments.length; idx < length; idx++) {
+                    segment = segments[idx];
+                    isLastSegment = idx === segments.length - 1;
+                    if (segment !== undefined) {
+                        if (!html) {
+                            href = '/';
+                        } else {
+                            href += segment.text || segment || '';
+                        }
+                        if (typeof segment === 'string') {
+                            segment = {
+                                type: !html ? 'rootitem' : 'item',
+                                href: options.navigational ? href : '#',
+                                text: segment,
+                                showIcon: !html,
+                                showText: !!html,
+                                icon: !html ? options.rootIcon : '',
+                                itemClass: !html ? 'k-breadcrumb-root-item' : '',
+                                linkClass: !html ? breadcrumbStyles.rootLink : '',
+                                delimiterIcon: delimiterIcon,
+                                renderDelimiter: !isLastSegment && !isOnlyRoot,
+                                lastSegment: isLastSegment,
+                                iconClass: ''
+                            };
+                            that._segments.splice(idx, 1, segment);
+                        } else if (isPlainObject(segment)) {
+                            segment = extend({}, segment, { type: segment.type ? segment.type.toLowerCase() : 'item' });
+                            segment = extend({}, segment, {
+                                text: segment.text || '',
+                                title: segment.text || '',
+                                icon: segment.icon || (segment.type === 'rootitem' ? options.rootIcon : ''),
+                                iconClass: segment.iconClass || '',
+                                lastSegment: isLastSegment,
+                                renderDelimiter: !isLastSegment && segments.length > 1,
+                                href: options.navigational ? segment.href : '#',
+                                delimiterIcon: delimiterIcon,
+                                itemClass: segment.itemClass || '',
+                                linkClass: segment.linkClass || '',
+                                showIcon: segment.showIcon === undefined ? segment.type === 'rootitem' && segment.type !== 'item' : segment.showIcon,
+                                showText: segment.showText === undefined ? segment.type === 'item' && segment.type !== 'rootitem' : segment.showText
+                            });
+                            if (segment.type === 'rootitem') {
+                                segment.itemClass += ' k-breadcrumb-root-item';
+                                segment.linkClass += ' ' + breadcrumbStyles.rootLink;
+                            }
+                        }
+                        if (segment.type === 'rootitem' && segment.text === '') {
+                            segment.title = messages.rootTitle;
+                        }
+                        href += href.match(/\/$/) ? '' : '/';
+                        html += kendo.template(this.itemTemplate)(segment);
+                    }
+                }
+                this.overlay.empty().append($(html));
+                this.resize(true);
+            },
+            itemTemplate: '<li class="k-breadcrumb-item #:itemClass# #if(lastSegment){#k-breadcrumb-last-item#}#">' + '<a href="#:href#" class="#:linkClass# ' + '#if(type !== "rootitem"){# k-breadcrumb-link#}#' + '#if(showText && showIcon){# k-breadcrumb-icontext-link#}#' + '#if(showIcon && !showText){# k-breadcrumb-icon-link#}#' + '#if(lastSegment && type !== "rootitem"){# k-state-disabled#}#"' + '#if(lastSegment){# aria-current="page"#}# title="#:text || title#">' + '#if(showIcon) {#' + '<span class="#if(icon){#k-icon k-i-#:icon##}# #:iconClass#"></span>' + '#}#' + '#if(showText) {#' + '#:text#' + '#}#' + '</a>' + '#if(renderDelimiter) {#' + '<span class="k-breadcrumb-delimiter-icon k-icon k-i-#:delimiterIcon#" aria-hidden="true"></span>' + '#}#' + '#if(type === "rootitem" && renderDelimiter) {#' + '<span class="k-breadcrumb-delimiter-icon k-hidden k-icon k-i-#:delimiterIcon#" aria-hidden="true"></span>' + '#}#' + '</li>',
+            _displayOverflowIcons: function (visible) {
+                var that = this, rootItem = that.wrapper.find(DOT + breadcrumbStyles.rootItem);
+                if (visible) {
+                    rootItem.find(DOT + breadcrumbStyles.delimiter).addClass(breadcrumbStyles.overflowIcon).removeClass(breadcrumbStyles.hidden);
+                } else {
+                    rootItem.find(DOT + breadcrumbStyles.overflowIcon).removeClass(breadcrumbStyles.overflowIcon).last().addClass(breadcrumbStyles.hidden);
+                }
+            },
+            _shrinkItems: function () {
+                var that = this, wrapper = that.wrapper, overlay = that.overlay, items = that.overlay.find(DOT + breadcrumbStyles.item + ':visible:not(.k-breadcrumb-root-item)'), availableWidth = wrapper.width() - that.options.gap, item;
+                if (items.length == 1) {
+                    return;
+                }
+                for (var i = 0; i < items.length; i += 1) {
+                    item = $(items[i]);
+                    if (kendo._outerWidth(overlay) >= availableWidth) {
+                        if (i == items.length - 1) {
+                            break;
+                        }
+                        item.hide();
+                        that._displayOverflowIcons(true);
+                    }
+                }
+            },
+            _showItem: function (item, overlayWidth, availableWidth) {
+                if (item.length && availableWidth > overlayWidth + kendo._outerWidth(item, true)) {
+                    item.show();
+                    return true;
+                }
+                return false;
+            },
+            _stretchItems: function () {
+                var that = this, wrapper = that.wrapper, overlay = that.overlay, items = that.overlay.find(DOT + breadcrumbStyles.item + ':hidden:not(.k-breadcrumb-root-item)'), availableWidth = wrapper.width() - that.options.gap, item, overlayWidth;
+                if (!items.length) {
+                    that._displayOverflowIcons(false);
+                }
+                for (var i = items.length - 1; i >= 0; i--) {
+                    item = $(items[i]);
+                    overlayWidth = kendo._outerWidth(overlay);
+                    if (overlayWidth > availableWidth || !this._showItem(item, overlayWidth, availableWidth)) {
+                        break;
+                    }
+                }
+            },
+            _resize: function () {
+                this._shrinkItems();
+                this._stretchItems();
+            },
+            getSize: function () {
+                return kendo.dimensions(this.wrapper);
+            },
+            value: function (val) {
+                var that = this;
+                if (val !== undefined) {
+                    that._generateSegments(val);
+                    that.refresh();
+                    return;
+                }
+                return that._path(that._segments);
+            },
+            _path: function (trail) {
+                return $.map(trail, function (b) {
+                    var text = isPlainObject(b) ? b.text : b;
+                    return text === '/' ? '' : text;
+                }).join('/');
+            }
+        });
+        kendo.ui.plugin(Breadcrumb);
+    }(window.kendo.jQuery));
+    return window.kendo;
+}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
+    (a3 || a2)();
+}));
+//END FIX_028
+
 (function (f, define) {
     define('kendo.switch', ['kendo.core'], f);
 }(function () {