rails-active-ui 0.3.0 → 0.3.2

data/formantic-ui/components/accordion.js

@@ -0,0 +1,595 @@
+/*!
+ * # Fomantic-UI 2.9.4 - Accordion
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+
+(function ($, window, document) {
+    'use strict';
+
+    function isFunction(obj) {
+        return typeof obj === 'function' && typeof obj.nodeType !== 'number';
+    }
+
+    window = window !== undefined && window.Math === Math
+        ? window
+        : globalThis;
+
+    $.fn.accordion = function (parameters) {
+        var
+            $allModules     = $(this),
+
+            time            = Date.now(),
+            performance     = [],
+
+            query           = arguments[0],
+            methodInvoked   = typeof query === 'string',
+            queryArguments  = [].slice.call(arguments, 1),
+
+            returnedValue
+        ;
+        $allModules.each(function () {
+            var
+                settings        = $.isPlainObject(parameters)
+                    ? $.extend(true, {}, $.fn.accordion.settings, parameters)
+                    : $.extend({}, $.fn.accordion.settings),
+
+                className       = settings.className,
+                namespace       = settings.namespace,
+                selector        = settings.selector,
+                error           = settings.error,
+
+                eventNamespace  = '.' + namespace,
+                moduleNamespace = 'module-' + namespace,
+
+                $module  = $(this),
+                $title   = $module.find(selector.title),
+                $content = $module.find(selector.content),
+
+                element  = this,
+                instance = $module.data(moduleNamespace),
+                observer,
+                module
+            ;
+
+            module = {
+
+                initialize: function () {
+                    module.debug('Initializing', $module);
+                    module.bind.events();
+                    if (settings.observeChanges) {
+                        module.observeChanges();
+                    }
+                    module.instantiate();
+                },
+
+                instantiate: function () {
+                    instance = module;
+                    $module
+                        .data(moduleNamespace, module)
+                    ;
+                },
+
+                destroy: function () {
+                    module.debug('Destroying previous instance', $module);
+                    $module
+                        .off(eventNamespace)
+                        .removeData(moduleNamespace)
+                    ;
+                },
+
+                refresh: function () {
+                    $title = $module.find(selector.title);
+                    $content = $module.find(selector.content);
+                },
+
+                observeChanges: function () {
+                    if ('MutationObserver' in window) {
+                        observer = new MutationObserver(function (mutations) {
+                            module.debug('DOM tree modified, updating selector cache');
+                            module.refresh();
+                        });
+                        observer.observe(element, {
+                            childList: true,
+                            subtree: true,
+                        });
+                        module.debug('Setting up mutation observer', observer);
+                    }
+                },
+
+                bind: {
+                    events: function () {
+                        module.debug('Binding delegated events');
+                        $module
+                            .on(settings.on + eventNamespace, selector.trigger, module.event.click)
+                        ;
+                    },
+                },
+
+                event: {
+                    click: function (event) {
+                        if ($(event.target).closest(selector.ignore).length === 0) {
+                            module.toggle.call(this);
+                        }
+                    },
+                },
+
+                toggle: function (query) {
+                    var
+                        $activeTitle = query !== undefined
+                            ? (typeof query === 'number'
+                                ? $title.eq(query)
+                                : $(query).closest(selector.title))
+                            : $(this).closest(selector.title),
+                        $activeContent = $activeTitle.next($content),
+                        isAnimating = $activeContent.hasClass(className.animating),
+                        isActive    = $activeContent.hasClass(className.active),
+                        isOpen      = isActive && !isAnimating,
+                        isOpening   = !isActive && isAnimating
+                    ;
+                    module.debug('Toggling visibility of content', $activeTitle);
+                    if (isOpen || isOpening) {
+                        if (settings.collapsible) {
+                            module.close.call($activeTitle);
+                        } else {
+                            module.debug('Cannot close accordion content collapsing is disabled');
+                        }
+                    } else {
+                        module.open.call($activeTitle);
+                    }
+                },
+
+                open: function (query) {
+                    var
+                        $activeTitle = query !== undefined
+                            ? (typeof query === 'number'
+                                ? $title.eq(query)
+                                : $(query).closest(selector.title))
+                            : $(this).closest(selector.title),
+                        $activeContent = $activeTitle.next($content),
+                        isAnimating = $activeContent.hasClass(className.animating),
+                        isActive    = $activeContent.hasClass(className.active),
+                        isOpen      = isActive || isAnimating
+                    ;
+                    if (isOpen) {
+                        module.debug('Accordion already open, skipping', $activeContent);
+
+                        return;
+                    }
+                    module.debug('Opening accordion content', $activeTitle);
+                    settings.onOpening.call($activeContent);
+                    settings.onChanging.call($activeContent);
+                    if (settings.exclusive) {
+                        module.closeOthers.call($activeTitle);
+                    }
+                    $activeTitle
+                        .addClass(className.active)
+                    ;
+                    $activeContent
+                        .stop(true, true)
+                        .addClass(className.animating)
+                    ;
+                    if (settings.animateChildren) {
+                        if ($.fn.transition !== undefined) {
+                            $activeContent
+                                .children()
+                                .transition({
+                                    animation: 'fade in',
+                                    queue: false,
+                                    useFailSafe: true,
+                                    debug: settings.debug,
+                                    verbose: settings.verbose,
+                                    silent: settings.silent,
+                                    duration: settings.duration,
+                                    skipInlineHidden: true,
+                                    onComplete: function () {
+                                        $activeContent.children().removeClass(className.transition);
+                                    },
+                                })
+                            ;
+                        } else {
+                            $activeContent
+                                .children()
+                                .stop(true, true)
+                                .animate({
+                                    opacity: 1,
+                                }, settings.duration, module.resetOpacity);
+                        }
+                    }
+                    $activeContent
+                        .slideDown(settings.duration, settings.easing, function () {
+                            $activeContent
+                                .removeClass(className.animating)
+                                .addClass(className.active)
+                            ;
+                            module.reset.display.call(this);
+                            settings.onOpen.call(this);
+                            settings.onChange.call(this);
+                        })
+                    ;
+                },
+
+                close: function (query) {
+                    var
+                        $activeTitle = query !== undefined
+                            ? (typeof query === 'number'
+                                ? $title.eq(query)
+                                : $(query).closest(selector.title))
+                            : $(this).closest(selector.title),
+                        $activeContent = $activeTitle.next($content),
+                        isAnimating    = $activeContent.hasClass(className.animating),
+                        isActive       = $activeContent.hasClass(className.active),
+                        isOpening      = !isActive && isAnimating,
+                        isClosing      = isActive && isAnimating
+                    ;
+                    if ((isActive || isOpening) && !isClosing) {
+                        module.debug('Closing accordion content', $activeContent);
+                        settings.onClosing.call($activeContent);
+                        settings.onChanging.call($activeContent);
+                        $activeTitle
+                            .removeClass(className.active)
+                        ;
+                        $activeContent
+                            .stop(true, true)
+                            .addClass(className.animating)
+                        ;
+                        if (settings.animateChildren) {
+                            if ($.fn.transition !== undefined) {
+                                $activeContent
+                                    .children()
+                                    .transition({
+                                        animation: 'fade out',
+                                        queue: false,
+                                        useFailSafe: true,
+                                        debug: settings.debug,
+                                        verbose: settings.verbose,
+                                        silent: settings.silent,
+                                        duration: settings.duration,
+                                        skipInlineHidden: true,
+                                    })
+                                ;
+                            } else {
+                                $activeContent
+                                    .children()
+                                    .stop(true, true)
+                                    .animate({
+                                        opacity: 0,
+                                    }, settings.duration, module.resetOpacity);
+                            }
+                        }
+                        $activeContent
+                            .slideUp(settings.duration, settings.easing, function () {
+                                $activeContent
+                                    .removeClass(className.animating)
+                                    .removeClass(className.active)
+                                ;
+                                module.reset.display.call(this);
+                                settings.onClose.call(this);
+                                settings.onChange.call(this);
+                            })
+                        ;
+                    }
+                },
+
+                closeOthers: function (index) {
+                    var
+                        $activeTitle = index !== undefined
+                            ? $title.eq(index)
+                            : $(this).closest(selector.title),
+                        $parentTitles    = $activeTitle.parents(selector.content).prev(selector.title),
+                        $activeAccordion = $activeTitle.closest(selector.accordion),
+                        activeSelector   = selector.title + '.' + className.active + ':visible',
+                        activeContent    = selector.content + '.' + className.active + ':visible',
+                        $openTitles,
+                        $nestedTitles,
+                        $openContents
+                    ;
+                    if (settings.closeNested) {
+                        $openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
+                        $openContents = $openTitles.next($content);
+                    } else {
+                        $openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
+                        $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
+                        $openTitles = $openTitles.not($nestedTitles);
+                        $openContents = $openTitles.next($content);
+                    }
+                    if ($openTitles.length > 0) {
+                        module.debug('Exclusive enabled, closing other content', $openTitles);
+                        $openTitles
+                            .removeClass(className.active)
+                        ;
+                        $openContents
+                            .removeClass(className.animating)
+                            .stop(true, true)
+                        ;
+                        if (settings.animateChildren) {
+                            if ($.fn.transition !== undefined) {
+                                $openContents
+                                    .children()
+                                    .transition({
+                                        animation: 'fade out',
+                                        useFailSafe: true,
+                                        debug: settings.debug,
+                                        verbose: settings.verbose,
+                                        silent: settings.silent,
+                                        duration: settings.duration,
+                                        skipInlineHidden: true,
+                                    })
+                                ;
+                            } else {
+                                $openContents
+                                    .children()
+                                    .stop(true, true)
+                                    .animate({
+                                        opacity: 0,
+                                    }, settings.duration, module.resetOpacity);
+                            }
+                        }
+                        $openContents
+                            .slideUp(settings.duration, settings.easing, function () {
+                                $(this).removeClass(className.active);
+                                module.reset.display.call(this);
+                            })
+                        ;
+                    }
+                },
+
+                reset: {
+
+                    display: function () {
+                        module.verbose('Removing inline display from element', this);
+                        var $element = $(this);
+                        $element.css('display', '');
+                        if ($element.attr('style') === '') {
+                            $element
+                                .attr('style', '')
+                                .removeAttr('style')
+                            ;
+                        }
+                    },
+
+                    opacity: function () {
+                        module.verbose('Removing inline opacity from element', this);
+                        var $element = $(this);
+                        $element.css('opacity', '');
+                        if ($element.attr('style') === '') {
+                            $element
+                                .attr('style', '')
+                                .removeAttr('style')
+                            ;
+                        }
+                    },
+
+                },
+
+                setting: function (name, value) {
+                    module.debug('Changing setting', name, value);
+                    if ($.isPlainObject(name)) {
+                        $.extend(true, settings, name);
+                    } else if (value !== undefined) {
+                        if ($.isPlainObject(settings[name])) {
+                            $.extend(true, settings[name], value);
+                        } else {
+                            settings[name] = value;
+                        }
+                    } else {
+                        return settings[name];
+                    }
+                },
+                internal: function (name, value) {
+                    module.debug('Changing internal', name, value);
+                    if (value !== undefined) {
+                        if ($.isPlainObject(name)) {
+                            $.extend(true, module, name);
+                        } else {
+                            module[name] = value;
+                        }
+                    } else {
+                        return module[name];
+                    }
+                },
+                debug: function () {
+                    if (!settings.silent && settings.debug) {
+                        if (settings.performance) {
+                            module.performance.log(arguments);
+                        } else {
+                            module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+                            module.debug.apply(console, arguments);
+                        }
+                    }
+                },
+                verbose: function () {
+                    if (!settings.silent && settings.verbose && settings.debug) {
+                        if (settings.performance) {
+                            module.performance.log(arguments);
+                        } else {
+                            module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+                            module.verbose.apply(console, arguments);
+                        }
+                    }
+                },
+                error: function () {
+                    if (!settings.silent) {
+                        module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+                        module.error.apply(console, arguments);
+                    }
+                },
+                performance: {
+                    log: function (message) {
+                        var
+                            currentTime,
+                            executionTime,
+                            previousTime
+                        ;
+                        if (settings.performance) {
+                            currentTime = Date.now();
+                            previousTime = time || currentTime;
+                            executionTime = currentTime - previousTime;
+                            time = currentTime;
+                            performance.push({
+                                Name: message[0],
+                                Arguments: [].slice.call(message, 1) || '',
+                                Element: element,
+                                'Execution Time': executionTime,
+                            });
+                        }
+                        clearTimeout(module.performance.timer);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
+                    },
+                    display: function () {
+                        var
+                            title = settings.name + ':',
+                            totalTime = 0
+                        ;
+                        time = false;
+                        clearTimeout(module.performance.timer);
+                        $.each(performance, function (index, data) {
+                            totalTime += data['Execution Time'];
+                        });
+                        title += ' ' + totalTime + 'ms';
+                        if (performance.length > 0) {
+                            console.groupCollapsed(title);
+                            if (console.table) {
+                                console.table(performance);
+                            } else {
+                                $.each(performance, function (index, data) {
+                                    console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
+                                });
+                            }
+                            console.groupEnd();
+                        }
+                        performance = [];
+                    },
+                },
+                invoke: function (query, passedArguments, context) {
+                    var
+                        object = instance,
+                        maxDepth,
+                        found,
+                        response
+                    ;
+                    passedArguments = passedArguments || queryArguments;
+                    context = context || element;
+                    if (typeof query === 'string' && object !== undefined) {
+                        query = query.split(/[ .]/);
+                        maxDepth = query.length - 1;
+                        $.each(query, function (depth, value) {
+                            var camelCaseValue = depth !== maxDepth
+                                ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+                                : query;
+                            if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
+                                object = object[camelCaseValue];
+                            } else if (object[camelCaseValue] !== undefined) {
+                                found = object[camelCaseValue];
+
+                                return false;
+                            } else if ($.isPlainObject(object[value]) && (depth !== maxDepth)) {
+                                object = object[value];
+                            } else if (object[value] !== undefined) {
+                                found = object[value];
+
+                                return false;
+                            } else {
+                                module.error(error.method, query);
+
+                                return false;
+                            }
+                        });
+                    }
+                    if (isFunction(found)) {
+                        response = found.apply(context, passedArguments);
+                    } else if (found !== undefined) {
+                        response = found;
+                    }
+                    if (Array.isArray(returnedValue)) {
+                        returnedValue.push(response);
+                    } else if (returnedValue !== undefined) {
+                        returnedValue = [returnedValue, response];
+                    } else if (response !== undefined) {
+                        returnedValue = response;
+                    }
+
+                    return found;
+                },
+            };
+            if (methodInvoked) {
+                if (instance === undefined) {
+                    module.initialize();
+                }
+                module.invoke(query);
+            } else {
+                if (instance !== undefined) {
+                    instance.invoke('destroy');
+                }
+                module.initialize();
+            }
+        });
+
+        return returnedValue !== undefined
+            ? returnedValue
+            : this;
+    };
+
+    $.fn.accordion.settings = {
+
+        name: 'Accordion',
+        namespace: 'accordion',
+
+        silent: false,
+        debug: false,
+        verbose: false,
+        performance: true,
+
+        on: 'click', // event on title that opens accordion
+
+        observeChanges: true, // whether accordion should automatically refresh on DOM insertion
+
+        exclusive: true, // whether a single accordion content panel should be open at once
+        collapsible: true, // whether accordion content can be closed
+        closeNested: false, // whether nested content should be closed when a panel is closed
+        animateChildren: true, // whether children opacity should be animated
+
+        duration: 350, // duration of animation
+        easing: 'easeOutQuad', // easing equation for animation
+
+        onOpening: function () {}, // callback before open animation
+        onClosing: function () {}, // callback before closing animation
+        onChanging: function () {}, // callback before closing or opening animation
+
+        onOpen: function () {}, // callback after open animation
+        onClose: function () {}, // callback after closing animation
+        onChange: function () {}, // callback after closing or opening animation
+
+        error: {
+            method: 'The method you called is not defined',
+        },
+
+        className: {
+            active: 'active',
+            animating: 'animating',
+            transition: 'transition',
+        },
+
+        selector: {
+            accordion: '.accordion',
+            title: '.title',
+            trigger: '.title',
+            ignore: '.ui.dropdown',
+            content: '.content',
+        },
+
+    };
+
+    // Adds easing
+    $.extend($.easing, {
+        easeOutQuad: function (x) {
+            return 1 - (1 - x) * (1 - x);
+        },
+    });
+})(jQuery, window, document);

data/formantic-ui/components/accordion.min.css

@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI 2.9.4 - Accordion
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion>.title,.ui.accordion.menu .item>.title,.ui.accordion>.title{cursor:pointer;padding:.5em 0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1em;color:rgba(0,0,0,.87);list-style:none;line-height:1}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:"";padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.ui.accordion .accordion .title>.dropdown.icon.right,.ui.accordion .title>.dropdown.icon.right,.ui.accordion .ui.header>.dropdown.icon.right{float:right;transform:rotate(180deg)}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0 .25rem 0 0;transform:rotate(180deg)}.ui.accordion .ui.header>.dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title>.dropdown.icon,.ui.accordion .accordion[open]>.title>.dropdown.icon,.ui.accordion .active.title>.dropdown.icon,.ui.accordion[open]>.title>.dropdown.icon{transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion>.title,.ui.styled.accordion>.title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion>.title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title,.ui.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.compact.accordion:not(.styled) .accordion>.title,.ui.compact.accordion:not(.styled)>.title{padding:.25em 0}.ui.compact.accordion:not(.styled) .accordion .title~.content,.ui.compact.accordion:not(.styled) .title~.content{padding:.25em 0 .5em}.ui.compact.styled.accordion .accordion>.title,.ui.compact.styled.accordion>.title{padding:.375em .5em}.ui.compact.styled.accordion .accordion .title~.content,.ui.compact.styled.accordion .title~.content{padding:.25em .5em .75em}.ui[class*="very compact"].accordion:not(.styled) .accordion>.title,.ui[class*="very compact"].accordion:not(.styled)>.title{padding:.125em 0}.ui[class*="very compact"].accordion:not(.styled) .accordion .title~.content,.ui[class*="very compact"].accordion:not(.styled) .title~.content{padding:.125em 0 .25em}.ui[class*="very compact"].styled.accordion .accordion>.title,.ui[class*="very compact"].styled.accordion>.title{padding:.1875em .25em}.ui[class*="very compact"].styled.accordion .accordion .title~.content,.ui[class*="very compact"].styled.accordion .title~.content{padding:.125em .25em .375em}.ui.accordion .accordion:not(details) .title~.content:not(.active),.ui.accordion:not(details) .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .accordion>.title,.ui.inverted.accordion.menu .item>.title,.ui.inverted.accordion>.title{color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion,.ui.inverted.styled.accordion .accordion{background:#1b1c1d;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1)}.ui.inverted.styled.accordion .accordion>.title,.ui.inverted.styled.accordion>.title{color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1)}.ui.inverted.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .active.title,.ui.inverted.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.inverted.styled.accordion .accordion .active.title,.ui.inverted.styled.accordion .accordion[open]>.title{background:0 0;color:#fff}.ui.basic.styled.accordion,.ui.basic.styled.accordion .accordion{background:0 0;box-shadow:none}.ui.basic.styled.accordion .accordion>.title,.ui.basic.styled.accordion>.title{border:none;color:rgba(0,0,0,.6)}.ui.basic.styled.accordion .accordion>.title:hover,.ui.basic.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.basic.styled.accordion .accordion .active.title,.ui.basic.styled.accordion .accordion[open]>.title,.ui.basic.styled.accordion .active.title,.ui.basic.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.inverted.basic.styled.accordion .accordion>.title,.ui.inverted.basic.styled.accordion>.title{background:0 0;color:rgba(255,255,255,.8)}.ui.inverted.basic.styled.accordion .accordion>.title:hover,.ui.inverted.basic.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.basic.styled.accordion .accordion .active.title,.ui.inverted.basic.styled.accordion .accordion[open]>.title,.ui.inverted.basic.styled.accordion .active.title,.ui.inverted.basic.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.tree.accordion:not(.styled) .accordion .title~.content,.ui.tree.accordion:not(.styled) .title~.content{padding:0}.ui.tree.accordion .accordion>.content,.ui.tree.accordion>.content{margin-left:1.7em}.ui.tree.accordion .accordion{margin-top:0}@font-face{font-family:Accordion;src:url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format("woff");font-weight:400;font-style:normal}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title>.dropdown.icon::before,.ui.accordion .title>.dropdown.icon::before,.ui.accordion .ui.header>.dropdown.icon::before{content:"\f0da"}

data/formantic-ui/components/accordion.min.js

@@ -0,0 +1,11 @@
+/*
+ * # Fomantic UI - 2.9.4
+ * https://github.com/fomantic/Fomantic-UI
+ * https://fomantic-ui.com/
+ *
+ * Copyright 2025 Contributors
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+!function(O,x){"use strict";x=void 0!==x&&x.Math===Math?x:globalThis,O.fn.accordion=function(v){var p,e=O(this),m=Date.now(),h=[],b=v,y="string"==typeof b,C=[].slice.call(arguments,1);return e.each(function(){var e,a=O.isPlainObject(v)?O.extend(!0,{},O.fn.accordion.settings,v):O.extend({},O.fn.accordion.settings),s=a.className,n=a.namespace,l=a.selector,c=a.error,i="."+n,t="module-"+n,o=O(this),r=o.find(l.title),d=o.find(l.content),u=this,g=o.data(t),f={initialize:function(){f.debug("Initializing",o),f.bind.events(),a.observeChanges&&f.observeChanges(),f.instantiate()},instantiate:function(){g=f,o.data(t,f)},destroy:function(){f.debug("Destroying previous instance",o),o.off(i).removeData(t)},refresh:function(){r=o.find(l.title),d=o.find(l.content)},observeChanges:function(){"MutationObserver"in x&&((e=new MutationObserver(function(e){f.debug("DOM tree modified, updating selector cache"),f.refresh()})).observe(u,{childList:!0,subtree:!0}),f.debug("Setting up mutation observer",e))},bind:{events:function(){f.debug("Binding delegated events"),o.on(a.on+i,l.trigger,f.event.click)}},event:{click:function(e){0===O(e.target).closest(l.ignore).length&&f.toggle.call(this)}},toggle:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating),n=n.hasClass(s.active),t=n&&!i,n=!n&&i;f.debug("Toggling visibility of content",e),t||n?a.collapsible?f.close.call(e):f.debug("Cannot close accordion content collapsing is disabled"):f.open.call(e)},open:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating);n.hasClass(s.active)||i?f.debug("Accordion already open, skipping",n):(f.debug("Opening accordion content",e),a.onOpening.call(n),a.onChanging.call(n),a.exclusive&&f.closeOthers.call(e),e.addClass(s.active),n.stop(!0,!0).addClass(s.animating),a.animateChildren&&(void 0!==O.fn.transition?n.children().transition({animation:"fade in",queue:!1,useFailSafe:!0,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.duration,skipInlineHidden:!0,onComplete:function(){n.children().removeClass(s.transition)}}):n.children().stop(!0,!0).animate({opacity:1},a.duration,f.resetOpacity)),n.slideDown(a.duration,a.easing,function(){n.removeClass(s.animating).addClass(s.active),f.reset.display.call(this),a.onOpen.call(this),a.onChange.call(this)}))},close:function(e){var e=void 0!==e?"number"==typeof e?r.eq(e):O(e).closest(l.title):O(this).closest(l.title),n=e.next(d),i=n.hasClass(s.animating),t=n.hasClass(s.active);!t&&!(!t&&i)||t&&i||(f.debug("Closing accordion content",n),a.onClosing.call(n),a.onChanging.call(n),e.removeClass(s.active),n.stop(!0,!0).addClass(s.animating),a.animateChildren&&(void 0!==O.fn.transition?n.children().transition({animation:"fade out",queue:!1,useFailSafe:!0,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.duration,skipInlineHidden:!0}):n.children().stop(!0,!0).animate({opacity:0},a.duration,f.resetOpacity)),n.slideUp(a.duration,a.easing,function(){n.removeClass(s.animating).removeClass(s.active),f.reset.display.call(this),a.onClose.call(this),a.onChange.call(this)}))},closeOthers:function(e){var n,e=void 0!==e?r.eq(e):O(this).closest(l.title),i=e.parents(l.content).prev(l.title),e=e.closest(l.accordion),t=l.title+"."+s.active+":visible",o=l.content+"."+s.active+":visible",o=a.closeNested?(n=e.find(t).not(i)).next(d):(n=e.find(t).not(i),e=e.find(o).find(t).not(i),(n=n.not(e)).next(d));0<n.length&&(f.debug("Exclusive enabled, closing other content",n),n.removeClass(s.active),o.removeClass(s.animating).stop(!0,!0),a.animateChildren&&(void 0!==O.fn.transition?o.children().transition({animation:"fade out",useFailSafe:!0,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.duration,skipInlineHidden:!0}):o.children().stop(!0,!0).animate({opacity:0},a.duration,f.resetOpacity)),o.slideUp(a.duration,a.easing,function(){O(this).removeClass(s.active),f.reset.display.call(this)}))},reset:{display:function(){f.verbose("Removing inline display from element",this);var e=O(this);e.css("display",""),""===e.attr("style")&&e.attr("style","").removeAttr("style")},opacity:function(){f.verbose("Removing inline opacity from element",this);var e=O(this);e.css("opacity",""),""===e.attr("style")&&e.attr("style","").removeAttr("style")}},setting:function(e,n){if(f.debug("Changing setting",e,n),O.isPlainObject(e))O.extend(!0,a,e);else{if(void 0===n)return a[e];O.isPlainObject(a[e])?O.extend(!0,a[e],n):a[e]=n}},internal:function(e,n){if(f.debug("Changing internal",e,n),void 0===n)return f[e];O.isPlainObject(e)?O.extend(!0,f,e):f[e]=n},debug:function(){!a.silent&&a.debug&&(a.performance?f.performance.log(arguments):(f.debug=Function.prototype.bind.call(console.info,console,a.name+":"),f.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?f.performance.log(arguments):(f.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),f.verbose.apply(console,arguments)))},error:function(){a.silent||(f.error=Function.prototype.bind.call(console.error,console,a.name+":"),f.error.apply(console,arguments))},performance:{log:function(e){var n,i;a.performance&&(i=(n=Date.now())-(m||n),m=n,h.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:u,"Execution Time":i})),clearTimeout(f.performance.timer),f.performance.timer=setTimeout(function(){f.performance.display()},500)},display:function(){var e=a.name+":",i=0;m=!1,clearTimeout(f.performance.timer),O.each(h,function(e,n){i+=n["Execution Time"]}),e+=" "+i+"ms",0<h.length&&(console.groupCollapsed(e),console.table?console.table(h):O.each(h,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),h=[]}},invoke:function(t,e,n){var o,a,i,s,l=g;return e=e||C,n=n||u,"string"==typeof t&&void 0!==l&&(t=t.split(/[ .]/),o=t.length-1,O.each(t,function(e,n){var i=e!==o?n+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(O.isPlainObject(l[i])&&e!==o)l=l[i];else{if(void 0!==l[i])return a=l[i],!1;{if(!O.isPlainObject(l[n])||e===o)return void 0!==l[n]?a=l[n]:f.error(c.method,t),!1;l=l[n]}}})),"function"==typeof(s=a)&&"number"!=typeof s.nodeType?i=a.apply(n,e):void 0!==a&&(i=a),Array.isArray(p)?p.push(i):void 0!==p?p=[p,i]:void 0!==i&&(p=i),a}};y?(void 0===g&&f.initialize(),f.invoke(b)):(void 0!==g&&g.invoke("destroy"),f.initialize())}),void 0!==p?p:this},O.fn.accordion.settings={name:"Accordion",namespace:"accordion",silent:!1,debug:!1,verbose:!1,performance:!0,on:"click",observeChanges:!0,exclusive:!0,collapsible:!0,closeNested:!1,animateChildren:!0,duration:350,easing:"easeOutQuad",onOpening:function(){},onClosing:function(){},onChanging:function(){},onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active",animating:"animating",transition:"transition"},selector:{accordion:".accordion",title:".title",trigger:".title",ignore:".ui.dropdown",content:".content"}},O.extend(O.easing,{easeOutQuad:function(e){return 1-(1-e)*(1-e)}})}(jQuery,window,document);