solid-ui 2.4.27-80358ddf → 2.4.27-8c4294a2

package/lib/header/styleMap.d.ts

@@ -0,0 +1,117 @@
+export declare const styleMap: {
+    'header-user-menu': {};
+    'header-user-menu__link': {
+        background: string;
+        border: string;
+        color: string;
+        cursor: string;
+        display: string;
+        fontFamily: string;
+        fontSize: string;
+        textAlign: string;
+        padding: string;
+        width: string;
+        '&:focus, &:hover': {
+            backgroundColor: string;
+        };
+        a: {
+            textDecoration: string;
+        };
+    };
+    'header-user-menu__trigger': {
+        background: string;
+        border: string;
+        cursor: string;
+        width: string;
+        height: string;
+        img: {
+            borderRadius: string;
+            height: string;
+            width: string;
+        };
+    };
+    'header-user-menu__button': {
+        background: string;
+        border: string;
+        color: string;
+        cursor: string;
+        display: string;
+        fontFamily: string;
+        fontSize: string;
+        textAlign: string;
+        padding: string;
+        width: string;
+        '&:focus, &:hover': {
+            backgroundColor: string;
+        };
+    };
+    'header-user-menu__list': {
+        listStyle: string;
+        margin: string;
+        padding: string;
+    };
+    'header-user-menu__navigation-menu': {
+        background: string;
+        border: string;
+        borderRight: string;
+        position: string;
+        right: string;
+        top: string;
+        width: string;
+        'z-index': string;
+        '&[aria-hidden = true]': {
+            display: string;
+        };
+    };
+    'header-user-menu__list-item': {
+        borderBottom: string;
+        '&:last-child': {
+            border: string;
+        };
+    };
+    'header-user-menu__photo': {
+        borderRadius: string;
+        backgroundPosition: string;
+        backgroundRepeat: string;
+        backgroundSize: string;
+        height: string;
+        width: string;
+    };
+    'header-banner': {
+        boxShadow: string;
+        display: string;
+        justifyContent: string;
+        padding: string;
+        marginBottom: string;
+    };
+    'header-banner__link': {
+        display: string;
+    };
+    'header-banner__right-menu': {
+        display: string;
+    };
+    'header-banner__login': {
+        marginLeft: string;
+        input: {
+            margin: string;
+            padding: string;
+        };
+    };
+    'header-banner__user-menu': {
+        borderLeft: string;
+        marginLeft: string;
+    };
+    'header-banner__help-menu': {
+        borderLeft: string;
+        marginLeft: string;
+    };
+    'header-banner__icon': {
+        backgroundSize: string;
+        height: string;
+        width: string;
+    };
+    'header-banner__help-icon': {
+        width: string;
+    };
+};
+//# sourceMappingURL=styleMap.d.ts.map

package/lib/header/styleMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/header/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHpB,CAAA"}

