111 lines
3.3 KiB
JavaScript
111 lines
3.3 KiB
JavaScript
/**
|
|
* Tom Select v2.4.2
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
*/
|
|
|
|
(function (global, factory) {
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.dropdown_header = factory());
|
|
})(this, (function () { 'use strict';
|
|
|
|
/**
|
|
* Converts a scalar to its best string representation
|
|
* for hash keys and HTML attribute values.
|
|
*
|
|
* Transformations:
|
|
* 'str' -> 'str'
|
|
* null -> ''
|
|
* undefined -> ''
|
|
* true -> '1'
|
|
* false -> '0'
|
|
* 0 -> '0'
|
|
* 1 -> '1'
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* Prevent default
|
|
*
|
|
*/
|
|
const preventDefault = (evt, stop = false) => {
|
|
if (evt) {
|
|
evt.preventDefault();
|
|
if (stop) {
|
|
evt.stopPropagation();
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Return a dom element from either a dom query string, jQuery object, a dom element or html string
|
|
* https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518
|
|
*
|
|
* param query should be {}
|
|
*/
|
|
const getDom = query => {
|
|
if (query.jquery) {
|
|
return query[0];
|
|
}
|
|
if (query instanceof HTMLElement) {
|
|
return query;
|
|
}
|
|
if (isHtmlString(query)) {
|
|
var tpl = document.createElement('template');
|
|
tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result
|
|
return tpl.content.firstChild;
|
|
}
|
|
return document.querySelector(query);
|
|
};
|
|
const isHtmlString = arg => {
|
|
if (typeof arg === 'string' && arg.indexOf('<') > -1) {
|
|
return true;
|
|
}
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Plugin: "dropdown_header" (Tom Select)
|
|
* Copyright (c) contributors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
|
|
* file except in compliance with the License. You may obtain a copy of the License at:
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
|
|
* ANY KIND, either express or implied. See the License for the specific language
|
|
* governing permissions and limitations under the License.
|
|
*
|
|
*/
|
|
|
|
function plugin (userOptions) {
|
|
const self = this;
|
|
const options = Object.assign({
|
|
title: 'Untitled',
|
|
headerClass: 'dropdown-header',
|
|
titleRowClass: 'dropdown-header-title',
|
|
labelClass: 'dropdown-header-label',
|
|
closeClass: 'dropdown-header-close',
|
|
html: data => {
|
|
return '<div class="' + data.headerClass + '">' + '<div class="' + data.titleRowClass + '">' + '<span class="' + data.labelClass + '">' + data.title + '</span>' + '<a class="' + data.closeClass + '">×</a>' + '</div>' + '</div>';
|
|
}
|
|
}, userOptions);
|
|
self.on('initialize', () => {
|
|
var header = getDom(options.html(options));
|
|
var close_link = header.querySelector('.' + options.closeClass);
|
|
if (close_link) {
|
|
close_link.addEventListener('click', evt => {
|
|
preventDefault(evt, true);
|
|
self.close();
|
|
});
|
|
}
|
|
self.dropdown.insertBefore(header, self.dropdown.firstChild);
|
|
});
|
|
}
|
|
|
|
return plugin;
|
|
|
|
}));
|
|
//# sourceMappingURL=dropdown_header.js.map
|