solid-ui 2.4.28-bb8b5144 → 2.4.28-cdaefc01

package/lib/tabs.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +18,10 @@ var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/w
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _widgets = require("./widgets");
 var _utils = require("./utils");
+var style = _interopRequireWildcard(require("./style"));
 var _solidLogic = require("solid-logic");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
@@ -200,11 +204,12 @@ var TabElement = /*#__PURE__*/function (_HTMLElement3) {
  *
  * @param options
  */
+var tabsDefaultBackgroundColor = '#ddddcc';
 function tabWidget(options) {
   var subject = options.subject;
   var dom = options.dom || document;
   var orientation = parseInt(options.orientation || '0');
-  var backgroundColor = options.backgroundColor || '#ddddcc';
+  var backgroundColor = options.backgroundColor || tabsDefaultBackgroundColor;
   var flipped = orientation & 2;
   var vertical = orientation & 1;
   var onClose = options.onClose;
@@ -215,13 +220,15 @@ function tabWidget(options) {
   var bodyMainStyle = "flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ".concat(selectedColor, "; padding: 1em;");
   var rootElement = dom.createElement('div'); // 20200117a
 
-  rootElement.setAttribute('style', 'display: flex; height: 100%; width: 100%; flex-direction: ' + (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';'));
+  rootElement.setAttribute('style', style.tabsRootElement);
+  rootElement.style.flexDirection = (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';');
   var navElement = rootElement.appendChild(dom.createElement('nav'));
-  navElement.setAttribute('style', 'margin: 0;');
+  navElement.setAttribute('style', style.tabsNavElement);
   var mainElement = rootElement.appendChild(dom.createElement('main'));
-  mainElement.setAttribute('style', 'margin: 0; width:100%; height: 100%;'); // override tabbedtab.css
+  mainElement.setAttribute('style', style.tabsMainElement); // override tabbedtab.css
   var tabContainer = navElement.appendChild(dom.createElement('ul'));
-  tabContainer.setAttribute('style', "\n    list-style-type: none;\n    display: flex;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    flex-direction: ".concat(vertical ? 'column' : 'row', "\n  "));
+  tabContainer.setAttribute('style', style.tabContainer);
+  tabContainer.style.flexDirection = "".concat(vertical ? 'column' : 'row');
   var tabElement = 'li';
   var bodyContainer = mainElement;
   rootElement.tabContainer = tabContainer;
@@ -241,7 +248,7 @@ function tabWidget(options) {
   rootElement.refresh = orderedSync;
   orderedSync();
   if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {
-    var selectedTab0 = Array.from(tabContainer.children) // Version left for compatability with ??
+    var selectedTab0 = Array.from(tabContainer.children) // Version left for compatibility with ??
     .map(function (tab) {
       return tab.firstChild;
     }).find(function (tab) {
@@ -295,7 +302,7 @@ function tabWidget(options) {
     ele.setAttribute('style', unselectedStyle);
     ele.subject = item;
     var div = ele.appendChild(dom.createElement('button'));
-    div.setAttribute('style', 'background: none; border: none; font: inherit; cursor: pointer');
+    div.setAttribute('style', style.makeNewSlot);
     div.onclick = function () {
       resetTabStyle();
       resetBodyStyle();
@@ -312,7 +319,7 @@ function tabWidget(options) {
     if (options.renderTabSettings && ele.subject) {
       var ellipsis = dom.createElement('button');
       ellipsis.textContent = '...';
-      ellipsis.setAttribute('style', 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;');
+      ellipsis.setAttribute('style', style.ellipsis);
       ellipsis.onclick = function () {
         resetTabStyle();
         resetBodyStyle();

package/lib/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["_widgets","require","_utils","_solidLogic","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ContainerElement","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_createClass2","_wrapNativeSuper2","HTMLElement","TabWidgetElement","_HTMLElement2","_super2","_this2","_len2","_key2","exports","TabElement","_HTMLElement3","_super3","_this3","_len3","_key3","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","flipped","vertical","onClose","_getColors","getColors","_getColors2","_slicedToArray2","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","navElement","appendChild","mainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","selectedTab","selectedTab0","from","map","tab","firstChild","find","dataset","name","selectedTabURI","uri","selectedTab1","clickMe","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","cancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","onclick","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderMain","asSettings","innerHTML","renderTabSettings","ellipsis","textContent","renderTab","label","_ele$bodyTR","newBodyMain","slot","i","j","left","right","differ","sameTerm","insertables","newSlot","newBodyDiv","insertBefore","contains","isLight","colorBlend","a","b","mix","ca","cb","res","str","hex","res2","split","h","l","x","total"],"sources":["../src/tabs.ts"],"sourcesContent":["import { cancelButton } from './widgets'\nimport { label } from './utils'\nimport { NamedNode } from 'rdflib'\nimport { store } from 'solid-logic'\n\n/**\n * @ignore\n */\nclass ContainerElement extends HTMLElement {\n  asSettings?: boolean\n}\n\ntype TabWidgetOptions = {\n  backgroundColor?: string;\n  dom?: HTMLDocument;\n  items?: Array<NamedNode>;\n  onClose?: (event: Event) => void;\n  ordered?: boolean;\n  orientation?: '0' | '1' | '2' | '3';\n  predicate?: NamedNode;\n  renderMain?: (bodyMain: HTMLElement, subject: NamedNode) => void;\n  renderTab?: (tabDiv: HTMLButtonElement, subject: NamedNode) => void;\n  renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void;\n  selectedTab?: NamedNode;\n  startEmpty?: boolean;\n  subject?: NamedNode;\n};\n\nexport class TabWidgetElement extends HTMLElement {\n  bodyContainer?: HTMLElement\n  refresh?: () => void\n  tabContainer?: HTMLElement\n}\n\n/**\n * @ignore\n */\nclass TabElement extends HTMLElement {\n  bodyTR?: HTMLElement\n  subject?: NamedNode\n}\n\n/**\n * Use this widget to generate tabs from triples set in the global store.\n *\n * [Here you can see examples of the tabs](https://solidos.github.io/solid-ui/examples/tabs/).\n *\n * It assumes that items to use for tabs will be in a collection by default,\n * e.g.:\n *\n * ```turtle\n * :subject :predicate ( :item1 :item2 ) .\n * ```\n *\n * You can override this by setting `ordered: false`, in which case it expects\n * unordered triples:\n *\n * ```turtle\n * :subject :predicate :item1, :item 2 .\n * ```\n *\n * Triples that are not ordered in collection are in principle not sorted,\n * which means that tabs could change order every time you render the widget.\n * But in this case the widget will try to sort it in order to keep it\n * consistent.\n *\n * In both of these cases you need to define options `subject` and `predicate`\n * to tell the widget which triples it should be looking for.\n *\n * Finally you can set items manually, using the `items` option, e.g.:\n *\n * ```javascript\n * {\n *   items: [\n *     namedNode('https://domain.tld/#item1'),\n *     namedNode('https://domain.tld/#item2')\n *   ]\n * }\n * ```\n *\n * When you set items manually you do not need to set `subject` and\n * `predicate`.\n *\n * In any case you probably want to set the renderMain option to specify\n * what should be rendered for the various items, e.g.:\n *\n * ```javascript\n * {\n *   renderMain: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderItem(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderItem` is a custom function that you need to define yourself.\n *\n * The option `renderTabSettings` allows you to render a custom view in the\n * body container that is shown when you hold the ALT key and click on a\n * tab. It works very much like the `renderMain` option:\n *\n * ```javascript\n * {\n *   renderTabSettings: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderTabSettings(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabSettings` is a custom function that you need to define\n * yourself.\n *\n * By default the widget will try to guess the label by using the\n * [[utils.label]] function. If you want to customize this yourself, you can\n * use the `renderTab` option:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject) => {\n *     tabDiv.innerText = renderTabText(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabText` is a custom function you need to define yourself.\n *\n * The option renderTab is also important if you want to set which tab should\n * be selected once the widget is rendered. By default it will simply select\n * the first tab, but you can override by setting `dataset.name` on the tab\n * and referring to the same string in `selectedTab`:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject)  => {\n *     tabDiv.dataset.name = subject.uri\n *   },\n *   selectedTab: item2.uri\n * }\n * ```\n *\n * You can apply a color to use for tabs and border of the container by using\n * option `background-color`. This is #ddddcc by default.\n *\n * You can override the document object that the widget uses to generate DOM\n * elements by setting the option `dom`. This is encouraged to set if you\n * intend your functionality to be used in environments that don't provide\n * a global `document` object.\n *\n * If you want to render a close button next to the tabs you can set option\n * `onClose` which takes a callback function that is triggered when the\n * button is clicked:\n *\n * ```javascript\n * {\n *   onClose: (event) => {\n *     // do something that hides the widget altogether\n *   }\n * }\n * ```\n *\n * The option `orientation` allows you to set which side the tabs should be\n * located: `'0'` = Top, `'1'` = Left, `'2'` = Bottom, `'3'` = Right\n *\n * If you don't want to render anything in the body container by default,\n * you can set the option `startEmpty` to `true`.\n *\n * @param options\n */\nexport function tabWidget (options: TabWidgetOptions) {\n  const subject = options.subject\n  const dom = options.dom || document\n  const orientation = parseInt(options.orientation || '0')\n  const backgroundColor = options.backgroundColor || '#ddddcc'\n  const flipped = orientation & 2\n  const vertical = orientation & 1\n  const onClose = options.onClose\n\n  const [selectedColor, color] = getColors(backgroundColor)\n  const bodyMainStyle = `flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`\n  const rootElement: TabWidgetElement = dom.createElement('div') // 20200117a\n\n  rootElement.setAttribute(\n    'style',\n    'display: flex; height: 100%; width: 100%; flex-direction: ' +\n      (vertical ? 'row' : 'column') +\n      (flipped ? '-reverse;' : ';')\n  )\n\n  const navElement = rootElement.appendChild(dom.createElement('nav'))\n  navElement.setAttribute('style', 'margin: 0;')\n\n  const mainElement = rootElement.appendChild(dom.createElement('main'))\n\n  mainElement.setAttribute('style', 'margin: 0; width:100%; height: 100%;') // override tabbedtab.css\n  const tabContainer = navElement.appendChild(dom.createElement('ul'))\n  tabContainer.setAttribute(\n    'style',\n    `\n    list-style-type: none;\n    display: flex;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    flex-direction: ${vertical ? 'column' : 'row'}\n  `\n  )\n\n  const tabElement = 'li'\n\n  const bodyContainer = mainElement\n  rootElement.tabContainer = tabContainer\n  rootElement.bodyContainer = bodyContainer\n\n  const corners = ['0.2em', '0.2em', '0', '0'] // top left, TR, BR, BL\n  const cornersPrepped = corners.concat(corners).slice(orientation, orientation + 4)\n  const cornersStyle = `border-radius: ${cornersPrepped.join(' ')};`\n\n  const margins = ['0.3em', '0.3em', '0', '0.3em'] // top, right, bottom, left\n  const marginsPrepped = margins.concat(margins).slice(orientation, orientation + 4)\n  const marginsStyle = `margin: ${marginsPrepped.join(' ')};`\n\n  const paddingStyle = `padding: ${marginsPrepped.join(' ')};`\n\n  const tabStyle = cornersStyle + `position: relative; padding: 0.7em; max-width: 20em; color: ${color};`\n  const unselectedStyle = `${\n    tabStyle + marginsStyle\n  } opacity: 50%; background-color: ${backgroundColor};`\n  const selectedStyle = `${tabStyle + marginsStyle} background-color: ${selectedColor};`\n  const shownStyle = 'height: 100%; width: 100%;'\n  const hiddenStyle = shownStyle + 'display: none;'\n  rootElement.refresh = orderedSync\n  orderedSync()\n\n  if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {\n    const selectedTab0 = Array.from(tabContainer.children) // Version left for compatability with ??\n      .map((tab) => tab.firstChild as HTMLElement)\n      .find((tab) => tab.dataset.name === options.selectedTab)\n\n    const selectedTabURI = options.selectedTab.uri\n    const selectedTab1 = Array.from(tabContainer.children)\n      // @ts-ignore\n      .find(\n        (tab) =>\n          (tab as TabElement).subject &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri === selectedTabURI\n      )\n\n    const tab = selectedTab1 || selectedTab0 || (tabContainer.children[0] as HTMLButtonElement)\n    const clickMe = tab.firstChild\n    // @ts-ignore\n    if (clickMe) clickMe.click()\n  } else if (!options.startEmpty) {\n    (tabContainer.children[0].firstChild as HTMLButtonElement).click() // Open first tab\n  }\n  return rootElement\n\n  function addCancelButton (tabContainer) {\n    if (tabContainer.dataset.onCloseSet) {\n      // @@ TODO: this is only here to make the browser tests work\n      // Discussion at https://github.com/solidos/solid-ui/pull/110#issuecomment-527080663\n      const existingCancelButton = tabContainer.querySelector('.unstyled')\n      tabContainer.removeChild(existingCancelButton)\n    }\n    const extraTab = dom.createElement(tabElement)\n    extraTab.classList.add('unstyled')\n    const tabCancelButton = cancelButton(dom, onClose)\n    tabCancelButton.setAttribute('style', tabCancelButton.getAttribute('style') + paddingStyle)\n    extraTab.appendChild(tabCancelButton)\n    tabContainer.appendChild(extraTab)\n    tabContainer.dataset.onCloseSet = 'true'\n  }\n\n  function getItems (): Array<NamedNode> {\n    if (options.items) return options.items\n    if (options.ordered !== false) {\n      // options.ordered defaults to true\n      return (store.the(subject, options.predicate) as any).elements\n    } else {\n      return store.each(subject, options.predicate) as any\n    }\n  }\n\n  function makeNewSlot (item: NamedNode) {\n    const ele = dom.createElement(tabElement) as TabElement\n    ele.setAttribute('style', unselectedStyle)\n    ele.subject = item\n    const div = ele.appendChild(dom.createElement('button'))\n    div.setAttribute('style', 'background: none; border: none; font: inherit; cursor: pointer')\n\n    div.onclick = function () {\n      resetTabStyle()\n      resetBodyStyle()\n      ele.setAttribute('style', selectedStyle)\n      if (!ele.bodyTR) return\n      ele.bodyTR.setAttribute('style', shownStyle)\n      const bodyMain = getOrCreateContainerElement(ele)\n      if (options.renderMain && ele.subject && bodyMain.asSettings !== false) {\n        bodyMain.innerHTML = 'loading item ...' + item\n        options.renderMain(bodyMain, ele.subject)\n        bodyMain.asSettings = false\n      }\n    }\n\n    if (options.renderTabSettings && ele.subject) {\n      const ellipsis = dom.createElement('button')\n      ellipsis.textContent = '...'\n      ellipsis.setAttribute('style', 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;')\n\n      ellipsis.onclick = function () {\n        resetTabStyle()\n        resetBodyStyle()\n        ele.setAttribute('style', selectedStyle)\n        if (!ele.bodyTR) return\n        ele.bodyTR.setAttribute('style', shownStyle)\n        const bodyMain = getOrCreateContainerElement(ele)\n        if (options.renderTabSettings && ele.subject && bodyMain.asSettings !== true) {\n          bodyMain.innerHTML = 'loading settings ...' + item\n          options.renderTabSettings(bodyMain, ele.subject)\n          bodyMain.asSettings = true\n        }\n      }\n      ele.appendChild(ellipsis)\n    }\n\n    if (options.renderTab) {\n      options.renderTab(div, item)\n    } else {\n      div.innerHTML = label(item)\n    }\n    return ele\n\n    function getOrCreateContainerElement (ele: TabElement): ContainerElement {\n      const bodyMain = ele.bodyTR?.children[0] as ContainerElement\n      if (bodyMain) return bodyMain\n      const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('main'))\n      newBodyMain.setAttribute('style', bodyMainStyle)\n      return newBodyMain\n    }\n  }\n\n  // @@ Use common one from utils?\n  function orderedSync () {\n    const items = getItems()\n    let slot: TabElement, i, j, left, right\n    let differ = false\n    // Find how many match at each end\n    for (left = 0; left < tabContainer.children.length; left++) {\n      slot = tabContainer.children[left] as TabElement\n      if (left >= items.length || (slot.subject && !slot.subject.sameTerm(items[left]))) {\n        differ = true\n        break\n      }\n    }\n    if (!differ && items.length === tabContainer.children.length) {\n      return // The two just match in order: a case to optimize for\n    }\n    for (right = tabContainer.children.length - 1; right >= 0; right--) {\n      slot = tabContainer.children[right] as TabElement\n      j = right - tabContainer.children.length + items.length\n      if (slot.subject && !slot.subject.sameTerm(items[j])) {\n        break\n      }\n    }\n    // The elements left ... right in tabContainer.children do not match\n    const insertables = items.slice(left, right - tabContainer.children.length + items.length + 1)\n    while (right >= left) {\n      // remove extra\n      tabContainer.removeChild(tabContainer.children[left])\n      bodyContainer.removeChild(bodyContainer.children[left])\n      right -= 1\n    }\n    for (i = 0; i < insertables.length; i++) {\n      const newSlot = makeNewSlot(insertables[i])\n      const newBodyDiv = dom.createElement('div')\n      newSlot.bodyTR = newBodyDiv\n      if (left === tabContainer.children.length) {\n        // None left of original on right\n        tabContainer.appendChild(newSlot)\n        bodyContainer.appendChild(newBodyDiv)\n      } else {\n        tabContainer.insertBefore(newSlot, tabContainer.children[left + i])\n        bodyContainer.insertBefore(newBodyDiv, bodyContainer.children[left + i])\n      }\n    }\n    if (onClose) {\n      addCancelButton(tabContainer)\n    }\n  }\n\n  function resetTabStyle () {\n    for (let i = 0; i < tabContainer.children.length; i++) {\n      const tab = tabContainer.children[i]\n      if (tab.classList.contains('unstyled')) {\n        continue\n      } else {\n        tab.setAttribute('style', unselectedStyle)\n      }\n    }\n  }\n\n  function resetBodyStyle () {\n    for (let i = 0; i < bodyContainer.children.length; i++) {\n      bodyContainer.children[i].setAttribute('style', hiddenStyle)\n    }\n  }\n}\n\n/**\n * @internal\n */\nfunction getColors (backgroundColor: string): [string, string] {\n  return isLight(backgroundColor)\n    ? [colorBlend(backgroundColor, '#ffffff', 0.3), '#000000']\n    : [colorBlend(backgroundColor, '#000000', 0.3), '#ffffff']\n}\n\n/**\n * @internal\n */\nfunction colorBlend (a: string, b: string, mix: number): string {\n  let ca, cb, res\n  let str = '#'\n  const hex = '0123456789abcdef'\n  for (let i = 0; i < 3; i++) {\n    ca = parseInt(a.slice(i * 2 + 1, i * 2 + 3), 16)\n    cb = parseInt(b.slice(i * 2 + 1, i * 2 + 3), 16)\n    res = ca * (1.0 - mix) + cb * mix // @@@ rounding\n    const res2 = parseInt(('' + res).split('.')[0]) // @@ ugh\n    const h = parseInt(('' + res2 / 16).split('.')[0]) // @@ ugh\n    const l = parseInt(('' + (res2 % 16)).split('.')[0]) // @@ ugh\n    str += hex[h] + hex[l]\n  }\n  return str\n}\n\n/**\n * @internal\n */\nfunction isLight (x: string): boolean {\n  let total = 0\n  for (let i = 0; i < 3; i++) {\n    total += parseInt(x.slice(i * 2 + 1, i * 2 + 3), 16)\n  }\n  return total > 128 * 3\n}\n"],"mappings":"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASc,SAASA,CAAEC,OAAyB,EAAE;EACpD,IAAMC,OAAO,GAAGD,OAAO,CAACC,OAAO;EAC/B,IAAMC,GAAG,GAAGF,OAAO,CAACE,GAAG,IAAIC,QAAQ;EACnC,IAAMC,WAAW,GAAGC,QAAQ,CAACL,OAAO,CAACI,WAAW,IAAI,GAAG,CAAC;EACxD,IAAME,eAAe,GAAGN,OAAO,CAACM,eAAe,IAAI,SAAS;EAC5D,IAAMC,OAAO,GAAGH,WAAW,GAAG,CAAC;EAC/B,IAAMI,QAAQ,GAAGJ,WAAW,GAAG,CAAC;EAChC,IAAMK,OAAO,GAAGT,OAAO,CAACS,OAAO;EAE/B,IAAAC,UAAA,GAA+BC,SAAS,CAACL,eAAe,CAAC;IAAAM,WAAA,OAAAC,eAAA,aAAAH,UAAA;IAAlDI,aAAa,GAAAF,WAAA;IAAEG,KAAK,GAAAH,WAAA;EAC3B,IAAMI,aAAa,4FAAApC,MAAA,CAA4FkC,aAAa,oBAAiB;EAC7I,IAAMG,WAA6B,GAAGf,GAAG,CAACgB,aAAa,CAAC,KAAK,CAAC,EAAC;;EAE/DD,WAAW,CAACE,YAAY,CACtB,OAAO,EACP,4DAA4D,IACzDX,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC,IAC5BD,OAAO,GAAG,WAAW,GAAG,GAAG,CAAC,CAChC;EAED,IAAMa,UAAU,GAAGH,WAAW,CAACI,WAAW,CAACnB,GAAG,CAACgB,aAAa,CAAC,KAAK,CAAC,CAAC;EACpEE,UAAU,CAACD,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC;EAE9C,IAAMG,WAAW,GAAGL,WAAW,CAACI,WAAW,CAACnB,GAAG,CAACgB,aAAa,CAAC,MAAM,CAAC,CAAC;EAEtEI,WAAW,CAACH,YAAY,CAAC,OAAO,EAAE,sCAAsC,CAAC,EAAC;EAC1E,IAAMI,YAAY,GAAGH,UAAU,CAACC,WAAW,CAACnB,GAAG,CAACgB,aAAa,CAAC,IAAI,CAAC,CAAC;EACpEK,YAAY,CAACJ,YAAY,CACvB,OAAO,iJAAAvC,MAAA,CAQW4B,QAAQ,GAAG,QAAQ,GAAG,KAAK,UAE9C;EAED,IAAMgB,UAAU,GAAG,IAAI;EAEvB,IAAMC,aAAa,GAAGH,WAAW;EACjCL,WAAW,CAACM,YAAY,GAAGA,YAAY;EACvCN,WAAW,CAACQ,aAAa,GAAGA,aAAa;EAEzC,IAAMC,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAC;EAC7C,IAAMC,cAAc,GAAGD,OAAO,CAAC9C,MAAM,CAAC8C,OAAO,CAAC,CAACE,KAAK,CAACxB,WAAW,EAAEA,WAAW,GAAG,CAAC,CAAC;EAClF,IAAMyB,YAAY,qBAAAjD,MAAA,CAAqB+C,cAAc,CAACG,IAAI,CAAC,GAAG,CAAC,MAAG;EAElE,IAAMC,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAC;EACjD,IAAMC,cAAc,GAAGD,OAAO,CAACnD,MAAM,CAACmD,OAAO,CAAC,CAACH,KAAK,CAACxB,WAAW,EAAEA,WAAW,GAAG,CAAC,CAAC;EAClF,IAAM6B,YAAY,cAAArD,MAAA,CAAcoD,cAAc,CAACF,IAAI,CAAC,GAAG,CAAC,MAAG;EAE3D,IAAMI,YAAY,eAAAtD,MAAA,CAAeoD,cAAc,CAACF,IAAI,CAAC,GAAG,CAAC,MAAG;EAE5D,IAAMK,QAAQ,GAAGN,YAAY,kEAAAjD,MAAA,CAAkEmC,KAAK,MAAG;EACvG,IAAMqB,eAAe,MAAAxD,MAAA,CACnBuD,QAAQ,GAAGF,YAAY,uCAAArD,MAAA,CACW0B,eAAe,MAAG;EACtD,IAAM+B,aAAa,MAAAzD,MAAA,CAAMuD,QAAQ,GAAGF,YAAY,yBAAArD,MAAA,CAAsBkC,aAAa,MAAG;EACtF,IAAMwB,UAAU,GAAG,4BAA4B;EAC/C,IAAMC,WAAW,GAAGD,UAAU,GAAG,gBAAgB;EACjDrB,WAAW,CAACuB,OAAO,GAAGC,WAAW;EACjCA,WAAW,EAAE;EAEb,IAAI,CAACzC,OAAO,CAAC0C,UAAU,IAAInB,YAAY,CAACoB,QAAQ,CAACnE,MAAM,IAAIwB,OAAO,CAAC4C,WAAW,EAAE;IAC9E,IAAMC,YAAY,GAAGnE,KAAK,CAACoE,IAAI,CAACvB,YAAY,CAACoB,QAAQ,CAAC,CAAC;IAAA,CACpDI,GAAG,CAAC,UAACC,GAAG;MAAA,OAAKA,GAAG,CAACC,UAAU;IAAA,CAAe,CAAC,CAC3CC,IAAI,CAAC,UAACF,GAAG;MAAA,OAAKA,GAAG,CAACG,OAAO,CAACC,IAAI,KAAKpD,OAAO,CAAC4C,WAAW;IAAA,EAAC;IAE1D,IAAMS,cAAc,GAAGrD,OAAO,CAAC4C,WAAW,CAACU,GAAG;IAC9C,IAAMC,YAAY,GAAG7E,KAAK,CAACoE,IAAI,CAACvB,YAAY,CAACoB,QAAQ;IACnD;IAAA,CACCO,IAAI,CACH,UAACF,GAAG;MAAA,OACDA,GAAG,CAAgB/C,OAAO;MAC3B;MACC+C,GAAG,CAAgB/C,OAAO,CAACqD,GAAG;MAC/B;MACCN,GAAG,CAAgB/C,OAAO,CAACqD,GAAG,KAAKD,cAAc;IAAA,EACrD;IAEH,IAAML,GAAG,GAAGO,YAAY,IAAIV,YAAY,IAAKtB,YAAY,CAACoB,QAAQ,CAAC,CAAC,CAAuB;IAC3F,IAAMa,OAAO,GAAGR,GAAG,CAACC,UAAU;IAC9B;IACA,IAAIO,OAAO,EAAEA,OAAO,CAACC,KAAK,EAAE;EAC9B,CAAC,MAAM,IAAI,CAACzD,OAAO,CAAC0C,UAAU,EAAE;IAC7BnB,YAAY,CAACoB,QAAQ,CAAC,CAAC,CAAC,CAACM,UAAU,CAAuBQ,KAAK,EAAE,EAAC;EACrE;;EACA,OAAOxC,WAAW;EAElB,SAASyC,eAAeA,CAAEnC,YAAY,EAAE;IACtC,IAAIA,YAAY,CAAC4B,OAAO,CAACQ,UAAU,EAAE;MACnC;MACA;MACA,IAAMC,oBAAoB,GAAGrC,YAAY,CAACsC,aAAa,CAAC,WAAW,CAAC;MACpEtC,YAAY,CAACuC,WAAW,CAACF,oBAAoB,CAAC;IAChD;IACA,IAAMG,QAAQ,GAAG7D,GAAG,CAACgB,aAAa,CAACM,UAAU,CAAC;IAC9CuC,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IAClC,IAAMC,eAAe,GAAG,IAAAC,qBAAY,EAACjE,GAAG,EAAEO,OAAO,CAAC;IAClDyD,eAAe,CAAC/C,YAAY,CAAC,OAAO,EAAE+C,eAAe,CAACE,YAAY,CAAC,OAAO,CAAC,GAAGlC,YAAY,CAAC;IAC3F6B,QAAQ,CAAC1C,WAAW,CAAC6C,eAAe,CAAC;IACrC3C,YAAY,CAACF,WAAW,CAAC0C,QAAQ,CAAC;IAClCxC,YAAY,CAAC4B,OAAO,CAACQ,UAAU,GAAG,MAAM;EAC1C;EAEA,SAASU,QAAQA,CAAA,EAAsB;IACrC,IAAIrE,OAAO,CAACsE,KAAK,EAAE,OAAOtE,OAAO,CAACsE,KAAK;IACvC,IAAItE,OAAO,CAACuE,OAAO,KAAK,KAAK,EAAE;MAC7B;MACA,OAAQC,iBAAK,CAACC,GAAG,CAACxE,OAAO,EAAED,OAAO,CAAC0E,SAAS,CAAC,CAASC,QAAQ;IAChE,CAAC,MAAM;MACL,OAAOH,iBAAK,CAACI,IAAI,CAAC3E,OAAO,EAAED,OAAO,CAAC0E,SAAS,CAAC;IAC/C;EACF;EAEA,SAASG,WAAWA,CAAEC,IAAe,EAAE;IACrC,IAAMC,GAAG,GAAG7E,GAAG,CAACgB,aAAa,CAACM,UAAU,CAAe;IACvDuD,GAAG,CAAC5D,YAAY,CAAC,OAAO,EAAEiB,eAAe,CAAC;IAC1C2C,GAAG,CAAC9E,OAAO,GAAG6E,IAAI;IAClB,IAAME,GAAG,GAAGD,GAAG,CAAC1D,WAAW,CAACnB,GAAG,CAACgB,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxD8D,GAAG,CAAC7D,YAAY,CAAC,OAAO,EAAE,gEAAgE,CAAC;IAE3F6D,GAAG,CAACC,OAAO,GAAG,YAAY;MACxBC,aAAa,EAAE;MACfC,cAAc,EAAE;MAChBJ,GAAG,CAAC5D,YAAY,CAAC,OAAO,EAAEkB,aAAa,CAAC;MACxC,IAAI,CAAC0C,GAAG,CAACK,MAAM,EAAE;MACjBL,GAAG,CAACK,MAAM,CAACjE,YAAY,CAAC,OAAO,EAAEmB,UAAU,CAAC;MAC5C,IAAM+C,QAAQ,GAAGC,2BAA2B,CAACP,GAAG,CAAC;MACjD,IAAI/E,OAAO,CAACuF,UAAU,IAAIR,GAAG,CAAC9E,OAAO,IAAIoF,QAAQ,CAACG,UAAU,KAAK,KAAK,EAAE;QACtEH,QAAQ,CAACI,SAAS,GAAG,kBAAkB,GAAGX,IAAI;QAC9C9E,OAAO,CAACuF,UAAU,CAACF,QAAQ,EAAEN,GAAG,CAAC9E,OAAO,CAAC;QACzCoF,QAAQ,CAACG,UAAU,GAAG,KAAK;MAC7B;IACF,CAAC;IAED,IAAIxF,OAAO,CAAC0F,iBAAiB,IAAIX,GAAG,CAAC9E,OAAO,EAAE;MAC5C,IAAM0F,QAAQ,GAAGzF,GAAG,CAACgB,aAAa,CAAC,QAAQ,CAAC;MAC5CyE,QAAQ,CAACC,WAAW,GAAG,KAAK;MAC5BD,QAAQ,CAACxE,YAAY,CAAC,OAAO,EAAE,oKAAoK,CAAC;MAEpMwE,QAAQ,CAACV,OAAO,GAAG,YAAY;QAC7BC,aAAa,EAAE;QACfC,cAAc,EAAE;QAChBJ,GAAG,CAAC5D,YAAY,CAAC,OAAO,EAAEkB,aAAa,CAAC;QACxC,IAAI,CAAC0C,GAAG,CAACK,MAAM,EAAE;QACjBL,GAAG,CAACK,MAAM,CAACjE,YAAY,CAAC,OAAO,EAAEmB,UAAU,CAAC;QAC5C,IAAM+C,QAAQ,GAAGC,2BAA2B,CAACP,GAAG,CAAC;QACjD,IAAI/E,OAAO,CAAC0F,iBAAiB,IAAIX,GAAG,CAAC9E,OAAO,IAAIoF,QAAQ,CAACG,UAAU,KAAK,IAAI,EAAE;UAC5EH,QAAQ,CAACI,SAAS,GAAG,sBAAsB,GAAGX,IAAI;UAClD9E,OAAO,CAAC0F,iBAAiB,CAACL,QAAQ,EAAEN,GAAG,CAAC9E,OAAO,CAAC;UAChDoF,QAAQ,CAACG,UAAU,GAAG,IAAI;QAC5B;MACF,CAAC;MACDT,GAAG,CAAC1D,WAAW,CAACsE,QAAQ,CAAC;IAC3B;IAEA,IAAI3F,OAAO,CAAC6F,SAAS,EAAE;MACrB7F,OAAO,CAAC6F,SAAS,CAACb,GAAG,EAAEF,IAAI,CAAC;IAC9B,CAAC,MAAM;MACLE,GAAG,CAACS,SAAS,GAAG,IAAAK,YAAK,EAAChB,IAAI,CAAC;IAC7B;IACA,OAAOC,GAAG;IAEV,SAASO,2BAA2BA,CAAEP,GAAe,EAAoB;MAAA,IAAAgB,WAAA;MACvE,IAAMV,QAAQ,IAAAU,WAAA,GAAGhB,GAAG,CAACK,MAAM,cAAAW,WAAA,uBAAVA,WAAA,CAAYpD,QAAQ,CAAC,CAAC,CAAqB;MAC5D,IAAI0C,QAAQ,EAAE,OAAOA,QAAQ;MAC7B,IAAMW,WAAW,GAAGjB,GAAG,CAACK,MAAM,CAAE/D,WAAW,CAACnB,GAAG,CAACgB,aAAa,CAAC,MAAM,CAAC,CAAC;MACtE8E,WAAW,CAAC7E,YAAY,CAAC,OAAO,EAAEH,aAAa,CAAC;MAChD,OAAOgF,WAAW;IACpB;EACF;;EAEA;EACA,SAASvD,WAAWA,CAAA,EAAI;IACtB,IAAM6B,KAAK,GAAGD,QAAQ,EAAE;IACxB,IAAI4B,IAAgB,EAAEC,CAAC,EAAEC,CAAC,EAAEC,IAAI,EAAEC,KAAK;IACvC,IAAIC,MAAM,GAAG,KAAK;IAClB;IACA,KAAKF,IAAI,GAAG,CAAC,EAAEA,IAAI,GAAG7E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,EAAE4H,IAAI,EAAE,EAAE;MAC1DH,IAAI,GAAG1E,YAAY,CAACoB,QAAQ,CAACyD,IAAI,CAAe;MAChD,IAAIA,IAAI,IAAI9B,KAAK,CAAC9F,MAAM,IAAKyH,IAAI,CAAChG,OAAO,IAAI,CAACgG,IAAI,CAAChG,OAAO,CAACsG,QAAQ,CAACjC,KAAK,CAAC8B,IAAI,CAAC,CAAE,EAAE;QACjFE,MAAM,GAAG,IAAI;QACb;MACF;IACF;IACA,IAAI,CAACA,MAAM,IAAIhC,KAAK,CAAC9F,MAAM,KAAK+C,YAAY,CAACoB,QAAQ,CAACnE,MAAM,EAAE;MAC5D,OAAM,CAAC;IACT;;IACA,KAAK6H,KAAK,GAAG9E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,GAAG,CAAC,EAAE6H,KAAK,IAAI,CAAC,EAAEA,KAAK,EAAE,EAAE;MAClEJ,IAAI,GAAG1E,YAAY,CAACoB,QAAQ,CAAC0D,KAAK,CAAe;MACjDF,CAAC,GAAGE,KAAK,GAAG9E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,GAAG8F,KAAK,CAAC9F,MAAM;MACvD,IAAIyH,IAAI,CAAChG,OAAO,IAAI,CAACgG,IAAI,CAAChG,OAAO,CAACsG,QAAQ,CAACjC,KAAK,CAAC6B,CAAC,CAAC,CAAC,EAAE;QACpD;MACF;IACF;IACA;IACA,IAAMK,WAAW,GAAGlC,KAAK,CAAC1C,KAAK,CAACwE,IAAI,EAAEC,KAAK,GAAG9E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,GAAG8F,KAAK,CAAC9F,MAAM,GAAG,CAAC,CAAC;IAC9F,OAAO6H,KAAK,IAAID,IAAI,EAAE;MACpB;MACA7E,YAAY,CAACuC,WAAW,CAACvC,YAAY,CAACoB,QAAQ,CAACyD,IAAI,CAAC,CAAC;MACrD3E,aAAa,CAACqC,WAAW,CAACrC,aAAa,CAACkB,QAAQ,CAACyD,IAAI,CAAC,CAAC;MACvDC,KAAK,IAAI,CAAC;IACZ;IACA,KAAKH,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGM,WAAW,CAAChI,MAAM,EAAE0H,CAAC,EAAE,EAAE;MACvC,IAAMO,OAAO,GAAG5B,WAAW,CAAC2B,WAAW,CAACN,CAAC,CAAC,CAAC;MAC3C,IAAMQ,UAAU,GAAGxG,GAAG,CAACgB,aAAa,CAAC,KAAK,CAAC;MAC3CuF,OAAO,CAACrB,MAAM,GAAGsB,UAAU;MAC3B,IAAIN,IAAI,KAAK7E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,EAAE;QACzC;QACA+C,YAAY,CAACF,WAAW,CAACoF,OAAO,CAAC;QACjChF,aAAa,CAACJ,WAAW,CAACqF,UAAU,CAAC;MACvC,CAAC,MAAM;QACLnF,YAAY,CAACoF,YAAY,CAACF,OAAO,EAAElF,YAAY,CAACoB,QAAQ,CAACyD,IAAI,GAAGF,CAAC,CAAC,CAAC;QACnEzE,aAAa,CAACkF,YAAY,CAACD,UAAU,EAAEjF,aAAa,CAACkB,QAAQ,CAACyD,IAAI,GAAGF,CAAC,CAAC,CAAC;MAC1E;IACF;IACA,IAAIzF,OAAO,EAAE;MACXiD,eAAe,CAACnC,YAAY,CAAC;IAC/B;EACF;EAEA,SAAS2D,aAAaA,CAAA,EAAI;IACxB,KAAK,IAAIgB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG3E,YAAY,CAACoB,QAAQ,CAACnE,MAAM,EAAE0H,CAAC,EAAE,EAAE;MACrD,IAAMlD,IAAG,GAAGzB,YAAY,CAACoB,QAAQ,CAACuD,CAAC,CAAC;MACpC,IAAIlD,IAAG,CAACgB,SAAS,CAAC4C,QAAQ,CAAC,UAAU,CAAC,EAAE;QACtC;MACF,CAAC,MAAM;QACL5D,IAAG,CAAC7B,YAAY,CAAC,OAAO,EAAEiB,eAAe,CAAC;MAC5C;IACF;EACF;EAEA,SAAS+C,cAAcA,CAAA,EAAI;IACzB,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGzE,aAAa,CAACkB,QAAQ,CAACnE,MAAM,EAAE0H,CAAC,EAAE,EAAE;MACtDzE,aAAa,CAACkB,QAAQ,CAACuD,CAAC,CAAC,CAAC/E,YAAY,CAAC,OAAO,EAAEoB,WAAW,CAAC;IAC9D;EACF;AACF;;AAEA;AACA;AACA;AACA,SAAS5B,SAASA,CAAEL,eAAuB,EAAoB;EAC7D,OAAOuG,OAAO,CAACvG,eAAe,CAAC,GAC3B,CAACwG,UAAU,CAACxG,eAAe,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,GACxD,CAACwG,UAAU,CAACxG,eAAe,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC;AAC9D;;AAEA;AACA;AACA;AACA,SAASwG,UAAUA,CAAEC,CAAS,EAAEC,CAAS,EAAEC,GAAW,EAAU;EAC9D,IAAIC,EAAE,EAAEC,EAAE,EAAEC,GAAG;EACf,IAAIC,GAAG,GAAG,GAAG;EACb,IAAMC,GAAG,GAAG,kBAAkB;EAC9B,KAAK,IAAIpB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,EAAEA,CAAC,EAAE,EAAE;IAC1BgB,EAAE,GAAG7G,QAAQ,CAAC0G,CAAC,CAACnF,KAAK,CAACsE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;IAChDiB,EAAE,GAAG9G,QAAQ,CAAC2G,CAAC,CAACpF,KAAK,CAACsE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;IAChDkB,GAAG,GAAGF,EAAE,IAAI,GAAG,GAAGD,GAAG,CAAC,GAAGE,EAAE,GAAGF,GAAG,EAAC;IAClC,IAAMM,IAAI,GAAGlH,QAAQ,CAAC,CAAC,EAAE,GAAG+G,GAAG,EAAEI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC;IAChD,IAAMC,CAAC,GAAGpH,QAAQ,CAAC,CAAC,EAAE,GAAGkH,IAAI,GAAG,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC;IACnD,IAAME,CAAC,GAAGrH,QAAQ,CAAC,CAAC,EAAE,GAAIkH,IAAI,GAAG,EAAG,EAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC;IACrDH,GAAG,IAAIC,GAAG,CAACG,CAAC,CAAC,GAAGH,GAAG,CAACI,CAAC,CAAC;EACxB;EACA,OAAOL,GAAG;AACZ;;AAEA;AACA;AACA;AACA,SAASR,OAAOA,CAAEc,CAAS,EAAW;EACpC,IAAIC,KAAK,GAAG,CAAC;EACb,KAAK,IAAI1B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,EAAEA,CAAC,EAAE,EAAE;IAC1B0B,KAAK,IAAIvH,QAAQ,CAACsH,CAAC,CAAC/F,KAAK,CAACsE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;EACtD;EACA,OAAO0B,KAAK,GAAG,GAAG,GAAG,CAAC;AACxB"}
+{"version":3,"file":"tabs.js","names":["_widgets","require","_utils","style","_interopRequireWildcard","_solidLogic","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ContainerElement","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_createClass2","_wrapNativeSuper2","HTMLElement","TabWidgetElement","_HTMLElement2","_super2","_this2","_len2","_key2","exports","TabElement","_HTMLElement3","_super3","_this3","_len3","_key3","tabsDefaultBackgroundColor","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","flipped","vertical","onClose","_getColors","getColors","_getColors2","_slicedToArray2","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","tabsRootElement","flexDirection","navElement","appendChild","tabsNavElement","mainElement","tabsMainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","selectedTab","selectedTab0","from","map","tab","firstChild","find","dataset","name","selectedTabURI","uri","selectedTab1","clickMe","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","cancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","onclick","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderMain","asSettings","innerHTML","renderTabSettings","ellipsis","textContent","renderTab","label","_ele$bodyTR","newBodyMain","slot","i","j","left","right","differ","sameTerm","insertables","newSlot","newBodyDiv","insertBefore","contains","isLight","colorBlend","a","b","mix","ca","cb","res","str","hex","res2","split","h","l","x","total"],"sources":["../src/tabs.ts"],"sourcesContent":["import { cancelButton } from './widgets'\nimport { label } from './utils'\nimport { NamedNode } from 'rdflib'\nimport * as style from './style'\nimport { store } from 'solid-logic'\n\n/**\n * @ignore\n */\nclass ContainerElement extends HTMLElement {\n  asSettings?: boolean\n}\n\ntype TabWidgetOptions = {\n  backgroundColor?: string;\n  dom?: HTMLDocument;\n  items?: Array<NamedNode>;\n  onClose?: (event: Event) => void;\n  ordered?: boolean;\n  orientation?: '0' | '1' | '2' | '3';\n  predicate?: NamedNode;\n  renderMain?: (bodyMain: HTMLElement, subject: NamedNode) => void;\n  renderTab?: (tabDiv: HTMLButtonElement, subject: NamedNode) => void;\n  renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void;\n  selectedTab?: NamedNode;\n  startEmpty?: boolean;\n  subject?: NamedNode;\n};\n\nexport class TabWidgetElement extends HTMLElement {\n  bodyContainer?: HTMLElement\n  refresh?: () => void\n  tabContainer?: HTMLElement\n}\n\n/**\n * @ignore\n */\nclass TabElement extends HTMLElement {\n  bodyTR?: HTMLElement\n  subject?: NamedNode\n}\n\n/**\n * Use this widget to generate tabs from triples set in the global store.\n *\n * [Here you can see examples of the tabs](https://solidos.github.io/solid-ui/examples/tabs/).\n *\n * It assumes that items to use for tabs will be in a collection by default,\n * e.g.:\n *\n * ```turtle\n * :subject :predicate ( :item1 :item2 ) .\n * ```\n *\n * You can override this by setting `ordered: false`, in which case it expects\n * unordered triples:\n *\n * ```turtle\n * :subject :predicate :item1, :item 2 .\n * ```\n *\n * Triples that are not ordered in collection are in principle not sorted,\n * which means that tabs could change order every time you render the widget.\n * But in this case the widget will try to sort it in order to keep it\n * consistent.\n *\n * In both of these cases you need to define options `subject` and `predicate`\n * to tell the widget which triples it should be looking for.\n *\n * Finally you can set items manually, using the `items` option, e.g.:\n *\n * ```javascript\n * {\n *   items: [\n *     namedNode('https://domain.tld/#item1'),\n *     namedNode('https://domain.tld/#item2')\n *   ]\n * }\n * ```\n *\n * When you set items manually you do not need to set `subject` and\n * `predicate`.\n *\n * In any case you probably want to set the renderMain option to specify\n * what should be rendered for the various items, e.g.:\n *\n * ```javascript\n * {\n *   renderMain: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderItem(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderItem` is a custom function that you need to define yourself.\n *\n * The option `renderTabSettings` allows you to render a custom view in the\n * body container that is shown when you hold the ALT key and click on a\n * tab. It works very much like the `renderMain` option:\n *\n * ```javascript\n * {\n *   renderTabSettings: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderTabSettings(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabSettings` is a custom function that you need to define\n * yourself.\n *\n * By default the widget will try to guess the label by using the\n * [[utils.label]] function. If you want to customize this yourself, you can\n * use the `renderTab` option:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject) => {\n *     tabDiv.innerText = renderTabText(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabText` is a custom function you need to define yourself.\n *\n * The option renderTab is also important if you want to set which tab should\n * be selected once the widget is rendered. By default it will simply select\n * the first tab, but you can override by setting `dataset.name` on the tab\n * and referring to the same string in `selectedTab`:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject)  => {\n *     tabDiv.dataset.name = subject.uri\n *   },\n *   selectedTab: item2.uri\n * }\n * ```\n *\n * You can apply a color to use for tabs and border of the container by using\n * option `background-color`. This is #ddddcc by default.\n *\n * You can override the document object that the widget uses to generate DOM\n * elements by setting the option `dom`. This is encouraged to set if you\n * intend your functionality to be used in environments that don't provide\n * a global `document` object.\n *\n * If you want to render a close button next to the tabs you can set option\n * `onClose` which takes a callback function that is triggered when the\n * button is clicked:\n *\n * ```javascript\n * {\n *   onClose: (event) => {\n *     // do something that hides the widget altogether\n *   }\n * }\n * ```\n *\n * The option `orientation` allows you to set which side the tabs should be\n * located: `'0'` = Top, `'1'` = Left, `'2'` = Bottom, `'3'` = Right\n *\n * If you don't want to render anything in the body container by default,\n * you can set the option `startEmpty` to `true`.\n *\n * @param options\n */\nconst tabsDefaultBackgroundColor = '#ddddcc'\n\nexport function tabWidget (options: TabWidgetOptions) {\n  const subject = options.subject\n  const dom = options.dom || document\n  const orientation = parseInt(options.orientation || '0')\n  const backgroundColor = options.backgroundColor || tabsDefaultBackgroundColor\n  const flipped = orientation & 2\n  const vertical = orientation & 1\n  const onClose = options.onClose\n\n  const [selectedColor, color] = getColors(backgroundColor)\n  const bodyMainStyle = `flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`\n  const rootElement: TabWidgetElement = dom.createElement('div') // 20200117a\n\n  rootElement.setAttribute('style', style.tabsRootElement)\n  rootElement.style.flexDirection = (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';')\n\n  const navElement = rootElement.appendChild(dom.createElement('nav'))\n  navElement.setAttribute('style', style.tabsNavElement)\n\n  const mainElement = rootElement.appendChild(dom.createElement('main'))\n\n  mainElement.setAttribute('style', style.tabsMainElement) // override tabbedtab.css\n  const tabContainer = navElement.appendChild(dom.createElement('ul'))\n  tabContainer.setAttribute('style', style.tabContainer)\n  tabContainer.style.flexDirection = `${vertical ? 'column' : 'row'}`\n\n  const tabElement = 'li'\n\n  const bodyContainer = mainElement\n  rootElement.tabContainer = tabContainer\n  rootElement.bodyContainer = bodyContainer\n\n  const corners = ['0.2em', '0.2em', '0', '0'] // top left, TR, BR, BL\n  const cornersPrepped = corners.concat(corners).slice(orientation, orientation + 4)\n  const cornersStyle = `border-radius: ${cornersPrepped.join(' ')};`\n\n  const margins = ['0.3em', '0.3em', '0', '0.3em'] // top, right, bottom, left\n  const marginsPrepped = margins.concat(margins).slice(orientation, orientation + 4)\n  const marginsStyle = `margin: ${marginsPrepped.join(' ')};`\n\n  const paddingStyle = `padding: ${marginsPrepped.join(' ')};`\n\n  const tabStyle = cornersStyle + `position: relative; padding: 0.7em; max-width: 20em; color: ${color};`\n  const unselectedStyle = `${\n    tabStyle + marginsStyle\n  } opacity: 50%; background-color: ${backgroundColor};`\n  const selectedStyle = `${tabStyle + marginsStyle} background-color: ${selectedColor};`\n  const shownStyle = 'height: 100%; width: 100%;'\n  const hiddenStyle = shownStyle + 'display: none;'\n  rootElement.refresh = orderedSync\n  orderedSync()\n\n  if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {\n    const selectedTab0 = Array.from(tabContainer.children) // Version left for compatibility with ??\n      .map((tab) => tab.firstChild as HTMLElement)\n      .find((tab) => tab.dataset.name === options.selectedTab)\n\n    const selectedTabURI = options.selectedTab.uri\n    const selectedTab1 = Array.from(tabContainer.children)\n      // @ts-ignore\n      .find(\n        (tab) =>\n          (tab as TabElement).subject &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri === selectedTabURI\n      )\n\n    const tab = selectedTab1 || selectedTab0 || (tabContainer.children[0] as HTMLButtonElement)\n    const clickMe = tab.firstChild\n    // @ts-ignore\n    if (clickMe) clickMe.click()\n  } else if (!options.startEmpty) {\n    (tabContainer.children[0].firstChild as HTMLButtonElement).click() // Open first tab\n  }\n  return rootElement\n\n  function addCancelButton (tabContainer) {\n    if (tabContainer.dataset.onCloseSet) {\n      // @@ TODO: this is only here to make the browser tests work\n      // Discussion at https://github.com/solidos/solid-ui/pull/110#issuecomment-527080663\n      const existingCancelButton = tabContainer.querySelector('.unstyled')\n      tabContainer.removeChild(existingCancelButton)\n    }\n    const extraTab = dom.createElement(tabElement)\n    extraTab.classList.add('unstyled')\n    const tabCancelButton = cancelButton(dom, onClose)\n    tabCancelButton.setAttribute('style', tabCancelButton.getAttribute('style') + paddingStyle)\n    extraTab.appendChild(tabCancelButton)\n    tabContainer.appendChild(extraTab)\n    tabContainer.dataset.onCloseSet = 'true'\n  }\n\n  function getItems (): Array<NamedNode> {\n    if (options.items) return options.items\n    if (options.ordered !== false) {\n      // options.ordered defaults to true\n      return (store.the(subject, options.predicate) as any).elements\n    } else {\n      return store.each(subject, options.predicate) as any\n    }\n  }\n\n  function makeNewSlot (item: NamedNode) {\n    const ele = dom.createElement(tabElement) as TabElement\n    ele.setAttribute('style', unselectedStyle)\n    ele.subject = item\n    const div = ele.appendChild(dom.createElement('button'))\n    div.setAttribute('style', style.makeNewSlot)\n\n    div.onclick = function () {\n      resetTabStyle()\n      resetBodyStyle()\n      ele.setAttribute('style', selectedStyle)\n      if (!ele.bodyTR) return\n      ele.bodyTR.setAttribute('style', shownStyle)\n      const bodyMain = getOrCreateContainerElement(ele)\n      if (options.renderMain && ele.subject && bodyMain.asSettings !== false) {\n        bodyMain.innerHTML = 'loading item ...' + item\n        options.renderMain(bodyMain, ele.subject)\n        bodyMain.asSettings = false\n      }\n    }\n\n    if (options.renderTabSettings && ele.subject) {\n      const ellipsis = dom.createElement('button')\n      ellipsis.textContent = '...'\n      ellipsis.setAttribute('style', style.ellipsis)\n\n      ellipsis.onclick = function () {\n        resetTabStyle()\n        resetBodyStyle()\n        ele.setAttribute('style', selectedStyle)\n        if (!ele.bodyTR) return\n        ele.bodyTR.setAttribute('style', shownStyle)\n        const bodyMain = getOrCreateContainerElement(ele)\n        if (options.renderTabSettings && ele.subject && bodyMain.asSettings !== true) {\n          bodyMain.innerHTML = 'loading settings ...' + item\n          options.renderTabSettings(bodyMain, ele.subject)\n          bodyMain.asSettings = true\n        }\n      }\n      ele.appendChild(ellipsis)\n    }\n\n    if (options.renderTab) {\n      options.renderTab(div, item)\n    } else {\n      div.innerHTML = label(item)\n    }\n    return ele\n\n    function getOrCreateContainerElement (ele: TabElement): ContainerElement {\n      const bodyMain = ele.bodyTR?.children[0] as ContainerElement\n      if (bodyMain) return bodyMain\n      const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('main'))\n      newBodyMain.setAttribute('style', bodyMainStyle)\n      return newBodyMain\n    }\n  }\n\n  // @@ Use common one from utils?\n  function orderedSync () {\n    const items = getItems()\n    let slot: TabElement, i, j, left, right\n    let differ = false\n    // Find how many match at each end\n    for (left = 0; left < tabContainer.children.length; left++) {\n      slot = tabContainer.children[left] as TabElement\n      if (left >= items.length || (slot.subject && !slot.subject.sameTerm(items[left]))) {\n        differ = true\n        break\n      }\n    }\n    if (!differ && items.length === tabContainer.children.length) {\n      return // The two just match in order: a case to optimize for\n    }\n    for (right = tabContainer.children.length - 1; right >= 0; right--) {\n      slot = tabContainer.children[right] as TabElement\n      j = right - tabContainer.children.length + items.length\n      if (slot.subject && !slot.subject.sameTerm(items[j])) {\n        break\n      }\n    }\n    // The elements left ... right in tabContainer.children do not match\n    const insertables = items.slice(left, right - tabContainer.children.length + items.length + 1)\n    while (right >= left) {\n      // remove extra\n      tabContainer.removeChild(tabContainer.children[left])\n      bodyContainer.removeChild(bodyContainer.children[left])\n      right -= 1\n    }\n    for (i = 0; i < insertables.length; i++) {\n      const newSlot = makeNewSlot(insertables[i])\n      const newBodyDiv = dom.createElement('div')\n      newSlot.bodyTR = newBodyDiv\n      if (left === tabContainer.children.length) {\n        // None left of original on right\n        tabContainer.appendChild(newSlot)\n        bodyContainer.appendChild(newBodyDiv)\n      } else {\n        tabContainer.insertBefore(newSlot, tabContainer.children[left + i])\n        bodyContainer.insertBefore(newBodyDiv, bodyContainer.children[left + i])\n      }\n    }\n    if (onClose) {\n      addCancelButton(tabContainer)\n    }\n  }\n\n  function resetTabStyle () {\n    for (let i = 0; i < tabContainer.children.length; i++) {\n      const tab = tabContainer.children[i]\n      if (tab.classList.contains('unstyled')) {\n        continue\n      } else {\n        tab.setAttribute('style', unselectedStyle)\n      }\n    }\n  }\n\n  function resetBodyStyle () {\n    for (let i = 0; i < bodyContainer.children.length; i++) {\n      bodyContainer.children[i].setAttribute('style', hiddenStyle)\n    }\n  }\n}\n\n/**\n * @internal\n */\nfunction getColors (backgroundColor: string): [string, string] {\n  return isLight(backgroundColor)\n    ? [colorBlend(backgroundColor, '#ffffff', 0.3), '#000000']\n    : [colorBlend(backgroundColor, '#000000', 0.3), '#ffffff']\n}\n\n/**\n * @internal\n */\nfunction colorBlend (a: string, b: string, mix: number): string {\n  let ca, cb, res\n  let str = '#'\n  const hex = '0123456789abcdef'\n  for (let i = 0; i < 3; i++) {\n    ca = parseInt(a.slice(i * 2 + 1, i * 2 + 3), 16)\n    cb = parseInt(b.slice(i * 2 + 1, i * 2 + 3), 16)\n    res = ca * (1.0 - mix) + cb * mix // @@@ rounding\n    const res2 = parseInt(('' + res).split('.')[0]) // @@ ugh\n    const h = parseInt(('' + res2 / 16).split('.')[0]) // @@ ugh\n    const l = parseInt(('' + (res2 % 16)).split('.')[0]) // @@ ugh\n    str += hex[h] + hex[l]\n  }\n  return str\n}\n\n/**\n * @internal\n */\nfunction isLight (x: string): boolean {\n  let total = 0\n  for (let i = 0; i < 3; i++) {\n    total += parseInt(x.slice(i * 2 + 1, i * 2 + 3), 16)\n  }\n  return total > 128 * 3\n}\n"],"mappings":"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"}

package/lib/versionInfo.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.versionInfo = void 0;
 var versionInfo = {
-  buildTime: '2023-05-25T19:39:41Z',
-  commit: 'bb8b5144f6b4f40d43f5625b45383d9272d8db1d',
+  buildTime: '2023-07-01T18:17:29Z',
+  commit: 'cdaefc011d313e905fbee9c4d8f1c8cfea739122',
   npmInfo: {
     'solid-ui': '2.4.28',
     npm: '8.19.4',
-    node: '16.20.0',
+    node: '16.20.1',
     v8: '9.4.146.26-node.26',
     uv: '1.43.0',
     zlib: '1.2.11',
     brotli: '1.0.9',
-    ares: '1.19.0',
+    ares: '1.19.1',
     modules: '93',
     nghttp2: '1.47.0',
     napi: '8',
-    llhttp: '6.0.10',
-    openssl: '1.1.1t+quic',
+    llhttp: '6.0.11',
+    openssl: '1.1.1u+quic',
     cldr: '41.0',
     icu: '71.1',
     tz: '2022f',

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"versionInfo.js","names":["versionInfo","buildTime","commit","npmInfo","npm","node","v8","uv","zlib","brotli","ares","modules","nghttp2","napi","llhttp","openssl","cldr","icu","tz","unicode","ngtcp2","nghttp3","exports"],"sources":["../src/versionInfo.ts"],"sourcesContent":["export const versionInfo = {\n  buildTime: '2023-05-25T19:39:41Z',\n  commit: 'bb8b5144f6b4f40d43f5625b45383d9272d8db1d',\n  npmInfo:\n{\n  'solid-ui': '2.4.28',\n  npm: '8.19.4',\n  node: '16.20.0',\n  v8: '9.4.146.26-node.26',\n  uv: '1.43.0',\n  zlib: '1.2.11',\n  brotli: '1.0.9',\n  ares: '1.19.0',\n  modules: '93',\n  nghttp2: '1.47.0',\n  napi: '8',\n  llhttp: '6.0.10',\n  openssl: '1.1.1t+quic',\n  cldr: '41.0',\n  icu: '71.1',\n  tz: '2022f',\n  unicode: '14.0',\n  ngtcp2: '0.8.1',\n  nghttp3: '0.7.0'\n}\n}\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG;EACzBC,SAAS,EAAE,sBAAsB;EACjCC,MAAM,EAAE,0CAA0C;EAClDC,OAAO,EACT;IACE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,QAAQ;IACbC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,OAAO;IACfC,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE,QAAQ;IACjBC,IAAI,EAAE,GAAG;IACTC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE,aAAa;IACtBC,IAAI,EAAE,MAAM;IACZC,GAAG,EAAE,MAAM;IACXC,EAAE,EAAE,OAAO;IACXC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,OAAO;IACfC,OAAO,EAAE;EACX;AACA,CAAC;AAAAC,OAAA,CAAAtB,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"versionInfo.js","names":["versionInfo","buildTime","commit","npmInfo","npm","node","v8","uv","zlib","brotli","ares","modules","nghttp2","napi","llhttp","openssl","cldr","icu","tz","unicode","ngtcp2","nghttp3","exports"],"sources":["../src/versionInfo.ts"],"sourcesContent":["export const versionInfo = {\n  buildTime: '2023-07-01T18:17:29Z',\n  commit: 'cdaefc011d313e905fbee9c4d8f1c8cfea739122',\n  npmInfo:\n{\n  'solid-ui': '2.4.28',\n  npm: '8.19.4',\n  node: '16.20.1',\n  v8: '9.4.146.26-node.26',\n  uv: '1.43.0',\n  zlib: '1.2.11',\n  brotli: '1.0.9',\n  ares: '1.19.1',\n  modules: '93',\n  nghttp2: '1.47.0',\n  napi: '8',\n  llhttp: '6.0.11',\n  openssl: '1.1.1u+quic',\n  cldr: '41.0',\n  icu: '71.1',\n  tz: '2022f',\n  unicode: '14.0',\n  ngtcp2: '0.8.1',\n  nghttp3: '0.7.0'\n}\n}\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG;EACzBC,SAAS,EAAE,sBAAsB;EACjCC,MAAM,EAAE,0CAA0C;EAClDC,OAAO,EACT;IACE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,QAAQ;IACbC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,OAAO;IACfC,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE,QAAQ;IACjBC,IAAI,EAAE,GAAG;IACTC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE,aAAa;IACtBC,IAAI,EAAE,MAAM;IACZC,GAAG,EAAE,MAAM;IACXC,EAAE,EAAE,OAAO;IACXC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,OAAO;IACfC,OAAO,EAAE;EACX;AACA,CAAC;AAAAC,OAAA,CAAAtB,WAAA,GAAAA,WAAA"}

package/lib/widgets/dragAndDrop.js

@@ -9,16 +9,17 @@ exports.makeDropTarget = makeDropTarget;
 exports.uploadFiles = uploadFiles;
 var debug = _interopRequireWildcard(require("../debug"));
 var mime = _interopRequireWildcard(require("mime-types"));
+var style = _interopRequireWildcard(require("../style"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* Drag and drop common functionality
  *
  * It is easy to make something draggable, or to make it a drag target!
- * Just call the functions below.  In a solid world, any part of the UI which
- * represent one thing which has a UR, should be made draggable using makeDraggable
+ * Just call the functions below. In a solid world, any part of the UI which
+ * represent one thing which has a URI, should be made draggable using makeDraggable
  * Any list of things should typically allow you to drag new members of the list
  * onto it.
- * The file upload function uploadFiles is provided as often of someone drags a file from the computer
+ * The file upload function uploadFiles is provided as often as someone drags a file from the computer
  * desktop, you may want to upload it into the pod.
  */
 
@@ -26,22 +27,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
   var dragoverListener = function dragoverListener(e) {
-    e.preventDefault(); // Neeed else drop does not work [sic]
+    e.preventDefault(); // Need else drop does not work [sic]
     e.dataTransfer.dropEffect = 'copy';
   };
   var dragenterListener = function dragenterListener(e) {
     debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect);
-    if (this.style) {
+    if (this.localStyle) {
       //  necessary not sure when
       if (!this.savedStyle) {
-        this.savedStyle = {};
-        this.savedStyle.border = this.style.border;
-        this.savedStyle.backgroundColor = this.style.backgroundColor;
-        this.savedStyle.borderRadius = this.style.borderRadius;
+        this.savedStyle = style.dragEvent;
       }
-      this.style.backgroundColor = '#ccc';
-      this.style.border = '0.25em dashed black';
-      this.style.borderRadius = '0.3em';
     }
     e.dataTransfer.dropEffect = 'link';
     debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect);
@@ -49,12 +44,9 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
   var dragleaveListener = function dragleaveListener(e) {
     debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect);
     if (this.savedStyle) {
-      this.style.border = this.savedStyle.border;
-      this.style.backgroundColor = this.savedStyle.backgroundColor;
-      this.style.borderRadius = this.savedStyle.borderRadius;
+      this.localStyle = this.savedStyle;
     } else {
-      this.style.backgroundColor = 'white';
-      this.style.border = '0em solid black';
+      this.localStyle = style.dropEvent;
     }
   };
   var dropListener = function dropListener(e) {
@@ -93,7 +85,7 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
     if (uris) {
       droppedURIHandler(uris);
     }
-    this.style.backgroundColor = 'white'; // restore style
+    this.localStyle = style.restoreStyle; // restore style
     return false;
   }; // dropListener
 

package/lib/widgets/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":["debug","_interopRequireWildcard","require","mime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","makeDropTarget","ele","droppedURIHandler","droppedFileHandler","dragoverListener","e","preventDefault","dataTransfer","dropEffect","dragenterListener","log","style","savedStyle","border","backgroundColor","borderRadius","dragleaveListener","dropListener","types","join","uris","text","t","length","type","getData","split","files","i","f","name","size","lastModifiedDate","toLocaleDateString","slice","addTargetListeners","addEventListener","makeDraggable","tr","setAttribute","fontWeight","setData","uri","outerHTML","stopPropagation","uploadFiles","fetcher","fileBase","imageBase","successHandler","reader","FileReader","onload","theFile","data","target","result","suffix","byteLength","contentType","lookup","msg","alert","Error","extension","endsWith","folderName","startsWith","destURI","encodeURIComponent","webOperation","then","_response","error","readAsArrayBuffer"],"sources":["../../src/widgets/dragAndDrop.js"],"sourcesContent":["/* Drag and drop common functionality\n *\n * It is easy to make something draggable, or to make it a drag target!\n * Just call the functions below.  In a solid world, any part of the UI which\n * represent one thing which has a UR, should be made draggable using makeDraggable\n * Any list of things should typically allow you to drag new members of the list\n * onto it.\n * The file upload function uploadFiles is provided as often of someone drags a file from the computer\n * desktop, you may want to upload it into the pod.\n */\nimport * as debug from '../debug'\nimport * as mime from 'mime-types'\n\n/* global FileReader alert */\n\nexport function makeDropTarget (ele, droppedURIHandler, droppedFileHandler) {\n  const dragoverListener = function (e) {\n    e.preventDefault() // Neeed else drop does not work [sic]\n    e.dataTransfer.dropEffect = 'copy'\n  }\n\n  const dragenterListener = function (e) {\n    debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.style) {\n      //  necessary not sure when\n      if (!this.savedStyle) {\n        this.savedStyle = {}\n        this.savedStyle.border = this.style.border\n        this.savedStyle.backgroundColor = this.style.backgroundColor\n        this.savedStyle.borderRadius = this.style.borderRadius\n      }\n      this.style.backgroundColor = '#ccc'\n      this.style.border = '0.25em dashed black'\n      this.style.borderRadius = '0.3em'\n    }\n\n    e.dataTransfer.dropEffect = 'link'\n    debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect)\n  }\n  const dragleaveListener = function (e) {\n    debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.savedStyle) {\n      this.style.border = this.savedStyle.border\n      this.style.backgroundColor = this.savedStyle.backgroundColor\n      this.style.borderRadius = this.savedStyle.borderRadius\n    } else {\n      this.style.backgroundColor = 'white'\n      this.style.border = '0em solid black'\n    }\n  }\n\n  const dropListener = function (e) {\n    if (e.preventDefault) e.preventDefault() // stops the browser from redirecting off to the text.\n    debug.log('Drop event. dropEffect: ' + e.dataTransfer.dropEffect)\n    debug.log(\n      'Drop event. types: ' +\n        (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE')\n    )\n\n    let uris = null\n    let text\n    if (e.dataTransfer.types) {\n      for (let t = 0; t < e.dataTransfer.types.length; t++) {\n        const type = e.dataTransfer.types[t]\n        if (type === 'text/uri-list') {\n          uris = e.dataTransfer.getData(type).split('\\n') // @ ignore those starting with #\n          debug.log('Dropped text/uri-list: ' + uris)\n        } else if (type === 'text/plain') {\n          text = e.dataTransfer.getData(type)\n        } else if (type === 'Files' && droppedFileHandler) {\n          const files = e.dataTransfer.files // FileList object.\n          for (let i = 0; files[i]; i++) {\n            const f = files[i]\n            debug.log(\n              'Filename: ' +\n                f.name +\n                ', type: ' +\n                (f.type || 'n/a') +\n                ' size: ' +\n                f.size +\n                ' bytes, last modified: ' +\n                (f.lastModifiedDate\n                  ? f.lastModifiedDate.toLocaleDateString()\n                  : 'n/a')\n            )\n          }\n          droppedFileHandler(files)\n        }\n      }\n      if (uris === null && text && text.slice(0, 4) === 'http') {\n        uris = text\n        debug.log(\"Waring: Poor man's drop: using text for URI\") // chrome disables text/uri-list??\n      }\n    } else {\n      // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value\n      uris = [e.dataTransfer.getData('Text')]\n      debug.log('WARNING non-standard drop event: ' + uris[0])\n    }\n    debug.log('Dropped URI list (2): ' + uris)\n    if (uris) {\n      droppedURIHandler(uris)\n    }\n    this.style.backgroundColor = 'white' // restore style\n    return false\n  } // dropListener\n\n  const addTargetListeners = function (ele) {\n    if (!ele) {\n      debug.log('@@@ addTargetListeners: ele ' + ele)\n    }\n    ele.addEventListener('dragover', dragoverListener)\n    ele.addEventListener('dragenter', dragenterListener)\n    ele.addEventListener('dragleave', dragleaveListener)\n    ele.addEventListener('drop', dropListener)\n  }\n  addTargetListeners(ele, droppedURIHandler)\n} // listen for dropped URIs\n\n// Make an HTML element draggable as a URI-identified thing\n//\n// Possibly later set the drag image too?\n//\nexport function makeDraggable (tr, obj) {\n  tr.setAttribute('draggable', 'true') // Stop the image being dragged instead - just the TR\n\n  tr.addEventListener(\n    'dragstart',\n    function (e) {\n      tr.style.fontWeight = 'bold'\n      e.dataTransfer.setData('text/uri-list', obj.uri)\n      e.dataTransfer.setData('text/plain', obj.uri)\n      e.dataTransfer.setData('text/html', tr.outerHTML)\n      debug.log(\n        'Dragstart: ' + tr + ' -> ' + obj + 'de: ' + e.dataTransfer.dropEffect\n      )\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'drag',\n    function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n      // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'dragend',\n    function (e) {\n      tr.style.fontWeight = 'normal'\n      debug.log('Dragend dropeffect: ' + e.dataTransfer.dropEffect)\n      debug.log('Dragend: ' + tr + ' -> ' + obj)\n    },\n    false\n  )\n}\n\n/** uploadFiles\n**\n**  Generic uploader of local files to the web\n**   typically called from dropped file handler\n**\n**  @param {Fetcher} fetcher    instance of class Fetcher as in kb.fetcher\n**  @param {Array<File>} files      Array of file objects\n**  @param {String} fileBase    URI of folder in which to put files (except images) (no trailing slash)\n**  @param {String } imageBase  URI of folder in which to put images\n**  @param successHandler function(file, uploadedURI)    Called after EACH success upload\n**                              With file object an final URI as params\n*/\n\nexport function uploadFiles (fetcher, files, fileBase, imageBase, successHandler) {\n  for (let i = 0; files[i]; i++) {\n    const f = files[i]\n    debug.log(\n      ' dropped: Filename: ' +\n        f.name +\n        ', type: ' +\n        (f.type || 'n/a') +\n        ' size: ' +\n        f.size +\n        ' bytes, last modified: ' +\n        (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')\n    ) // See e.g. https://www.html5rocks.com/en/tutorials/file/dndfiles/\n\n    // @@ Add: progress bar(s)\n    const reader = new FileReader()\n    reader.onload = (function (theFile) {\n      return function (e) {\n        const data = e.target.result\n        let suffix = ''\n        debug.log(' File read byteLength : ' + data.byteLength)\n        let contentType = theFile.type\n        if (!theFile.type || theFile.type === '') {\n          // Not known by browser\n          contentType = mime.lookup(theFile.name)\n          if (!contentType) {\n            const msg =\n              'Filename needs to have an extension which gives a type we know: ' +\n              theFile.name\n            debug.log(msg)\n            alert(msg)\n            throw new Error(msg)\n          }\n        } else {\n          const extension = mime.extension(theFile.type)\n          // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3\n          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) && // Not already has preferred extension? and ...\n            theFile.type !== mime.lookup(theFile.name)) { // the mime type of this ext is not the right one?\n            suffix = '_.' + extension\n            // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)\n          }\n        }\n        const folderName = theFile.type.startsWith('image/')\n          ? imageBase || fileBase\n          : fileBase\n        const destURI =\n          folderName +\n          (folderName.endsWith('/') ? '' : '/') +\n          encodeURIComponent(theFile.name) +\n          suffix\n\n        fetcher\n          .webOperation('PUT', destURI, {\n            data,\n            contentType\n          })\n          .then(\n            _response => {\n              debug.log(' Upload: put OK: ' + destURI)\n              successHandler(theFile, destURI)\n            },\n            error => {\n              const msg = ' Upload: FAIL ' + destURI + ', Error: ' + error\n              debug.log(msg)\n              alert(msg)\n              throw new Error(msg)\n            }\n          )\n      }\n    })(f)\n    reader.readAsArrayBuffer(f)\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,uBAAA,CAAAC,OAAA;AAAkC,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAXlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;;AAEO,SAASW,cAAcA,CAAEC,GAAG,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE;EAC1E,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAaC,CAAC,EAAE;IACpCA,CAAC,CAACC,cAAc,EAAE,EAAC;IACnBD,CAAC,CAACE,YAAY,CAACC,UAAU,GAAG,MAAM;EACpC,CAAC;EAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAaJ,CAAC,EAAE;IACrC/B,KAAK,CAACoC,GAAG,CAAC,8BAA8B,GAAGL,CAAC,CAACE,YAAY,CAACC,UAAU,CAAC;IACrE,IAAI,IAAI,CAACG,KAAK,EAAE;MACd;MACA,IAAI,CAAC,IAAI,CAACC,UAAU,EAAE;QACpB,IAAI,CAACA,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAACA,UAAU,CAACC,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM;QAC1C,IAAI,CAACD,UAAU,CAACE,eAAe,GAAG,IAAI,CAACH,KAAK,CAACG,eAAe;QAC5D,IAAI,CAACF,UAAU,CAACG,YAAY,GAAG,IAAI,CAACJ,KAAK,CAACI,YAAY;MACxD;MACA,IAAI,CAACJ,KAAK,CAACG,eAAe,GAAG,MAAM;MACnC,IAAI,CAACH,KAAK,CAACE,MAAM,GAAG,qBAAqB;MACzC,IAAI,CAACF,KAAK,CAACI,YAAY,GAAG,OAAO;IACnC;IAEAV,CAAC,CAACE,YAAY,CAACC,UAAU,GAAG,MAAM;IAClClC,KAAK,CAACoC,GAAG,CAAC,gCAAgC,GAAGL,CAAC,CAACE,YAAY,CAACC,UAAU,CAAC;EACzE,CAAC;EACD,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAaX,CAAC,EAAE;IACrC/B,KAAK,CAACoC,GAAG,CAAC,8BAA8B,GAAGL,CAAC,CAACE,YAAY,CAACC,UAAU,CAAC;IACrE,IAAI,IAAI,CAACI,UAAU,EAAE;MACnB,IAAI,CAACD,KAAK,CAACE,MAAM,GAAG,IAAI,CAACD,UAAU,CAACC,MAAM;MAC1C,IAAI,CAACF,KAAK,CAACG,eAAe,GAAG,IAAI,CAACF,UAAU,CAACE,eAAe;MAC5D,IAAI,CAACH,KAAK,CAACI,YAAY,GAAG,IAAI,CAACH,UAAU,CAACG,YAAY;IACxD,CAAC,MAAM;MACL,IAAI,CAACJ,KAAK,CAACG,eAAe,GAAG,OAAO;MACpC,IAAI,CAACH,KAAK,CAACE,MAAM,GAAG,iBAAiB;IACvC;EACF,CAAC;EAED,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAaZ,CAAC,EAAE;IAChC,IAAIA,CAAC,CAACC,cAAc,EAAED,CAAC,CAACC,cAAc,EAAE,EAAC;IACzChC,KAAK,CAACoC,GAAG,CAAC,0BAA0B,GAAGL,CAAC,CAACE,YAAY,CAACC,UAAU,CAAC;IACjElC,KAAK,CAACoC,GAAG,CACP,qBAAqB,IAClBL,CAAC,CAACE,YAAY,CAACW,KAAK,GAAGb,CAAC,CAACE,YAAY,CAACW,KAAK,CAACC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CACpE;IAED,IAAIC,IAAI,GAAG,IAAI;IACf,IAAIC,IAAI;IACR,IAAIhB,CAAC,CAACE,YAAY,CAACW,KAAK,EAAE;MACxB,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjB,CAAC,CAACE,YAAY,CAACW,KAAK,CAACK,MAAM,EAAED,CAAC,EAAE,EAAE;QACpD,IAAME,IAAI,GAAGnB,CAAC,CAACE,YAAY,CAACW,KAAK,CAACI,CAAC,CAAC;QACpC,IAAIE,IAAI,KAAK,eAAe,EAAE;UAC5BJ,IAAI,GAAGf,CAAC,CAACE,YAAY,CAACkB,OAAO,CAACD,IAAI,CAAC,CAACE,KAAK,CAAC,IAAI,CAAC,EAAC;UAChDpD,KAAK,CAACoC,GAAG,CAAC,yBAAyB,GAAGU,IAAI,CAAC;QAC7C,CAAC,MAAM,IAAII,IAAI,KAAK,YAAY,EAAE;UAChCH,IAAI,GAAGhB,CAAC,CAACE,YAAY,CAACkB,OAAO,CAACD,IAAI,CAAC;QACrC,CAAC,MAAM,IAAIA,IAAI,KAAK,OAAO,IAAIrB,kBAAkB,EAAE;UACjD,IAAMwB,KAAK,GAAGtB,CAAC,CAACE,YAAY,CAACoB,KAAK,EAAC;UACnC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAED,KAAK,CAACC,CAAC,CAAC,EAAEA,CAAC,EAAE,EAAE;YAC7B,IAAMC,CAAC,GAAGF,KAAK,CAACC,CAAC,CAAC;YAClBtD,KAAK,CAACoC,GAAG,CACP,YAAY,GACVmB,CAAC,CAACC,IAAI,GACN,UAAU,IACTD,CAAC,CAACL,IAAI,IAAI,KAAK,CAAC,GACjB,SAAS,GACTK,CAAC,CAACE,IAAI,GACN,yBAAyB,IACxBF,CAAC,CAACG,gBAAgB,GACfH,CAAC,CAACG,gBAAgB,CAACC,kBAAkB,EAAE,GACvC,KAAK,CAAC,CACb;UACH;UACA9B,kBAAkB,CAACwB,KAAK,CAAC;QAC3B;MACF;MACA,IAAIP,IAAI,KAAK,IAAI,IAAIC,IAAI,IAAIA,IAAI,CAACa,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE;QACxDd,IAAI,GAAGC,IAAI;QACX/C,KAAK,CAACoC,GAAG,CAAC,6CAA6C,CAAC,EAAC;MAC3D;IACF,CAAC,MAAM;MACL;MACAU,IAAI,GAAG,CAACf,CAAC,CAACE,YAAY,CAACkB,OAAO,CAAC,MAAM,CAAC,CAAC;MACvCnD,KAAK,CAACoC,GAAG,CAAC,mCAAmC,GAAGU,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1D;IACA9C,KAAK,CAACoC,GAAG,CAAC,wBAAwB,GAAGU,IAAI,CAAC;IAC1C,IAAIA,IAAI,EAAE;MACRlB,iBAAiB,CAACkB,IAAI,CAAC;IACzB;IACA,IAAI,CAACT,KAAK,CAACG,eAAe,GAAG,OAAO,EAAC;IACrC,OAAO,KAAK;EACd,CAAC,EAAC;;EAEF,IAAMqB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAalC,GAAG,EAAE;IACxC,IAAI,CAACA,GAAG,EAAE;MACR3B,KAAK,CAACoC,GAAG,CAAC,8BAA8B,GAAGT,GAAG,CAAC;IACjD;IACAA,GAAG,CAACmC,gBAAgB,CAAC,UAAU,EAAEhC,gBAAgB,CAAC;IAClDH,GAAG,CAACmC,gBAAgB,CAAC,WAAW,EAAE3B,iBAAiB,CAAC;IACpDR,GAAG,CAACmC,gBAAgB,CAAC,WAAW,EAAEpB,iBAAiB,CAAC;IACpDf,GAAG,CAACmC,gBAAgB,CAAC,MAAM,EAAEnB,YAAY,CAAC;EAC5C,CAAC;EACDkB,kBAAkB,CAAClC,GAAG,EAAEC,iBAAiB,CAAC;AAC5C,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACO,SAASmC,aAAaA,CAAEC,EAAE,EAAEvD,GAAG,EAAE;EACtCuD,EAAE,CAACC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,EAAC;;EAErCD,EAAE,CAACF,gBAAgB,CACjB,WAAW,EACX,UAAU/B,CAAC,EAAE;IACXiC,EAAE,CAAC3B,KAAK,CAAC6B,UAAU,GAAG,MAAM;IAC5BnC,CAAC,CAACE,YAAY,CAACkC,OAAO,CAAC,eAAe,EAAE1D,GAAG,CAAC2D,GAAG,CAAC;IAChDrC,CAAC,CAACE,YAAY,CAACkC,OAAO,CAAC,YAAY,EAAE1D,GAAG,CAAC2D,GAAG,CAAC;IAC7CrC,CAAC,CAACE,YAAY,CAACkC,OAAO,CAAC,WAAW,EAAEH,EAAE,CAACK,SAAS,CAAC;IACjDrE,KAAK,CAACoC,GAAG,CACP,aAAa,GAAG4B,EAAE,GAAG,MAAM,GAAGvD,GAAG,GAAG,MAAM,GAAGsB,CAAC,CAACE,YAAY,CAACC,UAAU,CACvE;EACH,CAAC,EACD,KAAK,CACN;EAED8B,EAAE,CAACF,gBAAgB,CACjB,MAAM,EACN,UAAU/B,CAAC,EAAE;IACXA,CAAC,CAACC,cAAc,EAAE;IAClBD,CAAC,CAACuC,eAAe,EAAE;IACnB;EACF,CAAC,EACD,KAAK,CACN;EAEDN,EAAE,CAACF,gBAAgB,CACjB,SAAS,EACT,UAAU/B,CAAC,EAAE;IACXiC,EAAE,CAAC3B,KAAK,CAAC6B,UAAU,GAAG,QAAQ;IAC9BlE,KAAK,CAACoC,GAAG,CAAC,sBAAsB,GAAGL,CAAC,CAACE,YAAY,CAACC,UAAU,CAAC;IAC7DlC,KAAK,CAACoC,GAAG,CAAC,WAAW,GAAG4B,EAAE,GAAG,MAAM,GAAGvD,GAAG,CAAC;EAC5C,CAAC,EACD,KAAK,CACN;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAAS8D,WAAWA,CAAEC,OAAO,EAAEnB,KAAK,EAAEoB,QAAQ,EAAEC,SAAS,EAAEC,cAAc,EAAE;EAChF,KAAK,IAAIrB,CAAC,GAAG,CAAC,EAAED,KAAK,CAACC,CAAC,CAAC,EAAEA,CAAC,EAAE,EAAE;IAC7B,IAAMC,CAAC,GAAGF,KAAK,CAACC,CAAC,CAAC;IAClBtD,KAAK,CAACoC,GAAG,CACP,sBAAsB,GACpBmB,CAAC,CAACC,IAAI,GACN,UAAU,IACTD,CAAC,CAACL,IAAI,IAAI,KAAK,CAAC,GACjB,SAAS,GACTK,CAAC,CAACE,IAAI,GACN,yBAAyB,IACxBF,CAAC,CAACG,gBAAgB,GAAGH,CAAC,CAACG,gBAAgB,CAACC,kBAAkB,EAAE,GAAG,KAAK,CAAC,CACzE,EAAC;;IAEF;IACA,IAAMiB,MAAM,GAAG,IAAIC,UAAU,EAAE;IAC/BD,MAAM,CAACE,MAAM,GAAI,UAAUC,OAAO,EAAE;MAClC,OAAO,UAAUhD,CAAC,EAAE;QAClB,IAAMiD,IAAI,GAAGjD,CAAC,CAACkD,MAAM,CAACC,MAAM;QAC5B,IAAIC,MAAM,GAAG,EAAE;QACfnF,KAAK,CAACoC,GAAG,CAAC,0BAA0B,GAAG4C,IAAI,CAACI,UAAU,CAAC;QACvD,IAAIC,WAAW,GAAGN,OAAO,CAAC7B,IAAI;QAC9B,IAAI,CAAC6B,OAAO,CAAC7B,IAAI,IAAI6B,OAAO,CAAC7B,IAAI,KAAK,EAAE,EAAE;UACxC;UACAmC,WAAW,GAAGlF,IAAI,CAACmF,MAAM,CAACP,OAAO,CAACvB,IAAI,CAAC;UACvC,IAAI,CAAC6B,WAAW,EAAE;YAChB,IAAME,GAAG,GACP,kEAAkE,GAClER,OAAO,CAACvB,IAAI;YACdxD,KAAK,CAACoC,GAAG,CAACmD,GAAG,CAAC;YACdC,KAAK,CAACD,GAAG,CAAC;YACV,MAAM,IAAIE,KAAK,CAACF,GAAG,CAAC;UACtB;QACF,CAAC,MAAM;UACL,IAAMG,SAAS,GAAGvF,IAAI,CAACuF,SAAS,CAACX,OAAO,CAAC7B,IAAI,CAAC;UAC9C;UACA,IAAIwC,SAAS,IAAIA,SAAS,KAAK,OAAO,IAAI,CAACX,OAAO,CAACvB,IAAI,CAACmC,QAAQ,CAAC,GAAG,GAAGD,SAAS,CAAC;UAAI;UACnFX,OAAO,CAAC7B,IAAI,KAAK/C,IAAI,CAACmF,MAAM,CAACP,OAAO,CAACvB,IAAI,CAAC,EAAE;YAAE;YAC9C2B,MAAM,GAAG,IAAI,GAAGO,SAAS;YACzB;UACF;QACF;;QACA,IAAME,UAAU,GAAGb,OAAO,CAAC7B,IAAI,CAAC2C,UAAU,CAAC,QAAQ,CAAC,GAChDnB,SAAS,IAAID,QAAQ,GACrBA,QAAQ;QACZ,IAAMqB,OAAO,GACXF,UAAU,IACTA,UAAU,CAACD,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,GACrCI,kBAAkB,CAAChB,OAAO,CAACvB,IAAI,CAAC,GAChC2B,MAAM;QAERX,OAAO,CACJwB,YAAY,CAAC,KAAK,EAAEF,OAAO,EAAE;UAC5Bd,IAAI,EAAJA,IAAI;UACJK,WAAW,EAAXA;QACF,CAAC,CAAC,CACDY,IAAI,CACH,UAAAC,SAAS,EAAI;UACXlG,KAAK,CAACoC,GAAG,CAAC,mBAAmB,GAAG0D,OAAO,CAAC;UACxCnB,cAAc,CAACI,OAAO,EAAEe,OAAO,CAAC;QAClC,CAAC,EACD,UAAAK,KAAK,EAAI;UACP,IAAMZ,GAAG,GAAG,gBAAgB,GAAGO,OAAO,GAAG,WAAW,GAAGK,KAAK;UAC5DnG,KAAK,CAACoC,GAAG,CAACmD,GAAG,CAAC;UACdC,KAAK,CAACD,GAAG,CAAC;UACV,MAAM,IAAIE,KAAK,CAACF,GAAG,CAAC;QACtB,CAAC,CACF;MACL,CAAC;IACH,CAAC,CAAEhC,CAAC,CAAC;IACLqB,MAAM,CAACwB,iBAAiB,CAAC7C,CAAC,CAAC;EAC7B;AACF"}
+{"version":3,"file":"dragAndDrop.js","names":["debug","_interopRequireWildcard","require","mime","style","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","makeDropTarget","ele","droppedURIHandler","droppedFileHandler","dragoverListener","e","preventDefault","dataTransfer","dropEffect","dragenterListener","log","localStyle","savedStyle","dragEvent","dragleaveListener","dropEvent","dropListener","types","join","uris","text","t","length","type","getData","split","files","i","f","name","size","lastModifiedDate","toLocaleDateString","slice","restoreStyle","addTargetListeners","addEventListener","makeDraggable","tr","setAttribute","fontWeight","setData","uri","outerHTML","stopPropagation","uploadFiles","fetcher","fileBase","imageBase","successHandler","reader","FileReader","onload","theFile","data","target","result","suffix","byteLength","contentType","lookup","msg","alert","Error","extension","endsWith","folderName","startsWith","destURI","encodeURIComponent","webOperation","then","_response","error","readAsArrayBuffer"],"sources":["../../src/widgets/dragAndDrop.js"],"sourcesContent":["/* Drag and drop common functionality\n *\n * It is easy to make something draggable, or to make it a drag target!\n * Just call the functions below. In a solid world, any part of the UI which\n * represent one thing which has a URI, should be made draggable using makeDraggable\n * Any list of things should typically allow you to drag new members of the list\n * onto it.\n * The file upload function uploadFiles is provided as often as someone drags a file from the computer\n * desktop, you may want to upload it into the pod.\n */\nimport * as debug from '../debug'\nimport * as mime from 'mime-types'\nimport * as style from '../style'\n\n/* global FileReader alert */\n\nexport function makeDropTarget (ele, droppedURIHandler, droppedFileHandler) {\n  const dragoverListener = function (e) {\n    e.preventDefault() // Need else drop does not work [sic]\n    e.dataTransfer.dropEffect = 'copy'\n  }\n\n  const dragenterListener = function (e) {\n    debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.localStyle) {\n      //  necessary not sure when\n      if (!this.savedStyle) {\n        this.savedStyle = style.dragEvent\n      }\n    }\n\n    e.dataTransfer.dropEffect = 'link'\n    debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect)\n  }\n  const dragleaveListener = function (e) {\n    debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.savedStyle) {\n      this.localStyle = this.savedStyle\n    } else {\n      this.localStyle = style.dropEvent\n    }\n  }\n\n  const dropListener = function (e) {\n    if (e.preventDefault) e.preventDefault() // stops the browser from redirecting off to the text.\n    debug.log('Drop event. dropEffect: ' + e.dataTransfer.dropEffect)\n    debug.log(\n      'Drop event. types: ' +\n        (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE')\n    )\n\n    let uris = null\n    let text\n    if (e.dataTransfer.types) {\n      for (let t = 0; t < e.dataTransfer.types.length; t++) {\n        const type = e.dataTransfer.types[t]\n        if (type === 'text/uri-list') {\n          uris = e.dataTransfer.getData(type).split('\\n') // @ ignore those starting with #\n          debug.log('Dropped text/uri-list: ' + uris)\n        } else if (type === 'text/plain') {\n          text = e.dataTransfer.getData(type)\n        } else if (type === 'Files' && droppedFileHandler) {\n          const files = e.dataTransfer.files // FileList object.\n          for (let i = 0; files[i]; i++) {\n            const f = files[i]\n            debug.log(\n              'Filename: ' +\n                f.name +\n                ', type: ' +\n                (f.type || 'n/a') +\n                ' size: ' +\n                f.size +\n                ' bytes, last modified: ' +\n                (f.lastModifiedDate\n                  ? f.lastModifiedDate.toLocaleDateString()\n                  : 'n/a')\n            )\n          }\n          droppedFileHandler(files)\n        }\n      }\n      if (uris === null && text && text.slice(0, 4) === 'http') {\n        uris = text\n        debug.log(\"Waring: Poor man's drop: using text for URI\") // chrome disables text/uri-list??\n      }\n    } else {\n      // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value\n      uris = [e.dataTransfer.getData('Text')]\n      debug.log('WARNING non-standard drop event: ' + uris[0])\n    }\n    debug.log('Dropped URI list (2): ' + uris)\n    if (uris) {\n      droppedURIHandler(uris)\n    }\n    this.localStyle = style.restoreStyle // restore style\n    return false\n  } // dropListener\n\n  const addTargetListeners = function (ele) {\n    if (!ele) {\n      debug.log('@@@ addTargetListeners: ele ' + ele)\n    }\n    ele.addEventListener('dragover', dragoverListener)\n    ele.addEventListener('dragenter', dragenterListener)\n    ele.addEventListener('dragleave', dragleaveListener)\n    ele.addEventListener('drop', dropListener)\n  }\n  addTargetListeners(ele, droppedURIHandler)\n} // listen for dropped URIs\n\n// Make an HTML element draggable as a URI-identified thing\n//\n// Possibly later set the drag image too?\n//\nexport function makeDraggable (tr, obj) {\n  tr.setAttribute('draggable', 'true') // Stop the image being dragged instead - just the TR\n\n  tr.addEventListener(\n    'dragstart',\n    function (e) {\n      tr.style.fontWeight = 'bold'\n      e.dataTransfer.setData('text/uri-list', obj.uri)\n      e.dataTransfer.setData('text/plain', obj.uri)\n      e.dataTransfer.setData('text/html', tr.outerHTML)\n      debug.log(\n        'Dragstart: ' + tr + ' -> ' + obj + 'de: ' + e.dataTransfer.dropEffect\n      )\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'drag',\n    function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n      // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'dragend',\n    function (e) {\n      tr.style.fontWeight = 'normal'\n      debug.log('Dragend dropeffect: ' + e.dataTransfer.dropEffect)\n      debug.log('Dragend: ' + tr + ' -> ' + obj)\n    },\n    false\n  )\n}\n\n/** uploadFiles\n**\n**  Generic uploader of local files to the web\n**   typically called from dropped file handler\n**\n**  @param {Fetcher} fetcher    instance of class Fetcher as in kb.fetcher\n**  @param {Array<File>} files      Array of file objects\n**  @param {String} fileBase    URI of folder in which to put files (except images) (no trailing slash)\n**  @param {String } imageBase  URI of folder in which to put images\n**  @param successHandler function(file, uploadedURI)    Called after EACH success upload\n**                              With file object an final URI as params\n*/\n\nexport function uploadFiles (fetcher, files, fileBase, imageBase, successHandler) {\n  for (let i = 0; files[i]; i++) {\n    const f = files[i]\n    debug.log(\n      ' dropped: Filename: ' +\n        f.name +\n        ', type: ' +\n        (f.type || 'n/a') +\n        ' size: ' +\n        f.size +\n        ' bytes, last modified: ' +\n        (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')\n    ) // See e.g. https://www.html5rocks.com/en/tutorials/file/dndfiles/\n\n    // @@ Add: progress bar(s)\n    const reader = new FileReader()\n    reader.onload = (function (theFile) {\n      return function (e) {\n        const data = e.target.result\n        let suffix = ''\n        debug.log(' File read byteLength : ' + data.byteLength)\n        let contentType = theFile.type\n        if (!theFile.type || theFile.type === '') {\n          // Not known by browser\n          contentType = mime.lookup(theFile.name)\n          if (!contentType) {\n            const msg =\n              'Filename needs to have an extension which gives a type we know: ' +\n              theFile.name\n            debug.log(msg)\n            alert(msg)\n            throw new Error(msg)\n          }\n        } else {\n          const extension = mime.extension(theFile.type)\n          // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3\n          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) && // Not already has preferred extension? and ...\n            theFile.type !== mime.lookup(theFile.name)) { // the mime type of this ext is not the right one?\n            suffix = '_.' + extension\n            // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)\n          }\n        }\n        const folderName = theFile.type.startsWith('image/')\n          ? imageBase || fileBase\n          : fileBase\n        const destURI =\n          folderName +\n          (folderName.endsWith('/') ? '' : '/') +\n          encodeURIComponent(theFile.name) +\n          suffix\n\n        fetcher\n          .webOperation('PUT', destURI, {\n            data,\n            contentType\n          })\n          .then(\n            _response => {\n              debug.log(' Upload: put OK: ' + destURI)\n              successHandler(theFile, destURI)\n            },\n            error => {\n              const msg = ' Upload: FAIL ' + destURI + ', Error: ' + error\n              debug.log(msg)\n              alert(msg)\n              throw new Error(msg)\n            }\n          )\n      }\n    })(f)\n    reader.readAsArrayBuffer(f)\n  }\n}\n"],"mappings":"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"}

package/lib/widgets/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/widgets/error.ts"],"names":[],"mappings":"AAeA,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,cAAc,CAwBjI"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/widgets/error.ts"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,cAAc,CAoBjI"}

package/lib/widgets/error.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorMessageBlock = errorMessageBlock;
 var _widgets = require("../widgets");
+var style = _interopRequireWildcard(require("../style"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * Create an error message block
  * @param dom The DOM on which dom.createElement will be called
@@ -33,8 +37,9 @@ function errorMessageBlock(dom, err, backgroundColor, err2) {
   }
   div.appendChild((0, _widgets.cancelButton)(dom, function () {
     if (div.parentNode) div.parentNode.removeChild(div);
-  })).style = 'width: 2em; height: 2em; align: right;';
-  div.setAttribute('style', 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; background-color: ' + (backgroundColor || '#fee') + '; color:black;');
+  })).style = style.errorCancelButton;
+  div.setAttribute('style', style.errorMessageBlock);
+  div.style.backgroundColor = backgroundColor || style.defaultErrorBackgroundColor;
   return div;
 }
 //# sourceMappingURL=error.js.map

package/lib/widgets/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":["_widgets","require","errorMessageBlock","dom","err","backgroundColor","err2","div","createElement","errorObject","Error","console","error","concat","stack","textContent","message","appendChild","cancelButton","parentNode","removeChild","style","setAttribute"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n/* eslint-disable no-console */\nimport { cancelButton } from '../widgets'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = 'width: 2em; height: 2em; align: right;'\n\n  div.setAttribute(\n    'style',\n    'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; background-color: ' +\n      (backgroundColor || '#fee') +\n      '; color:black;'\n  )\n  return div\n}\n"],"mappings":";;;;;;AAaA,IAAAA,QAAA,GAAAC,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGO,SAASC,iBAAiBA,CAAEC,GAAiB,EAAEC,GAAmB,EAAEC,eAAwB,EAAEC,IAAY,EAAkB;EACjI,IAAMC,GAAG,GAAGJ,GAAG,CAACK,aAAa,CAAC,KAAK,CAAC;;EAEpC,+BAA+B;EAC/B;EACA,IAAMC,WAAiB,GAAGH,IAAI,IAAIF,GAAG,YAAYM,KAAK,GAAGN,GAAG,GAAG,IAAI;EAEnE,IAAIK,WAAW,EAAE;IACfE,OAAO,CAACC,KAAK,uBAAAC,MAAA,CAAuBJ,WAAW,WAAAI,MAAA,CAAQJ,WAAW,CAACK,KAAK,IAAI,IAAI,GAAIL,WAAW,CAAC,EAAC;IACjGF,GAAG,CAACQ,WAAW,GAAGN,WAAW,CAACO,OAAO;EACvC,CAAC,MAAM;IACLT,GAAG,CAACQ,WAAW,GAAGX,GAAa;EACjC;EAEAG,GAAG,CAACU,WAAW,CAAC,IAAAC,qBAAY,EAACf,GAAG,EAAE,YAAM;IAAE,IAAII,GAAG,CAACY,UAAU,EAAEZ,GAAG,CAACY,UAAU,CAACC,WAAW,CAACb,GAAG,CAAC;EAAC,CAAC,CAAC,CAAC,CAC9Fc,KAAK,GAAG,wCAAwC;EAEnDd,GAAG,CAACe,YAAY,CACd,OAAO,EACP,8EAA8E,IAC3EjB,eAAe,IAAI,MAAM,CAAC,GAC3B,gBAAgB,CACnB;EACD,OAAOE,GAAG;AACZ"}
+{"version":3,"file":"error.js","names":["_widgets","require","style","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","errorMessageBlock","dom","err","backgroundColor","err2","div","createElement","errorObject","Error","console","error","concat","stack","textContent","message","appendChild","cancelButton","parentNode","removeChild","errorCancelButton","setAttribute","defaultErrorBackgroundColor"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n/* eslint-disable no-console */\nimport { cancelButton } from '../widgets'\nimport * as style from '../style'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = style.errorCancelButton\n\n  div.setAttribute('style', style.errorMessageBlock)\n  div.style.backgroundColor = (backgroundColor || style.defaultErrorBackgroundColor)\n  return div\n}\n"],"mappings":";;;;;;;AAaA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAiC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAdjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,SAASW,iBAAiBA,CAAEC,GAAiB,EAAEC,GAAmB,EAAEC,eAAwB,EAAEC,IAAY,EAAkB;EACjI,IAAMC,GAAG,GAAGJ,GAAG,CAACK,aAAa,CAAC,KAAK,CAAC;;EAEpC,+BAA+B;EAC/B;EACA,IAAMC,WAAiB,GAAGH,IAAI,IAAIF,GAAG,YAAYM,KAAK,GAAGN,GAAG,GAAG,IAAI;EAEnE,IAAIK,WAAW,EAAE;IACfE,OAAO,CAACC,KAAK,uBAAAC,MAAA,CAAuBJ,WAAW,WAAAI,MAAA,CAAQJ,WAAW,CAACK,KAAK,IAAI,IAAI,GAAIL,WAAW,CAAC,EAAC;IACjGF,GAAG,CAACQ,WAAW,GAAGN,WAAW,CAACO,OAAO;EACvC,CAAC,MAAM;IACLT,GAAG,CAACQ,WAAW,GAAGX,GAAa;EACjC;EAEAG,GAAG,CAACU,WAAW,CAAC,IAAAC,qBAAY,EAACf,GAAG,EAAE,YAAM;IAAE,IAAII,GAAG,CAACY,UAAU,EAAEZ,GAAG,CAACY,UAAU,CAACC,WAAW,CAACb,GAAG,CAAC;EAAC,CAAC,CAAC,CAAC,CAC9F7B,KAAK,GAAGA,KAAK,CAAC2C,iBAAiB;EAElCd,GAAG,CAACe,YAAY,CAAC,OAAO,EAAE5C,KAAK,CAACwB,iBAAiB,CAAC;EAClDK,GAAG,CAAC7B,KAAK,CAAC2B,eAAe,GAAIA,eAAe,IAAI3B,KAAK,CAAC6C,2BAA4B;EAClF,OAAOhB,GAAG;AACZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-ui",
-  "version": "2.4.28-bb8b5144",
+  "version": "2.4.28-cdaefc01",
   "description": "UI library for writing Solid read-write-web applications",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",