package/lib/header/styleMap.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styleMap = void 0;
+var styleMap = {
+  'header-user-menu': {},
+  'header-user-menu__link': {
+    background: 'none',
+    border: '0',
+    color: 'black',
+    cursor: 'pointer',
+    display: 'block',
+    fontFamily: 'Arial',
+    fontSize: '1em',
+    textAlign: 'left',
+    padding: '1em',
+    width: '100%',
+    '&:focus, &:hover': {
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      // backgroundColor: '#eee'
+    },
+
+    a: {
+      textDecoration: 'none'
+    }
+  },
+  'header-user-menu__trigger': {
+    background: 'none',
+    border: '0',
+    cursor: 'pointer',
+    width: '60px',
+    // defined in mashlib as a SASS variable $icon_size
+    height: '60px',
+    // defined in mashlib as a SASS variable $icon_size
+    img: {
+      borderRadius: '50%',
+      height: '56px',
+      // defined in mashlib as a SASS variable $icon_size - 4px
+      width: '56px'
+    }
+  },
+  'header-user-menu__button': {
+    background: 'none',
+    border: '0',
+    color: 'black',
+    cursor: 'pointer',
+    display: 'block',
+    fontFamily: 'Arial',
+    fontSize: '1em',
+    textAlign: 'left',
+    padding: '1em',
+    width: '100%',
+    '&:focus, &:hover': {
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+    }
+  },
+  'header-user-menu__list': {
+    listStyle: 'none',
+    margin: '0',
+    padding: '0'
+  },
+  'header-user-menu__navigation-menu': {
+    background: 'white',
+    border: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    borderRight: '0',
+    position: 'absolute',
+    right: '0',
+    top: '60px',
+    // defined in mashlib as a SASS variable $icon_size
+    width: '200px',
+    'z-index': '1',
+    '&[aria-hidden = true]': {
+      display: 'none'
+    }
+  },
+  'header-user-menu__list-item': {
+    borderBottom: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    '&:last-child': {
+      border: '0'
+    }
+  },
+  'header-user-menu__photo': {
+    borderRadius: '50%',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: 'cover',
+    height: '50px',
+    // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
+    width: '50px'
+  },
+  'header-banner': {
+    boxShadow: '0px 1px 4px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    display: 'flex',
+    justifyContent: 'space-between',
+    padding: '0 1.5em',
+    marginBottom: '4px'
+  },
+  'header-banner__link': {
+    display: 'block'
+  },
+  'header-banner__right-menu': {
+    display: 'flex'
+  },
+  'header-banner__login': {
+    marginLeft: 'auto',
+    input: {
+      // hacks to override the default style of login and signup button from solid-ui
+      margin: '0.75em 0 0.75em 0.5em !important',
+      padding: '0.5em !important'
+    }
+  },
+  'header-banner__user-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
+  'header-banner__help-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
+  'header-banner__icon': {
+    backgroundSize: '65px 60px',
+    height: '60px !important',
+    // this is the icon size
+    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
+  },
+
+  'header-banner__help-icon': {
+    width: '28px !important'
+  }
+};
+exports.styleMap = styleMap;
+//# sourceMappingURL=styleMap.js.map

