@pictogrammers/components 0.3.1

package/dist/pgModification.js

@@ -0,0 +1,396 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/@pictogrammers/element/dist/element.esm.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@pictogrammers/element/dist/element.esm.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Component\": () => (/* binding */ Component),\n/* harmony export */   \"Local\": () => (/* binding */ Local),\n/* harmony export */   \"Part\": () => (/* binding */ Part),\n/* harmony export */   \"Prop\": () => (/* binding */ Prop),\n/* harmony export */   \"TransmutePart\": () => (/* binding */ TransmutePart),\n/* harmony export */   \"getAttributes\": () => (/* binding */ getAttributes),\n/* harmony export */   \"node\": () => (/* binding */ node),\n/* harmony export */   \"selectComponent\": () => (/* binding */ selectComponent),\n/* harmony export */   \"selectPart\": () => (/* binding */ selectPart)\n/* harmony export */ });\nvar init = Symbol('init');\r\nvar template = Symbol('template');\r\nvar style = Symbol('style');\r\nvar parent = Symbol('parent');\r\nfunction extendTemplate(base, append) {\r\n    if (append && append.match(/<parent\\/>/)) {\r\n        return append.replace(/<parent\\/>/, base);\r\n    }\r\n    else {\r\n        return \"\".concat(base).concat(append || '');\r\n    }\r\n}\r\nfunction camelToDash(str) {\r\n    return str.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();\r\n}\r\nfunction dashToCamel(str) {\r\n    return str.replace(/-([a-z])/g, function (m) { return m[1].toUpperCase(); });\r\n}\r\nfunction Component(config) {\r\n    if (config === void 0) { config = {}; }\r\n    return function (cls) {\r\n        if (cls.prototype[parent]) {\r\n            cls.prototype[parent].push(cls.prototype);\r\n            cls.prototype[style] = \"\".concat(cls.prototype[style]).concat(config.style);\r\n            cls.prototype[template] = extendTemplate(cls.prototype[template], config.template || null);\r\n        }\r\n        else {\r\n            cls.prototype[parent] = [cls.prototype];\r\n            cls.prototype[style] = config.style || '';\r\n            cls.prototype[template] = config.template || '';\r\n        }\r\n        if (!cls.symbols) {\r\n            cls.symbols = {};\r\n        }\r\n        var connectedCallback = cls.prototype.connectedCallback || (function () { });\r\n        var disconnectedCallback = cls.prototype.disconnectedCallback || (function () { });\r\n        cls.prototype.connectedCallback = function () {\r\n            var _this = this;\r\n            if (!this[init] && !config.template) {\r\n                if (config.useShadow === false) {\r\n                    // Base class with no template\r\n                }\r\n                else {\r\n                    this.attachShadow({ mode: 'open' });\r\n                }\r\n            }\r\n            else if (!this[init] && config.template) {\r\n                var $template = document.createElement('template');\r\n                $template.innerHTML = \"\".concat(cls.prototype[template], \"<style>\").concat(cls.prototype[style], \"</style>\");\r\n                var $node = document.importNode($template.content, true);\r\n                if (config.useShadow === false) {\r\n                    this.appendChild($node);\r\n                }\r\n                else {\r\n                    this.attachShadow({ mode: 'open' }).appendChild($node);\r\n                }\r\n            }\r\n            else if (this[init] && config.style) {\r\n                /*if (this.shadowRoot) {\r\n                  const style = document.createElement('style');\r\n                  style.appendChild(document.createTextNode(config.style));\r\n                  this.appendChild(style);\r\n                }*/\r\n                // } else if (this[init] && config.template) {\r\n                // This is allowed now via <parent/>\r\n                // throw new Error('template from base class cannot be overriden. Fix: remove template from @Component');\r\n            }\r\n            else if (this[init] && !config.template) {\r\n                throw new Error('You need to pass a template for an extended element.');\r\n            }\r\n            if (this.componentWillMount) {\r\n                this.componentWillMount();\r\n            }\r\n            this[parent].map(function (p) {\r\n                if (p.render) {\r\n                    p.render.call(_this, cls.observedAttributes\r\n                        ? cls.observedAttributes.reduce(function (a, c) {\r\n                            var n = dashToCamel(c);\r\n                            a[n] = true;\r\n                            return a;\r\n                        }, {})\r\n                        : {});\r\n                }\r\n            });\r\n            this[init] = true;\r\n            connectedCallback.call(this);\r\n            if (this.componentDidMount) {\r\n                this.componentDidMount();\r\n            }\r\n        };\r\n        cls.prototype.disconnectedCallback = function () {\r\n            if (this.componentWillUnmount) {\r\n                this.componentWillUnmount();\r\n            }\r\n            disconnectedCallback.call(this);\r\n            if (this.componentDidUnmount) {\r\n                this.componentDidUnmount();\r\n            }\r\n        };\r\n        cls.prototype.attributeChangedCallback = function (name, oldValue, newValue) {\r\n            var normalizedName = dashToCamel(name);\r\n            this[normalizedName] = newValue;\r\n        };\r\n        if (config.selector && !window.customElements.get(config.selector)) {\r\n            window.customElements.define(config.selector, cls);\r\n        }\r\n    };\r\n}\r\nvar transmute = Symbol('transmute');\r\nfunction TransmutePart(part, selector) {\r\n    return function (cls) {\r\n        var _a;\r\n        if (cls.prototype[transmute]) {\r\n            cls.prototype[transmute][part] = selector;\r\n        }\r\n        else {\r\n            cls.prototype[transmute] = (_a = {}, _a[part] = selector, _a);\r\n        }\r\n    };\r\n}\r\nfunction Prop() {\r\n    return function (target, propertyKey, descriptor) {\r\n        var constructor = target.constructor;\r\n        if (!constructor.observedAttributes) {\r\n            constructor.observedAttributes = [];\r\n        }\r\n        var observedAttributes = constructor.observedAttributes;\r\n        if (!constructor.symbols) {\r\n            constructor.symbols = {};\r\n        }\r\n        var symbols = constructor.symbols;\r\n        var normalizedPropertyKey = camelToDash(propertyKey);\r\n        constructor.observedAttributes = observedAttributes.concat([normalizedPropertyKey]);\r\n        var symbol = Symbol(propertyKey);\r\n        symbols[propertyKey] = symbol;\r\n        Object.defineProperty(target, propertyKey, {\r\n            get: function () {\r\n                return this[symbol];\r\n            },\r\n            set: function (value) {\r\n                var _this = this;\r\n                this[symbol] = value;\r\n                if (this[init]) {\r\n                    this[parent].map(function (p) {\r\n                        var _a;\r\n                        if (p.render) {\r\n                            p.render.call(_this, (_a = {}, _a[propertyKey] = true, _a));\r\n                        }\r\n                    });\r\n                }\r\n            }\r\n        });\r\n    };\r\n}\r\nfunction Part() {\r\n    return function (target, propertyKey, descriptor) {\r\n        Object.defineProperty(target, propertyKey, {\r\n            get: function () {\r\n                var _a;\r\n                var key = propertyKey.replace(/^\\$/, '');\r\n                return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"[part~=\".concat(key, \"]\"));\r\n            }\r\n        });\r\n    };\r\n}\r\nfunction Local(initialValue, key) {\r\n    if (initialValue === void 0) { initialValue = null; }\r\n    return function (target, propertyKey, descriptor) {\r\n        var getKey = function (self) {\r\n            return (key ? key : \"\".concat(self.constructor.name, \":\").concat(propertyKey));\r\n        };\r\n        Object.defineProperty(target, propertyKey, {\r\n            get: function () {\r\n                var k = getKey(this);\r\n                return window.localStorage.getItem(k) || initialValue;\r\n            },\r\n            set: function (value) {\r\n                var k = getKey(this);\r\n                if (value === null) {\r\n                    window.localStorage.removeItem(k);\r\n                }\r\n                else {\r\n                    window.localStorage.setItem(k, value);\r\n                }\r\n            }\r\n        });\r\n    };\r\n}\r\nfunction node(template, init) {\r\n    var $template = document.createElement('template');\r\n    $template.innerHTML = template;\r\n    var $node = document.importNode($template.content, true);\r\n    for (var _i = 0, _a = Object.entries(init); _i < _a.length; _i++) {\r\n        var _b = _a[_i], part = _b[0], attributes = _b[1];\r\n        var $part = $node.querySelector(\"[part~=\\\"\".concat(part, \"\\\"]\"));\r\n        if ($part) {\r\n            for (var _c = 0, _d = Object.entries(attributes); _c < _d.length; _c++) {\r\n                var _e = _d[_c], prop = _e[0], value = _e[1];\r\n                if (value instanceof Function) {\r\n                    var val = value();\r\n                    if (val === null) {\r\n                        $part.removeAttribute(prop);\r\n                    }\r\n                    else {\r\n                        $part.setAttribute(prop, value());\r\n                    }\r\n                }\r\n                else {\r\n                    $part[prop] = value;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    return $node;\r\n}\r\n// JEST\r\nfunction selectComponent(tag) {\r\n    return document.querySelector(tag);\r\n}\r\nfunction selectPart(component, name) {\r\n    return component.shadowRoot.querySelector(\"[part=\".concat(name, \"]\"));\r\n}\r\nfunction getAttributes(tag) {\r\n    var symbols = customElements.get(tag).symbols;\r\n    return Object.keys(symbols);\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./node_modules/@pictogrammers/element/dist/element.esm.js?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/modification.css":
+/*!**********************************************!*\
+  !*** ./src/pg/modification/modification.css ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\":host {\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  color: #453C4F;\\r\\n}\\r\\n\\r\\n.invalid {\\r\\n  color: #721c24;\\r\\n  background-color: #f8d7da;\\r\\n  border-color: #f5c6cb;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n  font-weight: normal;\\r\\n  font-size: 1.25rem;\\r\\n  margin: 0.5rem 0 0.5rem 0;\\r\\n}\\r\\n\\r\\n/* Individual Templates */\\r\\n\\r\\n[part=\\\"news\\\"] {\\r\\n  display: grid;\\r\\n  grid-template-columns: 3.5rem 1fr;\\r\\n  grid-template-rows: 3.25rem auto;\\r\\n  padding: 0.25rem;\\r\\n}\\r\\n[part=\\\"news\\\"] [part=\\\"avatar\\\"] {\\r\\n  grid-column: 1;\\r\\n}\\r\\n[part=\\\"news\\\"] [part=\\\"label\\\"] {\\r\\n  grid-column: 1;\\r\\n  grid-row: 2;\\r\\n  text-align: center;\\r\\n  padding-right: 0.5rem;\\r\\n}\\r\\n[part=\\\"news\\\"] [part=\\\"markdown\\\"] {\\r\\n  grid-column: 2;\\r\\n  grid-row: 1 / span 2;\\r\\n  border: 1px solid #DDD;\\r\\n  padding: 0 1rem;\\r\\n  background: #fff;\\r\\n  border-radius: 0.25rem;\\r\\n}\\r\\n\\r\\n[part=\\\"iconCreated\\\"],\\r\\n[part=\\\"iconRenamed\\\"],\\r\\n[part=\\\"iconDeleted\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"],\\r\\n[part=\\\"iconTagCreated\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] {\\r\\n  display: grid;\\r\\n  grid-template-columns: 3.5rem 3.5rem 1fr auto auto;\\r\\n  padding: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"avatar\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"avatar\\\"] {\\r\\n  grid-column: 1;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"iconDataBefore\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"iconDataAfter\\\"],\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"icon\\\"] {\\r\\n  grid-column: 2;\\r\\n  --pg-icon-width: 3rem;\\r\\n  --pg-icon-height: 3rem;\\r\\n  width: 3rem;\\r\\n  border: 1px solid #ddd;\\r\\n  background: #fff;\\r\\n  border-radius: 0.25rem;\\r\\n  align-self: flex-start;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"content\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"content\\\"] {\\r\\n  grid-column: 3;\\r\\n  align-content: center;\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconModified\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"content\\\"] code,\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"content\\\"] code {\\r\\n  display: inline-block;\\r\\n  background: rgba(0, 0, 0, 0.05);\\r\\n  padding: 0.125rem 0.25rem;\\r\\n  border-radius: 0.125rem;\\r\\n  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);\\r\\n  border: 1px solid rgba(69, 60, 79, 0.2);\\r\\n  line-height: 1.125rem;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"issue\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"issue\\\"] {\\r\\n  grid-column: 4;\\r\\n  display: flex;\\r\\n  align-self: center;\\r\\n  text-decoration: none;\\r\\n  padding: 0.25rem 0.5rem;\\r\\n  border: 1px solid #453C4F;\\r\\n  color: #453C4F;\\r\\n  border-radius: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconModified\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"issue\\\"]:hover,\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"issue\\\"]:hover {\\r\\n  background: #453C4F;\\r\\n  color: #fff;\\r\\n}\\r\\n.edit [part=\\\"iconCreated\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconModified\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconRenamed\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconDeleted\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconAliasCreated\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconAliasDeleted\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconTagCreated\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconTagDeleted\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconDescriptionModified\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconAuthorModified\\\"] [part=\\\"edit\\\"],\\r\\n.edit [part=\\\"iconDeprecated\\\"] [part=\\\"edit\\\"] {\\r\\n  display: flex;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconModified\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"edit\\\"],\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"edit\\\"] {\\r\\n  display: none;\\r\\n  grid-column: 5;\\r\\n  align-self: center;\\r\\n  padding: 0.25rem;\\r\\n  border: 0;\\r\\n  border-radius: 0.25rem;\\r\\n  margin-left: 0.5rem;\\r\\n  cursor: pointer;\\r\\n}\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconModified\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconAuthorModified\\\"] [part=\\\"edit\\\"]:hover,\\r\\n[part=\\\"iconDeprecated\\\"] [part=\\\"edit\\\"]:hover {\\r\\n  background: #453C4F;\\r\\n  --pg-icon-color: #fff;\\r\\n}\\r\\n\\r\\n/* Individiual Tweaks */\\r\\n[part=\\\"iconCreated\\\"] [part=\\\"icon\\\"] {\\r\\n  background: #d1e7dd;\\r\\n  border-color: #badbcc;\\r\\n}\\r\\n\\r\\n[part=\\\"iconRenamed\\\"] [part=\\\"icon\\\"] {\\r\\n  background-color: #fff3cd;\\r\\n  border-color: #ffecb5;\\r\\n}\\r\\n\\r\\n[part=\\\"iconDeleted\\\"] [part=\\\"icon\\\"] {\\r\\n  background: #f5c6cb;\\r\\n  border-color: #d06e78;\\r\\n}\\r\\n\\r\\n[part=\\\"iconModified\\\"] {\\r\\n  display: grid;\\r\\n  grid-template-columns: 3.5rem 3.5rem 3.5rem 1fr auto auto;\\r\\n  padding: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconModified\\\"] [part=\\\"iconDataBefore\\\"] {\\r\\n  opacity: 0.4;\\r\\n}\\r\\n[part=\\\"iconModified\\\"] [part=\\\"iconDataAfter\\\"] {\\r\\n  grid-column: 3;\\r\\n}\\r\\n[part=\\\"iconModified\\\"] [part=\\\"content\\\"] {\\r\\n  grid-column: 4;\\r\\n}\\r\\n[part=\\\"iconModified\\\"] [part=\\\"issue\\\"] {\\r\\n  grid-column: 5;\\r\\n}\\r\\n[part=\\\"iconModified\\\"] [part=\\\"edit\\\"] {\\r\\n  grid-column: 6;\\r\\n}\\r\\n\\r\\n[part=\\\"iconAliasCreated\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconAliasDeleted\\\"] [part=\\\"icon\\\"] {\\r\\n  background-color: #DDC6E7;\\r\\n  border-color: 1px solid #DBBDE5;\\r\\n}\\r\\n\\r\\n[part=\\\"iconTagCreated\\\"] [part=\\\"icon\\\"],\\r\\n[part=\\\"iconTagDeleted\\\"] [part=\\\"icon\\\"] {\\r\\n  background-color: #cff4fc;\\r\\n  border-color: #b6effb;\\r\\n}\\r\\n\\r\\n[part=\\\"iconDescriptionModified\\\"] {\\r\\n  display: grid;\\r\\n  grid-template-columns: 3.5rem 3.5rem 1fr 0.5rem 1fr auto;\\r\\n  grid-template-rows: auto auto;\\r\\n  padding: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"avatar\\\"] {\\r\\n  grid-column: 1;\\r\\n  grid-row: 1 / span 2;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"icon\\\"] {\\r\\n  grid-column: 2;\\r\\n  grid-row: 1 / span 2;\\r\\n  --pg-icon-width: 3rem;\\r\\n  --pg-icon-height: 3rem;\\r\\n  width: 3rem;\\r\\n  border: 1px solid #ddd;\\r\\n  background: #fff;\\r\\n  border-radius: 0.25rem;\\r\\n  align-self: flex-start;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"iconDescriptionBefore\\\"] {\\r\\n  grid-column: 3;\\r\\n  grid-row: 1 / span 2;\\r\\n  border: 1px solid #DDD;\\r\\n  padding: 0 1rem;\\r\\n  background: #fff;\\r\\n  border-radius: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"iconDescriptionAfter\\\"] {\\r\\n  grid-column: 5;\\r\\n  grid-row: 1 / span 2;\\r\\n  border: 1px solid #DDD;\\r\\n  padding: 0 1rem;\\r\\n  background: #fff;\\r\\n  border-radius: 0.25rem;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"issue\\\"] {\\r\\n  grid-column: 6;\\r\\n  grid-row: 1;\\r\\n  margin-left: 0.5rem;\\r\\n}\\r\\n[part=\\\"iconDescriptionModified\\\"] [part=\\\"edit\\\"] {\\r\\n  grid-column: 6;\\r\\n  grid-row: 2;\\r\\n  justify-content: center;\\r\\n  margin-top: 0.25rem;\\r\\n}\\r\\n\\r\\n.added,\\r\\n.created {\\r\\n  border-bottom: 3px solid #badbcc;\\r\\n}\\r\\n\\r\\n.removed,\\r\\n.deleted {\\r\\n  border-bottom: 3px solid #f5c6cb;\\r\\n}\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/modification.css?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/modification.html":
+/*!***********************************************!*\
+  !*** ./src/pg/modification/modification.html ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"items\\\"></div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/modification.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/date.html":
+/*!********************************************!*\
+  !*** ./src/pg/modification/type/date.html ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<h2 part=\\\"text\\\"></h1>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/date.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconAliasCreated.html":
+/*!********************************************************!*\
+  !*** ./src/pg/modification/type/iconAliasCreated.html ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconAliasCreated\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      <span class=\\\"added\\\">Added</span> alias <code part=\\\"text\\\"></code> to <code part=\\\"iconName\\\"></code>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconAliasCreated.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconAliasDeleted.html":
+/*!********************************************************!*\
+  !*** ./src/pg/modification/type/iconAliasDeleted.html ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconAliasDeleted\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      <span class=\\\"removed\\\">Removed</span> alias <code part=\\\"text\\\"></code> from <code part=\\\"iconName\\\"></code>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconAliasDeleted.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconAuthorModified.html":
+/*!**********************************************************!*\
+  !*** ./src/pg/modification/type/iconAuthorModified.html ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconAuthorModified\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Author modified.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconAuthorModified.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconCreated.html":
+/*!***************************************************!*\
+  !*** ./src/pg/modification/type/iconCreated.html ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconCreated\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Icon <code part=\\\"iconName\\\"></code> <span class=\\\"created\\\">created</span>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconCreated.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconDeleted.html":
+/*!***************************************************!*\
+  !*** ./src/pg/modification/type/iconDeleted.html ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconDeleted\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Icon <code part=\\\"iconName\\\"></code> <span class=\\\"deleted\\\">deleted</span>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconDeleted.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconDeprecated.html":
+/*!******************************************************!*\
+  !*** ./src/pg/modification/type/iconDeprecated.html ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconDeprecated\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Deprecated. Warning this icon will be removed in a future release.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconDeprecated.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconDescriptionModified.html":
+/*!***************************************************************!*\
+  !*** ./src/pg/modification/type/iconDescriptionModified.html ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconDescriptionModified\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <pg-markdown part=\\\"iconDescriptionBefore\\\"></pg-markdown>\\r\\n  <pg-markdown part=\\\"iconDescriptionAfter\\\"></pg-markdown>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconDescriptionModified.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconModified.html":
+/*!****************************************************!*\
+  !*** ./src/pg/modification/type/iconModified.html ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconModified\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"iconDataBefore\\\"></pg-icon>\\r\\n  <pg-icon part=\\\"iconDataAfter\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Icon <code part=\\\"iconName\\\"></code> modified.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconModified.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconRenamed.html":
+/*!***************************************************!*\
+  !*** ./src/pg/modification/type/iconRenamed.html ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconRenamed\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      Icon <code part=\\\"iconNameBefore\\\"></code> renamed to <code part=\\\"iconNameAfter\\\"></code>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconRenamed.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconTagCreated.html":
+/*!******************************************************!*\
+  !*** ./src/pg/modification/type/iconTagCreated.html ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconTagCreated\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      <span class=\\\"added\\\">Added</span> tag <code part=\\\"text\\\"></code> to <code part=\\\"iconName\\\"></code>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconTagCreated.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/iconTagDeleted.html":
+/*!******************************************************!*\
+  !*** ./src/pg/modification/type/iconTagDeleted.html ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"iconTagDeleted\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <pg-icon part=\\\"icon\\\"></pg-icon>\\r\\n  <span part=\\\"content\\\">\\r\\n    <span>\\r\\n      <span class=\\\"removed\\\">Removed</span> tag <code part=\\\"text\\\"></code> from <code part=\\\"iconName\\\"></code>.\\r\\n    </span>\\r\\n  </span>\\r\\n  <a part=\\\"issue\\\"></a>\\r\\n  <button part=\\\"edit\\\">\\r\\n    <pg-icon part=\\\"editIcon\\\"></pg-icon>\\r\\n  </button>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/iconTagDeleted.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/type/news.html":
+/*!********************************************!*\
+  !*** ./src/pg/modification/type/news.html ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"news\\\">\\r\\n  <pg-avatar part=\\\"avatar\\\"></pg-avatar>\\r\\n  <span part=\\\"label\\\">News</span>\\r\\n  <pg-markdown part=\\\"markdown\\\"></pg-markdown>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/type/news.html?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/tooltip.css":
+/*!************************************!*\
+  !*** ./src/pg/tooltip/tooltip.css ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\":host {\\r\\n  pointer-events: none;\\r\\n}\\r\\n\\r\\n[part~=tooltip] {\\r\\n  position: relative;\\r\\n}\\r\\n\\r\\n[part~=tooltipText] {\\r\\n  position: absolute;\\r\\n  background: #737E9E;\\r\\n  border-radius: 0.25rem;\\r\\n  color: #FFF;\\r\\n  padding: 0.15rem 0.5rem 0.3rem 0.5rem;\\r\\n  white-space: nowrap;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n}\\r\\n\\r\\n[part~=tooltipArrow] {\\r\\n  left: 16px;\\r\\n  top: -7px;\\r\\n}\\r\\n\\r\\n[part~=tooltipArrow],\\r\\n[part~=tooltipArrow]::before {\\r\\n  position: absolute;\\r\\n  width: 10px;\\r\\n  height: 10px;\\r\\n}\\r\\n\\r\\n[part~=tooltipArrow]::before {\\r\\n  content: '';\\r\\n  transform: rotate(45deg);\\r\\n  background: #737E9E;\\r\\n}\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/tooltip.css?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/tooltip.html":
+/*!*************************************!*\
+  !*** ./src/pg/tooltip/tooltip.html ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"<div part=\\\"tooltip\\\">\\r\\n  <span part=\\\"tooltipText\\\"></span>\\r\\n  <div part=\\\"tooltipArrow\\\"></div>\\r\\n</div>\");\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/tooltip.html?");
+
+/***/ }),
+
+/***/ "./src/pg/modification/modification.ts":
+/*!*********************************************!*\
+  !*** ./src/pg/modification/modification.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pictogrammers/element */ \"./node_modules/@pictogrammers/element/dist/element.esm.js\");\n/* harmony import */ var _modification_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modification.html */ \"./src/pg/modification/modification.html\");\n/* harmony import */ var _modification_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modification.css */ \"./src/pg/modification/modification.css\");\n/* harmony import */ var _type_date_html__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./type/date.html */ \"./src/pg/modification/type/date.html\");\n/* harmony import */ var _type_news_html__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./type/news.html */ \"./src/pg/modification/type/news.html\");\n/* harmony import */ var _type_iconCreated_html__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./type/iconCreated.html */ \"./src/pg/modification/type/iconCreated.html\");\n/* harmony import */ var _type_iconModified_html__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./type/iconModified.html */ \"./src/pg/modification/type/iconModified.html\");\n/* harmony import */ var _type_iconRenamed_html__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./type/iconRenamed.html */ \"./src/pg/modification/type/iconRenamed.html\");\n/* harmony import */ var _type_iconDeleted_html__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./type/iconDeleted.html */ \"./src/pg/modification/type/iconDeleted.html\");\n/* harmony import */ var _type_iconAliasCreated_html__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./type/iconAliasCreated.html */ \"./src/pg/modification/type/iconAliasCreated.html\");\n/* harmony import */ var _type_iconAliasDeleted_html__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./type/iconAliasDeleted.html */ \"./src/pg/modification/type/iconAliasDeleted.html\");\n/* harmony import */ var _type_iconTagCreated_html__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./type/iconTagCreated.html */ \"./src/pg/modification/type/iconTagCreated.html\");\n/* harmony import */ var _type_iconTagDeleted_html__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./type/iconTagDeleted.html */ \"./src/pg/modification/type/iconTagDeleted.html\");\n/* harmony import */ var _type_iconDescriptionModified_html__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./type/iconDescriptionModified.html */ \"./src/pg/modification/type/iconDescriptionModified.html\");\n/* harmony import */ var _type_iconAuthorModified_html__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./type/iconAuthorModified.html */ \"./src/pg/modification/type/iconAuthorModified.html\");\n/* harmony import */ var _type_iconDeprecated_html__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./type/iconDeprecated.html */ \"./src/pg/modification/type/iconDeprecated.html\");\n/* harmony import */ var _shared_models_modification__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../shared/models/modification */ \"./src/pg/shared/models/modification.ts\");\n/* harmony import */ var _shared_list__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../shared/list */ \"./src/pg/shared/list.ts\");\n/* harmony import */ var _shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../shared/enums/modificationType */ \"./src/pg/shared/enums/modificationType.ts\");\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../tooltip */ \"./src/pg/tooltip/index.ts\");\n/* harmony import */ var _shared_models_user__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../shared/models/user */ \"./src/pg/shared/models/user.ts\");\n/* harmony import */ var _shared_models_icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../shared/models/icon */ \"./src/pg/shared/models/icon.ts\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst noIcon = 'M0 0h24v24H0V0zm2 2v20h20V2H2z';\r\nconst editIcon = 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z';\r\nconst mapTemplates = {\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.News]: _type_news_html__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconCreated]: _type_iconCreated_html__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconModified]: _type_iconModified_html__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconRenamed]: _type_iconRenamed_html__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconDeleted]: _type_iconDeleted_html__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconAliasCreated]: _type_iconAliasCreated_html__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconAliasDeleted]: _type_iconAliasDeleted_html__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconTagCreated]: _type_iconTagCreated_html__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconTagDeleted]: _type_iconTagDeleted_html__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconDescriptionModified]: _type_iconDescriptionModified_html__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconAuthorModified]: _type_iconAuthorModified_html__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.IconDeprecated]: _type_iconDeprecated_html__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\r\n    [_shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.Date]: _type_date_html__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\r\n};\r\nconst months = [\r\n    \"January\",\r\n    \"February\",\r\n    \"March\",\r\n    \"April\",\r\n    \"May\",\r\n    \"June\",\r\n    \"July\",\r\n    \"August\",\r\n    \"September\",\r\n    \"October\",\r\n    \"November\",\r\n    \"December\"\r\n];\r\nfunction dateToString(date) {\r\n    const d = new Date(date);\r\n    const month = months[d.getMonth()];\r\n    return `${month} ${d.getDate()}, ${d.getFullYear()}`;\r\n}\r\nfunction dateToUUID(date) {\r\n    const d = new Date(date);\r\n    const month = months[d.getMonth()];\r\n    return `${d.getFullYear()}-${month}-${d.getDate()}`;\r\n}\r\nfunction itemsInsertDates(modifications) {\r\n    const items = [];\r\n    let unique = '';\r\n    modifications.forEach((m, i) => {\r\n        const date = dateToString(m.date);\r\n        if (unique !== date) {\r\n            items.push(new _shared_models_modification__WEBPACK_IMPORTED_MODULE_16__.Modification().from({\r\n                id: `date-${dateToUUID(m.date)}`,\r\n                modificationId: _shared_enums_modificationType__WEBPACK_IMPORTED_MODULE_18__.ModificationType.Date,\r\n                text: date,\r\n                user: new _shared_models_user__WEBPACK_IMPORTED_MODULE_20__.User(),\r\n                icon: new _shared_models_icon__WEBPACK_IMPORTED_MODULE_21__.Icon()\r\n            }));\r\n            unique = date;\r\n        }\r\n        items.push(m);\r\n    });\r\n    return items;\r\n}\r\nlet PgModification = class PgModification extends HTMLElement {\r\n    constructor() {\r\n        super(...arguments);\r\n        this.modifications = null;\r\n        this.edit = false;\r\n        // Ex: pictogrammers/repo\r\n        this.github = '';\r\n    }\r\n    render(changes) {\r\n        if (changes.modifications && this.modifications) {\r\n            (0,_shared_list__WEBPACK_IMPORTED_MODULE_17__.list)(this.$items, itemsInsertDates(this.modifications), 'id', (modification) => {\r\n                if (modification.modificationId in mapTemplates) {\r\n                    const n = (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.node)(mapTemplates[modification.modificationId], {\r\n                        text: {\r\n                            innerText: modification.text\r\n                        },\r\n                        markdown: {\r\n                            text: modification.text\r\n                        },\r\n                        icon: {\r\n                            path: modification.icon && modification.icon.data\r\n                        },\r\n                        iconName: {\r\n                            innerText: modification.icon && modification.icon.name\r\n                        },\r\n                        iconNameBefore: {\r\n                            innerText: modification.iconNameBefore\r\n                        },\r\n                        iconNameAfter: {\r\n                            innerText: modification.iconNameAfter\r\n                        },\r\n                        iconDescriptionBefore: {\r\n                            text: modification.iconDescriptionBefore\r\n                        },\r\n                        iconDescriptionAfter: {\r\n                            text: modification.iconDescriptionAfter\r\n                        },\r\n                        iconDataBefore: {\r\n                            path: modification.iconDataBefore\r\n                        },\r\n                        iconDataAfter: {\r\n                            path: modification.iconDataAfter\r\n                        },\r\n                        avatar: {\r\n                            user: modification.user\r\n                        },\r\n                        editIcon: {\r\n                            path: editIcon\r\n                        },\r\n                        issue: {\r\n                            style: modification.issue ? '' : 'display:none',\r\n                            innerText: modification.issue ? `#${modification.issue}` : '',\r\n                            href: `https://github.com/${this.github}/issues/${modification.issue}`\r\n                        }\r\n                    });\r\n                    const issue = n.querySelector('[part=\"issue\"]');\r\n                    if (issue) {\r\n                        (0,_tooltip__WEBPACK_IMPORTED_MODULE_19__.addTooltip)(issue, () => {\r\n                            return `View on GitHub`;\r\n                        }, _tooltip__WEBPACK_IMPORTED_MODULE_19__.BOTTOM_END);\r\n                    }\r\n                    const avatar = n.querySelector('[part=\"avatar\"]');\r\n                    if (avatar) {\r\n                        (0,_tooltip__WEBPACK_IMPORTED_MODULE_19__.addTooltip)(avatar, () => {\r\n                            return modification.user.name;\r\n                        }, _tooltip__WEBPACK_IMPORTED_MODULE_19__.BOTTOM_START);\r\n                    }\r\n                    const edit = n.querySelector('[part=\"edit\"]');\r\n                    if (edit) {\r\n                        edit.addEventListener('click', () => {\r\n                            this.dispatchEvent(new CustomEvent('edit', {\r\n                                detail: {\r\n                                    modification\r\n                                }\r\n                            }));\r\n                        });\r\n                    }\r\n                    return n;\r\n                }\r\n                const invalid = document.createElement('div');\r\n                invalid.classList.add('invalid');\r\n                invalid.innerText = `Error: Unsupported modificationId with text: \"${modification.text}\"`;\r\n                return invalid;\r\n            }, (modifiction, $item) => {\r\n            });\r\n        }\r\n        if (changes.edit) {\r\n            this.$items.classList.toggle('edit', this.edit);\r\n        }\r\n    }\r\n    addItem(modification) {\r\n        const div = document.createElement('div');\r\n        this.$items.appendChild(div);\r\n    }\r\n};\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgModification.prototype, \"modifications\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgModification.prototype, \"edit\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgModification.prototype, \"github\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Part)()\r\n], PgModification.prototype, \"$items\", void 0);\r\nPgModification = __decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Component)({\r\n        selector: 'pg-modification',\r\n        style: _modification_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\r\n        template: _modification_html__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\r\n    })\r\n], PgModification);\r\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PgModification);\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/modification/modification.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/enums/modificationType.ts":
+/*!*************************************************!*\
+  !*** ./src/pg/shared/enums/modificationType.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ModificationType\": () => (/* binding */ ModificationType)\n/* harmony export */ });\nvar ModificationType;\r\n(function (ModificationType) {\r\n    ModificationType[\"IconAliasCreated\"] = \"691c8829-b1e7-11e7-bf5c-94188269ec50\";\r\n    ModificationType[\"IconAliasDeleted\"] = \"f1f70a76-b975-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"IconCreated\"] = \"AFFE875E-01BC-4A34-9BE3-27625A155B28\";\r\n    ModificationType[\"IconDeleted\"] = \"B1CE1713-A18A-4E9D-9E26-D0B4E44A1FAC\";\r\n    ModificationType[\"IconModified\"] = \"1506F66B-CC2A-4575-A20A-DC138628977A\";\r\n    ModificationType[\"IconRenamed\"] = \"F7B6D49B-A86F-49AC-AF92-6B9D0DF6188B\";\r\n    ModificationType[\"IconTagCreated\"] = \"a185a9e8-c192-11e7-bf5c-94188269ec50\";\r\n    ModificationType[\"IconTagDeleted\"] = \"ffe6b5f6-b975-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"IconDescriptionModified\"] = \"3c638179-c4ca-11e8-9f27-94188269ec50\";\r\n    ModificationType[\"IconAuthorModified\"] = \"254591d0-b28e-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"WebfontPublished\"] = \"66B9FA99-1FAA-4D8F-B87F-B6F3CA444624\";\r\n    ModificationType[\"News\"] = \"B4DEB3A8-A146-4086-9D7B-B67842A9CCB8\";\r\n    ModificationType[\"IconDeprecated\"] = \"f92f310f-bfed-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"IconWorkInProgress\"] = \"e262be80-bfed-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"IconLive\"] = \"f92f2ba6-bfed-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"IconPublished\"] = \"e262b92e-bfed-11e9-8ca0-94188269ec50\";\r\n    ModificationType[\"Date\"] = \"date\";\r\n})(ModificationType || (ModificationType = {}));\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/enums/modificationType.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/list.ts":
+/*!*******************************!*\
+  !*** ./src/pg/shared/list.ts ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"item\": () => (/* binding */ item),\n/* harmony export */   \"list\": () => (/* binding */ list)\n/* harmony export */ });\nfunction list($list, items, key, add, update) {\r\n    const elements = Array.from($list.children);\r\n    const current = elements.map((e) => e.dataset.key);\r\n    const itemKeys = items.map(x => x[key]);\r\n    items.forEach(item => {\r\n        if (current.includes(item[key])) {\r\n            const element = elements.find((e) => e.dataset.key === current[key]);\r\n            if (item[key] === current[key]) {\r\n                update(item, element);\r\n                return;\r\n            }\r\n        }\r\n        else {\r\n            const newItem = add(item);\r\n            if (newItem instanceof DocumentFragment) {\r\n                newItem.children[0].dataset.key = item[key];\r\n            }\r\n            else {\r\n                newItem.dataset.key = item[key];\r\n            }\r\n            $list.appendChild(newItem);\r\n            return;\r\n        }\r\n    });\r\n    elements.forEach(element => {\r\n        if (!itemKeys.includes(element.dataset.key)) {\r\n            element.remove();\r\n        }\r\n    });\r\n}\r\nfunction item($list, item, key) {\r\n    const elements = Array.from($list.children);\r\n    const ele = elements.find((e) => e.dataset.key === item[key]);\r\n    return ele;\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/list.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/alias.ts":
+/*!***************************************!*\
+  !*** ./src/pg/shared/models/alias.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Alias\": () => (/* binding */ Alias)\n/* harmony export */ });\nclass FromAlias {\r\n}\r\nclass Alias {\r\n    constructor(id, name) {\r\n        this.match = false;\r\n        if (id !== undefined) {\r\n            this.id = id;\r\n        }\r\n        if (name !== undefined) {\r\n            this.name = name;\r\n        }\r\n    }\r\n    from(alias) {\r\n        if (alias.id !== undefined) {\r\n            this.id = alias.id;\r\n        }\r\n        if (alias.name !== undefined) {\r\n            this.name = alias.name;\r\n        }\r\n        return this;\r\n    }\r\n    to() {\r\n        return {\r\n            name: this.name\r\n        };\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/alias.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/fontIcon.ts":
+/*!******************************************!*\
+  !*** ./src/pg/shared/models/fontIcon.ts ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"FontIcon\": () => (/* binding */ FontIcon)\n/* harmony export */ });\nclass FontIcon {\r\n    from(fontIcon) {\r\n        this.id = fontIcon.id;\r\n        this.codepoint = fontIcon.codepoint;\r\n        this.font = fontIcon.font;\r\n        this.version = fontIcon.version;\r\n        return this;\r\n    }\r\n    to() {\r\n        return {\r\n            id: this.id,\r\n            codepoint: this.codepoint,\r\n            font: this.font,\r\n            version: this.version\r\n        };\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/fontIcon.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/icon.ts":
+/*!**************************************!*\
+  !*** ./src/pg/shared/models/icon.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Icon\": () => (/* binding */ Icon)\n/* harmony export */ });\n/* harmony import */ var _alias__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./alias */ \"./src/pg/shared/models/alias.ts\");\n/* harmony import */ var _user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./user */ \"./src/pg/shared/models/user.ts\");\n/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tag */ \"./src/pg/shared/models/tag.ts\");\n/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ \"./src/pg/shared/models/style.ts\");\n/* harmony import */ var _fontIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fontIcon */ \"./src/pg/shared/models/fontIcon.ts\");\n\r\n\r\n\r\n\r\n\r\nclass Icon {\r\n    constructor(name, data) {\r\n        this.id = null;\r\n        this.packageId = null;\r\n        this.baseIconId = null;\r\n        this.name = null;\r\n        this.description = null;\r\n        this.data = null;\r\n        this.user = null;\r\n        this.version = null;\r\n        this.aliases = [];\r\n        this.tags = [];\r\n        this.styles = [];\r\n        this.published = true;\r\n        this.deprecated = false;\r\n        this.codepoint = null;\r\n        this.fontIcons = [];\r\n        this.fontIcon = null;\r\n        this.name = name || null;\r\n        this.data = data || null;\r\n    }\r\n    from(icon) {\r\n        this.id = icon.id;\r\n        this.packageId = icon.packageId;\r\n        this.baseIconId = icon.baseIconId;\r\n        this.name = icon.name;\r\n        this.description = icon.description;\r\n        this.data = icon.data;\r\n        if (icon.version) {\r\n            this.version = icon.version;\r\n        }\r\n        if (icon.fontIcon) {\r\n            this.fontIcon = icon.fontIcon;\r\n        }\r\n        if (icon.user) {\r\n            this.user = new _user__WEBPACK_IMPORTED_MODULE_1__.User().from(icon.user);\r\n        }\r\n        if (icon.aliases) {\r\n            this.aliases = icon.aliases.map(a => new _alias__WEBPACK_IMPORTED_MODULE_0__.Alias().from(a));\r\n        }\r\n        if (icon.tags) {\r\n            this.tags = icon.tags.map(t => new _tag__WEBPACK_IMPORTED_MODULE_2__.Tag().from(t));\r\n        }\r\n        if (icon.styles) {\r\n            this.styles = icon.styles.map(s => new _style__WEBPACK_IMPORTED_MODULE_3__.Style().from(s));\r\n        }\r\n        if (typeof icon.published === 'boolean') {\r\n            this.published = icon.published;\r\n        }\r\n        if (typeof icon.deprecated === 'boolean') {\r\n            this.deprecated = icon.deprecated;\r\n        }\r\n        if (icon.codepoint) {\r\n            this.codepoint = icon.codepoint;\r\n        }\r\n        if (icon.fontIcons) {\r\n            this.fontIcons = icon.fontIcons.map(t => new _fontIcon__WEBPACK_IMPORTED_MODULE_4__.FontIcon().from(t));\r\n        }\r\n        return this;\r\n    }\r\n    to() {\r\n        const { id, name, description, data, version, fontIcon, packageId, baseIconId, aliases, tags } = this;\r\n        return {\r\n            id,\r\n            name,\r\n            description,\r\n            data,\r\n            version,\r\n            fontIcon,\r\n            packageId,\r\n            baseIconId,\r\n            aliases: aliases.map(alias => alias.to()),\r\n            tags: tags.map(tag => tag.to())\r\n        };\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/icon.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/modification.ts":
+/*!**********************************************!*\
+  !*** ./src/pg/shared/models/modification.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Modification\": () => (/* binding */ Modification)\n/* harmony export */ });\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./icon */ \"./src/pg/shared/models/icon.ts\");\n/* harmony import */ var _user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./user */ \"./src/pg/shared/models/user.ts\");\n\r\n\r\nclass Modification {\r\n    constructor() { }\r\n    from(modification) {\r\n        this.id = modification.id;\r\n        this.modificationId = modification.modificationId;\r\n        this.packageId = modification.packageId;\r\n        this.user = new _user__WEBPACK_IMPORTED_MODULE_1__.User().from(modification.user);\r\n        this.icon = new _icon__WEBPACK_IMPORTED_MODULE_0__.Icon().from(modification.icon);\r\n        this.iconNameBefore = modification.iconNameBefore;\r\n        this.iconNameAfter = modification.iconNameAfter;\r\n        this.iconDescriptionBefore = modification.iconDescriptionBefore;\r\n        this.iconDescriptionAfter = modification.iconDescriptionAfter;\r\n        this.iconDataBefore = modification.iconDataBefore;\r\n        this.iconDataAfter = modification.iconDataAfter;\r\n        this.text = modification.text;\r\n        this.date = modification.date;\r\n        this.issue = modification.issue;\r\n        this.isVisible = modification.isVisible;\r\n        return this;\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/modification.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/style.ts":
+/*!***************************************!*\
+  !*** ./src/pg/shared/models/style.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Style\": () => (/* binding */ Style)\n/* harmony export */ });\nclass Style {\r\n    constructor() {\r\n        this.count = null;\r\n    }\r\n    from(style) {\r\n        this.id = style.id;\r\n        this.name = style.name;\r\n        this.count = style.count;\r\n        return this;\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/style.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/tag.ts":
+/*!*************************************!*\
+  !*** ./src/pg/shared/models/tag.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Tag\": () => (/* binding */ Tag)\n/* harmony export */ });\nclass FromTag {\r\n}\r\nclass Tag {\r\n    from(tag) {\r\n        if (tag.id !== undefined) {\r\n            this.id = tag.id;\r\n        }\r\n        if (tag.name !== undefined) {\r\n            this.name = tag.name;\r\n        }\r\n        if (tag.url !== undefined) {\r\n            this.url = tag.url;\r\n        }\r\n        if (tag.count !== undefined) {\r\n            this.count = tag.count;\r\n        }\r\n        return this;\r\n    }\r\n    to() {\r\n        return {\r\n            name: this.name,\r\n            url: this.url,\r\n            count: this.count\r\n        };\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/tag.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/shared/models/user.ts":
+/*!**************************************!*\
+  !*** ./src/pg/shared/models/user.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"User\": () => (/* binding */ User)\n/* harmony export */ });\nclass User {\r\n    constructor() {\r\n        this.id = null;\r\n        this.github = null;\r\n        this.twitter = null;\r\n        this.name = null;\r\n        this.base64 = null;\r\n        this.iconCount = null;\r\n        this.description = null;\r\n        this.website = null;\r\n        this.sponsored = false;\r\n        this.sponsorship = '';\r\n        this.core = false;\r\n    }\r\n    from(user) {\r\n        this.id = user.id;\r\n        this.github = user.github;\r\n        this.twitter = user.twitter;\r\n        this.name = user.name;\r\n        if (typeof user.base64 === 'string') {\r\n            if (user.base64.match(/^data/)) {\r\n                this.base64 = user.base64;\r\n            }\r\n            else {\r\n                this.base64 = `data:image/png;base64,${user.base64}`;\r\n            }\r\n        }\r\n        this.iconCount = user.iconCount;\r\n        this.description = user.description;\r\n        this.website = user.website;\r\n        this.sponsored = user.sponsored;\r\n        this.sponsorship = `https://github.com/users/${user.github}/sponsorship`;\r\n        this.core = user.core;\r\n        return this;\r\n    }\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/shared/models/user.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/addTooltip.ts":
+/*!**************************************!*\
+  !*** ./src/pg/tooltip/addTooltip.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"addTooltip\": () => (/* binding */ addTooltip)\n/* harmony export */ });\nfunction addTooltip($part, render, position) {\r\n    function handleMouseEnter() {\r\n        $part.dispatchEvent(new CustomEvent('tooltip', {\r\n            detail: {\r\n                visible: true,\r\n                rect: $part.getBoundingClientRect(),\r\n                text: render(),\r\n                position: position\r\n            },\r\n            bubbles: true,\r\n            composed: true\r\n        }));\r\n    }\r\n    function handleMouseLeave() {\r\n        $part.dispatchEvent(new CustomEvent('tooltip', {\r\n            detail: {\r\n                visible: false\r\n            },\r\n            bubbles: true,\r\n            composed: true\r\n        }));\r\n    }\r\n    $part.addEventListener('mouseenter', handleMouseEnter);\r\n    $part.addEventListener('mouseleave', handleMouseLeave);\r\n}\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/addTooltip.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/index.ts":
+/*!*********************************!*\
+  !*** ./src/pg/tooltip/index.ts ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BOTTOM\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.BOTTOM),\n/* harmony export */   \"BOTTOM_END\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.BOTTOM_END),\n/* harmony export */   \"BOTTOM_START\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.BOTTOM_START),\n/* harmony export */   \"LEFT\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.LEFT),\n/* harmony export */   \"LEFT_END\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.LEFT_END),\n/* harmony export */   \"LEFT_START\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.LEFT_START),\n/* harmony export */   \"RIGHT\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.RIGHT),\n/* harmony export */   \"RIGHT_END\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.RIGHT_END),\n/* harmony export */   \"RIGHT_START\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.RIGHT_START),\n/* harmony export */   \"TOP\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.TOP),\n/* harmony export */   \"TOP_END\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.TOP_END),\n/* harmony export */   \"TOP_START\": () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_2__.TOP_START),\n/* harmony export */   \"addTooltip\": () => (/* reexport safe */ _addTooltip__WEBPACK_IMPORTED_MODULE_1__.addTooltip),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tooltip */ \"./src/pg/tooltip/tooltip.ts\");\n/* harmony import */ var _addTooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./addTooltip */ \"./src/pg/tooltip/addTooltip.ts\");\n/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./position */ \"./src/pg/tooltip/position.ts\");\n\r\n\r\n\r\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_tooltip__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/index.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/position.ts":
+/*!************************************!*\
+  !*** ./src/pg/tooltip/position.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BOTTOM\": () => (/* binding */ BOTTOM),\n/* harmony export */   \"BOTTOM_END\": () => (/* binding */ BOTTOM_END),\n/* harmony export */   \"BOTTOM_START\": () => (/* binding */ BOTTOM_START),\n/* harmony export */   \"LEFT\": () => (/* binding */ LEFT),\n/* harmony export */   \"LEFT_END\": () => (/* binding */ LEFT_END),\n/* harmony export */   \"LEFT_START\": () => (/* binding */ LEFT_START),\n/* harmony export */   \"RIGHT\": () => (/* binding */ RIGHT),\n/* harmony export */   \"RIGHT_END\": () => (/* binding */ RIGHT_END),\n/* harmony export */   \"RIGHT_START\": () => (/* binding */ RIGHT_START),\n/* harmony export */   \"TOP\": () => (/* binding */ TOP),\n/* harmony export */   \"TOP_END\": () => (/* binding */ TOP_END),\n/* harmony export */   \"TOP_START\": () => (/* binding */ TOP_START)\n/* harmony export */ });\nconst TOP = 'top';\r\nconst TOP_START = 'top-start';\r\nconst TOP_END = 'top-end';\r\nconst RIGHT = 'right';\r\nconst RIGHT_START = 'right-start';\r\nconst RIGHT_END = 'right-end';\r\nconst BOTTOM = 'bottom';\r\nconst BOTTOM_START = 'bottom-start';\r\nconst BOTTOM_END = 'bottom-end';\r\nconst LEFT = 'left';\r\nconst LEFT_START = 'left-start';\r\nconst LEFT_END = 'left-end';\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/position.ts?");
+
+/***/ }),
+
+/***/ "./src/pg/tooltip/tooltip.ts":
+/*!***********************************!*\
+  !*** ./src/pg/tooltip/tooltip.ts ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pictogrammers/element */ \"./node_modules/@pictogrammers/element/dist/element.esm.js\");\n/* harmony import */ var _tooltip_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip.html */ \"./src/pg/tooltip/tooltip.html\");\n/* harmony import */ var _tooltip_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tooltip.css */ \"./src/pg/tooltip/tooltip.css\");\n/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./position */ \"./src/pg/tooltip/position.ts\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n};\r\n\r\n\r\n\r\n\r\nconst map = {\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.TOP_START]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: height - 5,\r\n            arrowLeft: rect.width > width\r\n                ? Math.floor(width / 2) - 5\r\n                : Math.floor(rect.width / 2) - 5,\r\n            left: rect.left,\r\n            top: rect.top - height - 10\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.TOP]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: height - 5,\r\n            arrowLeft: Math.floor(width / 2) - 5,\r\n            left: rect.left - Math.floor((width - rect.width) / 2),\r\n            top: rect.top - height - 10\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.TOP_END]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: height - 5,\r\n            arrowLeft: rect.width > width\r\n                ? width - Math.floor(width / 2) - 5\r\n                : width - Math.floor(rect.width / 2) - 5,\r\n            left: rect.left - width + rect.width,\r\n            top: rect.top - height - 10\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.RIGHT_START]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: -5,\r\n            left: rect.left + rect.width + 10,\r\n            top: rect.top\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.RIGHT]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: -5,\r\n            left: rect.left + rect.width + 10,\r\n            top: rect.top + Math.floor(rect.height / 2) - Math.floor(height / 2)\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.RIGHT_END]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: -5,\r\n            left: rect.left + rect.width + 10,\r\n            top: rect.top + rect.height - height\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.BOTTOM_START]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: -5,\r\n            arrowLeft: rect.width > width\r\n                ? Math.floor(width / 2) - 5\r\n                : Math.floor(rect.width / 2) - 5,\r\n            left: rect.left,\r\n            top: rect.top + rect.height + height - 20\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.BOTTOM]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: -5,\r\n            arrowLeft: Math.floor(width / 2) - 5,\r\n            left: rect.left - Math.floor((width - rect.width) / 2),\r\n            top: rect.top + rect.height + height - 20\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.BOTTOM_END]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: -5,\r\n            arrowLeft: rect.width > width\r\n                ? width - Math.floor(width / 2) - 5\r\n                : width - Math.floor(rect.width / 2) - 5,\r\n            left: rect.left - width + rect.width,\r\n            top: rect.top + rect.height + height - 20\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.LEFT_START]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: width - 5,\r\n            left: rect.left - width - 10,\r\n            top: rect.top\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.LEFT]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: width - 5,\r\n            left: rect.left - width - 10,\r\n            top: rect.top + Math.floor(rect.height / 2) - Math.floor(height / 2)\r\n        };\r\n    },\r\n    [_position__WEBPACK_IMPORTED_MODULE_3__.LEFT_END]: (width, height, rect) => {\r\n        return {\r\n            arrowTop: Math.floor(height / 2) - 5,\r\n            arrowLeft: width - 5,\r\n            left: rect.left - width - 10,\r\n            top: rect.top + rect.height - height\r\n        };\r\n    }\r\n};\r\nlet PgTooltip = class PgTooltip extends HTMLElement {\r\n    constructor() {\r\n        super(...arguments);\r\n        this.visible = false;\r\n        this.rect = null;\r\n        this.text = '';\r\n        this.position = _position__WEBPACK_IMPORTED_MODULE_3__.BOTTOM;\r\n    }\r\n    render(changes) {\r\n        this.$tooltipText.innerText = this.text;\r\n        this.style.position = 'absolute';\r\n        if (changes.visible) {\r\n            this.style.display = this.visible ? 'block' : 'none';\r\n        }\r\n        const { width: tooltipWidth, height: tooltipHeight } = this.$tooltipText.getBoundingClientRect();\r\n        let position = this.position;\r\n        if (!(position in map)) {\r\n            position = _position__WEBPACK_IMPORTED_MODULE_3__.BOTTOM;\r\n        }\r\n        if (this.rect) {\r\n            const { arrowLeft, arrowTop, left, top } = map[position](tooltipWidth, tooltipHeight, this.rect);\r\n            this.style.left = `${left + window.scrollX}px`;\r\n            this.style.top = `${top + window.scrollY}px`;\r\n            this.$tooltipArrow.style.left = `${arrowLeft}px`;\r\n            this.$tooltipArrow.style.top = `${arrowTop}px`;\r\n        }\r\n    }\r\n};\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgTooltip.prototype, \"visible\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgTooltip.prototype, \"rect\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgTooltip.prototype, \"text\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Prop)()\r\n], PgTooltip.prototype, \"position\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Part)()\r\n], PgTooltip.prototype, \"$tooltip\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Part)()\r\n], PgTooltip.prototype, \"$tooltipText\", void 0);\r\n__decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Part)()\r\n], PgTooltip.prototype, \"$tooltipArrow\", void 0);\r\nPgTooltip = __decorate([\r\n    (0,_pictogrammers_element__WEBPACK_IMPORTED_MODULE_0__.Component)({\r\n        selector: 'pg-tooltip',\r\n        style: _tooltip_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\r\n        template: _tooltip_html__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\r\n    })\r\n], PgTooltip);\r\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PgTooltip);\r\n\n\n//# sourceURL=webpack://@pictogrammers/components/./src/pg/tooltip/tooltip.ts?");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./src/pg/modification/modification.ts");
+/******/ 	
+/******/ })()
+;