{"version":3,"sources":["webpack:///scripts/plugin--toggle-element-classes--b893d24d00231a810a61.js","webpack:///./project/client/src/core/plugins/jquery__toggle-element-classes/plugin.js"],"names":["webpackJsonp","/tool/node_modules/babel-loader/lib/index.js??ref--7-0!/tool/node_modules/eslint-loader/index.js!/tool/project/client/src/core/plugins/jquery__toggle-element-classes/plugin.js","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_classCallCheck","instance","Constructor","TypeError","Object","defineProperty","value","_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","key","protoProps","staticProps","prototype","_jquery","_jquery2","_debug","_debug2","_lib","_index","log","PLUGIN_NAME","PluginKlass","element","options","this","$element","$classes","to","split","$targets","watch","_options","on","delegate","toggle","document","filterEvents","boundEvent","fn","_this","ignoreChildEvents","event","nodeName","toLowerCase","call","ctrlKey","metaKey","shiftKey","altKey","preventDefault","_this2","_options2","stopPropagation","$has","map","matching","selectors","selectTarget","attr","filter","item","includes","trigger","forEach","index","$target","removeClass","addClass","DEFAULTS"],"mappings":"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","file":"scripts/plugin--toggle-element-classes--b893d24d00231a810a61.js","sourcesContent":["webpackJsonp([\"plugin--toggle-element-classes\"],{\n\n/***/ \"/tool/node_modules/babel-loader/lib/index.js??ref--7-0!/tool/node_modules/eslint-loader/index.js!/tool/project/client/src/core/plugins/jquery__toggle-element-classes/plugin.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /*\r\n Toggle Class\r\n \r\n ### Html Attributes\r\n \r\n ```\r\n data-toggle-element-classes\r\n data-toggle-element-classes--target=\"[(scoping-directive)] .valid-jquery > selector\"\r\n data-toggle-element-classes--on=\"valid jquery event name\"\r\n data-toggle-element-classes--remove=\"space separated class name(s)\"\r\n data-toggle-element-classes--remove-from=\"[(scoping-directive)] .valid-jquery > selector\"\r\n data-toggle-element-classes--delegate=\"true|false, bind event on element, or on document root\"\r\n data-toggle-element-classes--ignore-child-events=\"true|false, child triggers events\"\r\n data-toggle-element-classes--to=\"space separated class name(s)\"\r\n ```\r\n \r\n #### scoping directives\r\n \r\n Scoping directives control where or what direction in the dom the selector is applied\r\n \r\n - `(parent)` Find a parent\r\n - `(parents)` Find all parents\r\n - `(here)` Find siblings or descendants\r\n - `(siblings)` Find siblings\r\n \r\n \r\n Markup:\r\n {{#> Core.Styleguide.Box\r\n modifier_class=\"toggle-class-box u-align u-align--horizontal u-align--horizontal-center\"\r\n width=\"100%\" height=\"5rem\" grow=\"0\"}}\r\n \r\n \r\n \r\n {{/Core.Styleguide.Box}}\r\n \r\n Styleguide Global.Javascript.ToggleClass\r\n */\n\n\nvar _jquery = __webpack_require__(\"external \\\"jQuery\\\"\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _debug = __webpack_require__(\"/tool/node_modules/babel-loader/lib/index.js??ref--7-0!/tool/node_modules/eslint-loader/index.js!/tool/node_modules/debug/src/browser.js\");\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nvar _lib = __webpack_require__(\"/tool/node_modules/babel-loader/lib/index.js??ref--7-0!/tool/node_modules/eslint-loader/index.js!/tool/project/client/src/core/plugins/lib/index.js\");\n\nvar _lib2 = _interopRequireDefault(_lib);\n\nvar _index = __webpack_require__(\"/tool/node_modules/babel-loader/lib/index.js??ref--7-0!/tool/node_modules/eslint-loader/index.js!/tool/project/client/src/core/plugins/jquery__toggle-element-classes/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar log = (0, _debug2.default)('plugins/' + _index.PLUGIN_NAME);\n\nvar PluginKlass = function () {\n function PluginKlass(element, options) {\n _classCallCheck(this, PluginKlass);\n\n this.element = element;\n this.$element = (0, _jquery2.default)(element);\n this.options = options;\n\n this.$classes = this.options.to.split(',') || [];\n this.$targets = this.options.target.split(',') || [];\n\n log('construct', element, options);\n\n this.watch();\n }\n\n _createClass(PluginKlass, [{\n key: 'watch',\n value: function watch() {\n var _options = this.options,\n on = _options.on,\n target = _options.target,\n delegate = _options.delegate;\n\n if (on === '(now)') {\n this.toggle();\n } else if (!delegate) {\n this.boundEvent = this.$element.on(on, this.filterEvents(this.toggle));\n } else {\n (0, _jquery2.default)(document).on(on, this.element, this.filterEvents(this.toggle));\n }\n log('watching', this.element, { on: on, target: target, delegate: delegate });\n }\n\n // filter non delegate events\n // allow default events (and do nothing) clicking with modifier key on links\n\n }, {\n key: 'filterEvents',\n value: function filterEvents(fn) {\n var _this = this;\n\n var ignoreChildEvents = this.options.ignoreChildEvents;\n\n return function (event) {\n if (ignoreChildEvents && event.target !== _this.element) {\n return;\n } else if (_this.element.nodeName.toLowerCase() !== 'a') {\n fn.call(_this);\n } else if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) {\n return true;\n } else {\n event.preventDefault();\n fn.call(_this);\n }\n };\n }\n }, {\n key: 'toggle',\n value: function toggle(event) {\n var _this2 = this;\n\n var _options2 = this.options,\n target = _options2.target,\n to = _options2.to;\n\n\n if (this.options.preventDefault) {\n event.preventDefault();\n }\n\n if (this.options.stopPropagation) {\n event.stopPropagation();\n }\n\n // compile a list of targets that do or don't have it.\n // because next event could result in a remove class\n var $has = this.$targets.map(function (target) {\n var matching = _this2.selectors.selectTarget(target, _this2.$element).attr('class').split(' ').filter(function (item) {\n return _this2.$classes.includes(item);\n });\n return matching && matching.length > 0;\n });\n\n this.$element.trigger(_index.PLUGIN_NAME + '.before', this.options);\n this.$targets.forEach(function (target, index) {\n var $target = _this2.selectors.selectTarget(target, _this2.$element);\n var $classes = _this2.$classes[index];\n\n $target.trigger(_index.PLUGIN_NAME + '.beforeTarget', _this2.options);\n if ($has[index] && $classes) {\n log('toggle.remove', { $target: $target, $classes: $classes, $has: $has[index] });\n $target.removeClass($classes);\n } else if (!$has[index] && $classes) {\n log('toggle.add', { $target: $target, $classes: $classes, $has: $has[index] });\n $target.addClass($classes);\n }\n $target.trigger(_index.PLUGIN_NAME + '.afterTarget', _this2.options);\n log('toggle', _this2.options);\n });\n this.$element.trigger(_index.PLUGIN_NAME + '.after', this.options);\n\n if (this.options.preventDefault) {\n return false;\n }\n }\n }]);\n\n return PluginKlass;\n}();\n\nPluginKlass.DEFAULTS = {\n on: 'click', // event which current element is triggered\n target: '', // selector for the target to toggle classnames on\n to: '', // the classname to toggle\n delegate: false, // bind on element or use delegate events on document.\n ignoreChildEvents: false // whether or not child events trigger\n};\n\nexports.default = PluginKlass;\n//plugin(PLUGIN_NAME, PluginKlass);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// scripts/plugin--toggle-element-classes--b893d24d00231a810a61.js","/*\r\nToggle Class\r\n\r\n### Html Attributes\r\n\r\n```\r\n data-toggle-element-classes\r\n data-toggle-element-classes--target=\"[(scoping-directive)] .valid-jquery > selector\"\r\n data-toggle-element-classes--on=\"valid jquery event name\"\r\n data-toggle-element-classes--remove=\"space separated class name(s)\"\r\n data-toggle-element-classes--remove-from=\"[(scoping-directive)] .valid-jquery > selector\"\r\n data-toggle-element-classes--delegate=\"true|false, bind event on element, or on document root\"\r\n data-toggle-element-classes--ignore-child-events=\"true|false, child triggers events\"\r\n data-toggle-element-classes--to=\"space separated class name(s)\"\r\n```\r\n\r\n#### scoping directives\r\n\r\nScoping directives control where or what direction in the dom the selector is applied\r\n\r\n- `(parent)` Find a parent\r\n- `(parents)` Find all parents\r\n- `(here)` Find siblings or descendants\r\n- `(siblings)` Find siblings\r\n\r\n\r\nMarkup:\r\n{{#> Core.Styleguide.Box\r\n modifier_class=\"toggle-class-box u-align u-align--horizontal u-align--horizontal-center\"\r\n width=\"100%\" height=\"5rem\" grow=\"0\"}}\r\n\r\n\r\n\r\n{{/Core.Styleguide.Box}}\r\n\r\nStyleguide Global.Javascript.ToggleClass\r\n*/\r\nimport $ from 'jquery';\r\n\r\nimport debug from 'debug';\r\nimport plugin from '@core/plugins/lib';\r\nimport { ELEMENT_SELECTOR, PLUGIN_NAME } from './index';\r\n\r\n\r\nconst log = debug(`plugins/${PLUGIN_NAME}`);\r\n\r\nclass PluginKlass {\r\n\r\n constructor(element, options) {\r\n this.element = element;\r\n this.$element = $(element);\r\n this.options = options;\r\n\r\n this.$classes = this.options.to.split(',') || [];\r\n this.$targets = this.options.target.split(',') || [];\r\n\r\n log('construct', element, options);\r\n\r\n this.watch();\r\n\r\n }\r\n\r\n watch () {\r\n const { on, target, delegate} = this.options;\r\n if (on === '(now)') {\r\n this.toggle();\r\n } else if (!delegate) {\r\n this.boundEvent = this.$element\r\n .on(on, this.filterEvents(this.toggle));\r\n } else {\r\n $(document)\r\n .on(on, this.element, this.filterEvents(this.toggle));\r\n }\r\n log('watching', this.element, { on, target, delegate });\r\n }\r\n\r\n\r\n\t// filter non delegate events\r\n\t// allow default events (and do nothing) clicking with modifier key on links\r\n\tfilterEvents(fn) {\r\n\t\tconst { ignoreChildEvents } = this.options;\r\n\t\treturn event => {\r\n\t\t\tif (ignoreChildEvents && event.target !== this.element) {\r\n\t\t\t\treturn;\r\n\t\t\t} else if (this.element.nodeName.toLowerCase() !== 'a') {\r\n\t\t\t\tfn.call(this);\r\n\t\t\t} else if (event.ctrlKey ||\r\n\t\t\t\tevent.metaKey ||\r\n\t\t\t\tevent.shiftKey ||\r\n\t\t\t\tevent.altKey) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t} else {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tfn.call(this);\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\r\n toggle (event) {\r\n const {\r\n target,\r\n to,\r\n } = this.options;\r\n\r\n if (this.options.preventDefault) {\r\n event.preventDefault();\r\n }\r\n\r\n if (this.options.stopPropagation) {\r\n event.stopPropagation();\r\n }\r\n\r\n // compile a list of targets that do or don't have it.\r\n // because next event could result in a remove class\r\n const $has = this.$targets.map(target => {\r\n const matching = this.selectors.selectTarget(target, this.$element)\r\n .attr('class')\r\n .split(' ')\r\n .filter(item => this.$classes.includes(item));\r\n return matching && matching.length > 0;\r\n });\r\n\r\n this.$element.trigger(`${PLUGIN_NAME}.before`, this.options);\r\n this.$targets.forEach((target, index) => {\r\n const $target = this.selectors.selectTarget(target, this.$element);\r\n const $classes = this.$classes[index];\r\n\r\n $target.trigger(`${PLUGIN_NAME}.beforeTarget`, this.options);\r\n if ($has[index] && $classes) {\r\n log('toggle.remove', { $target, $classes, $has: $has[index]});\r\n $target.removeClass($classes);\r\n } else if(!$has[index] && $classes) {\r\n log('toggle.add', {$target, $classes, $has: $has[index]});\r\n $target.addClass($classes);\r\n }\r\n $target.trigger(`${PLUGIN_NAME}.afterTarget`, this.options);\r\n log('toggle', this.options);\r\n\r\n });\r\n this.$element.trigger(`${PLUGIN_NAME}.after`, this.options);\r\n\r\n if (this.options.preventDefault) {\r\n return false;\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\nPluginKlass.DEFAULTS = {\r\n on: 'click', // event which current element is triggered\r\n target: '', // selector for the target to toggle classnames on\r\n to: '', // the classname to toggle\r\n delegate: false, // bind on element or use delegate events on document.\r\n ignoreChildEvents: false, // whether or not child events trigger\r\n};\r\n\r\nexport default PluginKlass;\r\n//plugin(PLUGIN_NAME, PluginKlass);\r\n\n\n\n// WEBPACK FOOTER //\n// ./project/client/src/core/plugins/jquery__toggle-element-classes/plugin.js"],"sourceRoot":""}