package/lib/header/styleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleMap.js","names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","a","textDecoration","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","justifyContent","marginBottom","marginLeft","input","borderLeft","exports"],"sources":["../../src/header/styleMap.ts"],"sourcesContent":["export const styleMap = {\n  'header-user-menu': {\n  },\n  'header-user-menu__link': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n      // backgroundColor: '#eee'\n    },\n    a: {\n      textDecoration: 'none'\n    }\n  },\n  'header-user-menu__trigger': {\n    background: 'none',\n    border: '0',\n    cursor: 'pointer',\n    width: '60px', // defined in mashlib as a SASS variable $icon_size\n    height: '60px', // defined in mashlib as a SASS variable $icon_size\n    img: {\n      borderRadius: '50%',\n      height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n      width: '56px'\n    }\n  },\n  'header-user-menu__button': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__list': {\n    listStyle: 'none',\n    margin: '0',\n    padding: '0'\n  },\n  'header-user-menu__navigation-menu': {\n    background: 'white',\n    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    borderRight: '0',\n    position: 'absolute',\n    right: '0',\n    top: '60px', // defined in mashlib as a SASS variable $icon_size\n    width: '200px',\n    'z-index': '1',\n    '&[aria-hidden = true]': {\n      display: 'none'\n    }\n  },\n  'header-user-menu__list-item': {\n    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    '&:last-child': {\n      border: '0'\n    }\n  },\n  'header-user-menu__photo': {\n    borderRadius: '50%',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n    width: '50px'\n  },\n  'header-banner': {\n    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 1.5em',\n    marginBottom: '4px'\n  },\n  'header-banner__link': {\n    display: 'block'\n  },\n  'header-banner__right-menu': {\n    display: 'flex'\n  },\n  'header-banner__login': {\n    marginLeft: 'auto',\n    input: {\n      // hacks to override the default style of login and signup button from solid-ui\n      margin: '0.75em 0 0.75em 0.5em !important',\n      padding: '0.5em !important'\n    }\n  },\n  'header-banner__user-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__help-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__icon': {\n    backgroundSize: '65px 60px',\n    height: '60px !important', // this is the icon size\n    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n  },\n  'header-banner__help-icon': {\n    width: '28px !important'\n  }\n}\n"],"mappings":"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"}

package/lib/jss/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Contains [[getClasses]] and [[getStylesheet]] functions,
+ * usable as wrappers around JSS (A CSS authoring tool).
+ * See https://cssinjs.org/
+ * @packageDocumentation
+ */
+import { Jss, Styles, StyleSheet } from 'jss';
+/**
+ * returns a StyleSheet object.
+ * See https://cssinjs.org/ for more info about JSS.
+ * (despite the name, see https://github.com/solidos/solid-ui/issues/199)
+ */
+export declare function getClasses(insertionPoint: HTMLElement, styles: Partial<Styles>): StyleSheet;
+/**
+ * returns a JSS object.
+ * See https://cssinjs.org/ for more info about JSS.
+ * (despite the name, see https://github.com/solidos/solid-ui/issues/199)
+ */
+export declare function getStylesheet(insertionPoint: HTMLElement): Jss;
+//# sourceMappingURL=index.d.ts.map

package/lib/jss/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jss/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAU,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKrD;;;;GAIG;AACH,wBAAgB,UAAU,CAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,UAAU,CAG5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAE,cAAc,EAAE,WAAW,GAAG,GAAG,CAW/D"}

package/lib/jss/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClasses = getClasses;
+exports.getStylesheet = getStylesheet;
+var _jss = require("jss");
+var _jssPresetDefault = _interopRequireDefault(require("jss-preset-default"));
+/**
+ * Contains [[getClasses]] and [[getStylesheet]] functions,
+ * usable as wrappers around JSS (A CSS authoring tool).
+ * See https://cssinjs.org/
+ * @packageDocumentation
+ */
+
+var stylesheetsMap = new Map();
+
+/**
+ * returns a StyleSheet object.
+ * See https://cssinjs.org/ for more info about JSS.
+ * (despite the name, see https://github.com/solidos/solid-ui/issues/199)
+ */
+function getClasses(insertionPoint, styles) {
+  var stylesheet = getStylesheet(insertionPoint);
+  return stylesheet.createStyleSheet(styles).attach();
+}
+
+/**
+ * returns a JSS object.
+ * See https://cssinjs.org/ for more info about JSS.
+ * (despite the name, see https://github.com/solidos/solid-ui/issues/199)
+ */
+function getStylesheet(insertionPoint) {
+  var cachedStylesheet = stylesheetsMap.get(insertionPoint);
+  if (cachedStylesheet) {
+    return cachedStylesheet;
+  }
+  var stylesheet = (0, _jss.create)({
+    insertionPoint: insertionPoint,
+    plugins: (0, _jssPresetDefault["default"])().plugins
+  });
+  stylesheetsMap.set(insertionPoint, stylesheet);
+  return stylesheet;
+}
+//# sourceMappingURL=index.js.map

package/lib/jss/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_jss","require","_jssPresetDefault","_interopRequireDefault","stylesheetsMap","Map","getClasses","insertionPoint","styles","stylesheet","getStylesheet","createStyleSheet","attach","cachedStylesheet","get","create","plugins","preset","set"],"sources":["../../src/jss/index.ts"],"sourcesContent":["/**\n * Contains [[getClasses]] and [[getStylesheet]] functions,\n * usable as wrappers around JSS (A CSS authoring tool).\n * See https://cssinjs.org/\n * @packageDocumentation\n */\n\nimport { create, Jss, Styles, StyleSheet } from 'jss'\nimport preset from 'jss-preset-default'\n\nconst stylesheetsMap = new Map<HTMLElement, Jss>()\n\n/**\n * returns a StyleSheet object.\n * See https://cssinjs.org/ for more info about JSS.\n * (despite the name, see https://github.com/solidos/solid-ui/issues/199)\n */\nexport function getClasses (insertionPoint: HTMLElement, styles: Partial<Styles>): StyleSheet {\n  const stylesheet = getStylesheet(insertionPoint)\n  return stylesheet.createStyleSheet(styles).attach()\n}\n\n/**\n * returns a JSS object.\n * See https://cssinjs.org/ for more info about JSS.\n * (despite the name, see https://github.com/solidos/solid-ui/issues/199)\n */\nexport function getStylesheet (insertionPoint: HTMLElement): Jss {\n  const cachedStylesheet = stylesheetsMap.get(insertionPoint)\n  if (cachedStylesheet) {\n    return cachedStylesheet\n  }\n  const stylesheet = create({\n    insertionPoint,\n    plugins: preset().plugins\n  })\n  stylesheetsMap.set(insertionPoint, stylesheet)\n  return stylesheet\n}\n"],"mappings":";;;;;;;;AAOA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;;AAKA,IAAMG,cAAc,GAAG,IAAIC,GAAG,EAAoB;;AAElD;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAAEC,cAA2B,EAAEC,MAAuB,EAAc;EAC5F,IAAMC,UAAU,GAAGC,aAAa,CAACH,cAAc,CAAC;EAChD,OAAOE,UAAU,CAACE,gBAAgB,CAACH,MAAM,CAAC,CAACI,MAAM,EAAE;AACrD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASF,aAAaA,CAAEH,cAA2B,EAAO;EAC/D,IAAMM,gBAAgB,GAAGT,cAAc,CAACU,GAAG,CAACP,cAAc,CAAC;EAC3D,IAAIM,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB;EACzB;EACA,IAAMJ,UAAU,GAAG,IAAAM,WAAM,EAAC;IACxBR,cAAc,EAAdA,cAAc;IACdS,OAAO,EAAE,IAAAC,4BAAM,GAAE,CAACD;EACpB,CAAC,CAAC;EACFZ,cAAc,CAACc,GAAG,CAACX,cAAc,EAAEE,UAAU,CAAC;EAC9C,OAAOA,UAAU;AACnB"}

package/lib/login/login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/login/login.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAa,SAAS,EAAM,MAAM,QAAQ,CAAA;AAGjD,OAAO,EACL,UAAU,EACV,qBAAqB,EAYtB,MAAM,aAAa,CAAA;AAwBpB;;;;GAIG;AAEH,wBAAgB,cAAc,CAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAwB9F;AAED;;;;;;;GAOG;AAEH,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,qBAAqB,CAAC,CAuDhC;AAED;;;;;;GAMG;AAEH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,qBAAqB,CAAC,CAiBhC;AAED;;;;IAII;AACJ,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,GACjB,OAAO,CAAC,qBAAqB,CAAC,CAShC;AAED,wBAAgB,UAAU,CAAE,OAAO,KAAA,EAAE,KAAK,KAAA,UAIzC;AACD;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,KAAA,EACR,QAAQ,KAAA,GACP,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAgEvC;AAED,wBAAgB,qBAAqB,CAAE,OAAO,KAAA,EAAE,KAAK,KAAA,EAAE,KAAK,KAAA,OAY3D;AACD;;IAEI;AACJ,wBAAsB,gBAAgB,CAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAuCjC;AAsGD,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,QA6InD;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,YAAY,EACjB,QAAQ,GAAE,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAW,EACtD,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,GACL,WAAW,CAwFb;AAsBD;;;GAGG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,YAAY,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAC9D,WAAW,CA0Pb;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,YAAY,EACjB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAC5D,WAAW,CAmBb;AACD;;;GAGG;AACH,wBAAsB,YAAY,IAAK,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAgB/D;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,GAC3B,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAGhC"}
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/login/login.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAa,SAAS,EAAM,MAAM,QAAQ,CAAA;AAGjD,OAAO,EACL,UAAU,EACV,qBAAqB,EAYtB,MAAM,aAAa,CAAA;AAwBpB;;;;GAIG;AAEH,wBAAgB,cAAc,CAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAwB9F;AAED;;;;;;;GAOG;AAEH,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,qBAAqB,CAAC,CAuDhC;AAED;;;;;;GAMG;AAEH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,qBAAqB,CAAC,CAiBhC;AAED;;;;IAII;AACJ,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,GACjB,OAAO,CAAC,qBAAqB,CAAC,CAShC;AAED,wBAAgB,UAAU,CAAE,OAAO,KAAA,EAAE,KAAK,KAAA,UAIzC;AACD;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,KAAA,EACR,QAAQ,KAAA,GACP,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAgEvC;AAED,wBAAgB,qBAAqB,CAAE,OAAO,KAAA,EAAE,KAAK,KAAA,EAAE,KAAK,KAAA,OAY3D;AACD;;IAEI;AACJ,wBAAsB,gBAAgB,CAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAuCjC;AAsGD,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,QA+InD;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,YAAY,EACjB,QAAQ,GAAE,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAW,EACtD,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,GACL,WAAW,CAwFb;AAyBD;;;GAGG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,YAAY,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAC9D,WAAW,CA0Pb;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,YAAY,EACjB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAC5D,WAAW,CAmBb;AACD;;;GAGG;AACH,wBAAsB,YAAY,IAAK,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAgB/D;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,GAC3B,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAGhC"}

package/lib/login/login.js

@@ -24,10 +24,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _rdflib = require("rdflib");
 var _solidLogic = require("solid-logic");
 var debug = _interopRequireWildcard(require("../debug"));
-var style = _interopRequireWildcard(require("../style"));
 var _log = require("../log");
 var ns = _interopRequireWildcard(require("../ns.js"));
 var _signup = require("../signup/signup.js");
+var _style = require("../style");
 var utils = _interopRequireWildcard(require("../utils"));
 var widgets = _interopRequireWildcard(require("../widgets"));
 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); }
@@ -576,7 +576,7 @@ function signInOrSignUpBox(dom, setUserCallback) {
   box.appendChild(signInPopUpButton);
   signInPopUpButton.setAttribute('type', 'button');
   signInPopUpButton.setAttribute('value', 'Log in');
-  signInPopUpButton.setAttribute('style', "".concat(signInButtonStyle, "background-color: #eef;").concat(style.headerBannerLoginInput));
+  signInPopUpButton.setAttribute('style', "".concat(signInButtonStyle, "background-color: #eef;"));
   _solidLogic.authSession.onLogin(function () {
     var me = _solidLogic.authn.currentUser();
     // const sessionInfo = authSession.info
@@ -658,6 +658,8 @@ function renderSignInPopup(dom) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
+            // clear authorization metadata from store
+            _solidLogic.solidLogicSingleton.store.updater.flagAuthorizationMetadata();
             // Save hash
             preLoginRedirectHash = new URL(window.location.href).hash;
             if (preLoginRedirectHash) {
@@ -667,23 +669,23 @@ function renderSignInPopup(dom) {
             // Login
             locationUrl = new URL(window.location.href);
             locationUrl.hash = ''; // remove hash part
-            _context.next = 8;
+            _context.next = 9;
             return _solidLogic.authSession.login({
               redirectUrl: locationUrl.href,
               oidcIssuer: issuerUri
             });
-          case 8:
-            _context.next = 13;
+          case 9:
+            _context.next = 14;
             break;
-          case 10:
-            _context.prev = 10;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](0);
             (0, _log.alert)(_context.t0.message);
-          case 13:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 10]]);
+      }, _callee, null, [[0, 11]]);
     }));
     return function loginToIssuer(_x11) {
       return _ref.apply(this, arguments);
@@ -835,45 +837,47 @@ _solidLogic.authSession.onLogout( /*#__PURE__*/(0, _asyncToGenerator2["default"]
       case 0:
         issuer = window.localStorage.getItem('loginIssuer');
         if (!issuer) {
-          _context2.next = 19;
+          _context2.next = 20;
           break;
         }
         _context2.prev = 2;
+        // clear authorization metadata from store
+        _solidLogic.solidLogicSingleton.store.updater.flagAuthorizationMetadata();
         wellKnownUri = new URL(issuer);
         wellKnownUri.pathname = '/.well-known/openid-configuration';
-        _context2.next = 7;
+        _context2.next = 8;
         return fetch(wellKnownUri.toString());
-      case 7:
+      case 8:
         wellKnownResult = _context2.sent;
         if (!(wellKnownResult.status === 200)) {
-          _context2.next = 15;
+          _context2.next = 16;
           break;
         }
-        _context2.next = 11;
+        _context2.next = 12;
         return wellKnownResult.json();
-      case 11:
+      case 12:
         openidConfiguration = _context2.sent;
         if (!(openidConfiguration && openidConfiguration.end_session_endpoint)) {
-          _context2.next = 15;
+          _context2.next = 16;
           break;
         }
-        _context2.next = 15;
+        _context2.next = 16;
         return fetch(openidConfiguration.end_session_endpoint, {
           credentials: 'include'
         });
-      case 15:
-        _context2.next = 19;
+      case 16:
+        _context2.next = 20;
         break;
-      case 17:
-        _context2.prev = 17;
+      case 18:
+        _context2.prev = 18;
         _context2.t0 = _context2["catch"](2);
-      case 19:
-        window.location.reload();
       case 20:
+        window.location.reload();
+      case 21:
       case "end":
         return _context2.stop();
     }
-  }, _callee2, null, [[2, 17]]);
+  }, _callee2, null, [[2, 18]]);
 })));
 
 /**
@@ -1008,12 +1012,12 @@ function selectWorkspace(dom, appDetails, callbackWS) {
     box.appendChild(dom.createElement('hr')); // @@
 
     var p = box.appendChild(dom.createElement('p'));
-    p.setAttribute('style', style.commentStyle);
+    p.style = _style.commentStyle;
     p.textContent = "Where would you like to store the data for the ".concat(noun, "?\n    Give the URL of the folder where you would like the data stored.\n    It can be anywhere in solid world - this URI is just an idea.");
     // @@ TODO Remove the need to cast baseField to any
     var baseField = box.appendChild(dom.createElement('input'));
     baseField.setAttribute('type', 'text');
-    baseField.setAttribute('style', style.textInputStyle);
+    baseField.style = _style.textInputStyle;
     baseField.size = 80; // really a string
     baseField.label = 'base URL';
     baseField.autocomplete = 'on';
@@ -1025,7 +1029,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
     box.appendChild(dom.createElement('br')); // @@
 
     var button = box.appendChild(dom.createElement('button'));
-    button.setAttribute('style', style.buttonStyle);
+    button.style = _style.buttonStyle;
     button.textContent = "Start new ".concat(noun, " at this URI");
     button.addEventListener('click', function (_event) {
       var newBase = baseField.value.replace(' ', '%20'); // do not re-encode in general, as % encodings may exist
@@ -1043,7 +1047,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
       // Ignore master workspaces
       ns.space('MasterWorkspace'));
     });
-    var col1, col2, col3, tr, ws, localStyle, comment;
+    var col1, col2, col3, tr, ws, style, comment;
     var cellStyle = 'height: 3em; margin: 1em; padding: 1em white; border-radius: 0.3em;';
     var deselectedStyle = "".concat(cellStyle, "border: 0px;");
     // const selectedStyle = cellStyle + 'border: 1px solid black;'
@@ -1058,8 +1062,8 @@ function selectWorkspace(dom, appDetails, callbackWS) {
         tr.appendChild(col1);
       }
       col2 = dom.createElement('td');
-      localStyle = _solidLogic.solidLogicSingleton.store.anyValue(ws, ns.ui('style'));
-      if (!localStyle) {
+      style = _solidLogic.solidLogicSingleton.store.anyValue(ws, ns.ui('style'));
+      if (!style) {
         // Otherwise make up arbitrary colour
         var hash = function hash(x) {
           return x.split('').reduce(function (a, b) {
@@ -1068,9 +1072,9 @@ function selectWorkspace(dom, appDetails, callbackWS) {
           }, 0);
         };
         var bgcolor = "#".concat((hash(ws.uri) & 0xffffff | 0xc0c0c0).toString(16)); // c0c0c0  forces pale
-        localStyle = "color: black ; background-color: ".concat(bgcolor, ";");
+        style = "color: black ; background-color: ".concat(bgcolor, ";");
       }
-      col2.setAttribute('style', deselectedStyle + localStyle);
+      col2.setAttribute('style', deselectedStyle + style);
       tr.target = ws.uri;
       var label = _solidLogic.solidLogicSingleton.store.any(ws, ns.rdfs('label'));
       if (!label) {
@@ -1090,7 +1094,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
       comment = comment ? comment.value : 'Use this workspace';
       col2.addEventListener('click', function (_event) {
         col3.textContent = comment ? comment.value : '';
-        col3.setAttribute('style', deselectedStyle + localStyle);
+        col3.setAttribute('style', deselectedStyle + style);
         var button = dom.createElement('button');
         button.textContent = 'Continue';
         // button.setAttribute('style', style);