solid-ui 2.4.19 → 2.4.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.html +9 -0
- package/{lib/webpack-bundle.js → dist/main.js} +44878 -51845
- package/dist/main.js.map +1 -0
- package/lib/acl/access-groups.d.ts +5 -4
- package/lib/acl/access-groups.d.ts.map +1 -1
- package/lib/acl/access-groups.js +1 -0
- package/lib/acl/access-groups.js.map +1 -1
- package/lib/acl/acl-control.d.ts +2 -2
- package/lib/acl/acl-control.d.ts.map +1 -1
- package/lib/acl/acl-control.js.map +1 -1
- package/lib/acl/acl.d.ts +5 -5
- package/lib/acl/acl.d.ts.map +1 -1
- package/lib/acl/acl.js.map +1 -1
- package/lib/chat/message.js.map +1 -1
- package/lib/chat/thread.js.map +1 -1
- package/lib/create/create.js.map +1 -1
- package/lib/footer/index.d.ts +4 -4
- package/lib/footer/index.d.ts.map +1 -1
- package/lib/footer/index.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3 -5
- package/lib/index.js.map +1 -1
- package/lib/login/login.d.ts +4 -1
- package/lib/login/login.d.ts.map +1 -1
- package/lib/login/login.js +226 -133
- package/lib/login/login.js.map +1 -1
- package/lib/media/media-capture.js.map +1 -1
- package/lib/messageArea.js.map +1 -1
- package/lib/style.js +3 -3
- package/lib/style.js.map +1 -1
- package/lib/tabs.d.ts +1 -1
- package/lib/tabs.d.ts.map +1 -1
- package/lib/tabs.js +11 -3
- package/lib/tabs.js.map +1 -1
- package/lib/utils/headerFooterHelpers.d.ts +2 -3
- package/lib/utils/headerFooterHelpers.d.ts.map +1 -1
- package/lib/utils/headerFooterHelpers.js +63 -33
- package/lib/utils/headerFooterHelpers.js.map +1 -1
- package/lib/versionInfo.d.ts +12 -11
- package/lib/versionInfo.d.ts.map +1 -1
- package/lib/versionInfo.js +22 -20
- package/lib/versionInfo.js.map +1 -1
- package/lib/widgets/buttons.js.map +1 -1
- package/lib/widgets/dragAndDrop.js +1 -1
- package/lib/widgets/dragAndDrop.js.map +1 -1
- package/lib/widgets/forms/autocomplete/publicData.js.map +1 -1
- package/lib/widgets/forms/basic.d.ts +1 -1
- package/lib/widgets/forms/basic.d.ts.map +1 -1
- package/lib/widgets/forms/basic.js +8 -6
- package/lib/widgets/forms/basic.js.map +1 -1
- package/lib/widgets/forms.js +51 -28
- package/lib/widgets/forms.js.map +1 -1
- package/package.json +42 -48
- package/lib/webpack-bundle.js.map +0 -1
package/lib/style.js
CHANGED
|
@@ -21,10 +21,10 @@ var style = {
|
|
|
21
21
|
checkboxStyle: 'colour: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',
|
|
22
22
|
checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em',
|
|
23
23
|
fieldLabelStyle: 'color: #3B5998; text-decoration: none;',
|
|
24
|
-
formSelectSTyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.
|
|
25
|
-
textInputStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.
|
|
24
|
+
formSelectSTyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
25
|
+
textInputStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
26
26
|
textInputStyleUneditable: // Color difference only
|
|
27
|
-
'background-color: white; padding: 0.5em; border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.
|
|
27
|
+
'background-color: white; padding: 0.5em; border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
28
28
|
textInputSize: 20,
|
|
29
29
|
// Default text input size in characters roughly
|
|
30
30
|
buttonStyle: 'background-color: #fff; padding: 0.7em; border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;',
|
package/lib/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/style.js"],"names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectSTyle","textInputStyle","textInputStyleUneditable","textInputSize","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","tabBorderRadius","messageBodyStyle","pendingeditModifier","highlightColor","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingColor","formHeadingStyle","formTextInput","formGroupStyle","formFieldLabelStyle","formFieldNameBoxStyle","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","setStyle","ele","styleName","module","exports"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,eAAe,GAAG,SAAxB,C,CAAkC;;AAClC,IAAMC,mBAAmB,GAAG,SAA5B,C,CAAsC;;AACtC,IAAMC,qBAAqB,GAAG,KAA9B,C,CAAoC;AACpC;AACA;;AAEO,IAAMC,KAAK,GAAG;AAAE;AAErBC,EAAAA,aAAa,EAAE,8EAFI;AAGnBC,EAAAA,kBAAkB,EAAE,0GAHD;AAKnBC,EAAAA,eAAe,EAAE,wCALE;AAMnBC,EAAAA,eAAe,EACb,yHAPiB;AAQnBC,EAAAA,cAAc,EACZ,yHATiB;AAUnBC,EAAAA,wBAAwB,EAAE;AACxB,6HAXiB;AAYnBC,EAAAA,aAAa,EAAE,EAZI;AAYA;AACnBC,EAAAA,WAAW,EACP,2HAde;AAc8G;AACjIC,EAAAA,YAAY,EAAE,wEAfK;AAgBnBC,EAAAA,SAAS,EAAE,6DAhBQ;AAiBnBC,EAAAA,gBAAgB,EAAE,wCAjBC;AAkBnBC,EAAAA,cAAc,EAAE,kIAlBG;AAkBiI;AACpJC,EAAAA,iBAAiB,EAAE,0HAnBA;AAoBnBC,EAAAA,eAAe,EAAE,OApBE;AAqBnBC,EAAAA,gBAAgB,EACd,wIAtBiB;AAuBnBC,EAAAA,mBAAmB,EAAE,cAvBF;AAwBnBC,EAAAA,cAAc,EAAE,SAxBG;AAwBQ;AAE3B;AACAC,EAAAA,eAAe,EAAE,2EA3BE;AA4BnBC,EAAAA,gBAAgB,EAAE,mHA5BC;AA6BnBC,EAAAA,oBAAoB,EAAE,4BA7BH;AA+BnB;AACAC,EAAAA,iBAAiB,EAAE,qDAhCA;AAgCuD;AAE1E;AACAC,EAAAA,aAAa,EAAE,yFAnCI;AAmCuF;AAC1GC,EAAAA,aAAa,EAAE,0FApCI;AAoCwF;AAC3GC,EAAAA,aAAa,EAAE,0FArCI;AAqCwF;AAC3GC,EAAAA,aAAa,EAAE,0FAtCI;AAsCwF;AAE3G5B,EAAAA,eAAe,
|
|
1
|
+
{"version":3,"sources":["../src/style.js"],"names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectSTyle","textInputStyle","textInputStyleUneditable","textInputSize","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","tabBorderRadius","messageBodyStyle","pendingeditModifier","highlightColor","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingColor","formHeadingStyle","formTextInput","formGroupStyle","formFieldLabelStyle","formFieldNameBoxStyle","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","setStyle","ele","styleName","module","exports"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,eAAe,GAAG,SAAxB,C,CAAkC;;AAClC,IAAMC,mBAAmB,GAAG,SAA5B,C,CAAsC;;AACtC,IAAMC,qBAAqB,GAAG,KAA9B,C,CAAoC;AACpC;AACA;;AAEO,IAAMC,KAAK,GAAG;AAAE;AAErBC,EAAAA,aAAa,EAAE,8EAFI;AAGnBC,EAAAA,kBAAkB,EAAE,0GAHD;AAKnBC,EAAAA,eAAe,EAAE,wCALE;AAMnBC,EAAAA,eAAe,EACb,yHAPiB;AAQnBC,EAAAA,cAAc,EACZ,yHATiB;AAUnBC,EAAAA,wBAAwB,EAAE;AACxB,6HAXiB;AAYnBC,EAAAA,aAAa,EAAE,EAZI;AAYA;AACnBC,EAAAA,WAAW,EACP,2HAde;AAc8G;AACjIC,EAAAA,YAAY,EAAE,wEAfK;AAgBnBC,EAAAA,SAAS,EAAE,6DAhBQ;AAiBnBC,EAAAA,gBAAgB,EAAE,wCAjBC;AAkBnBC,EAAAA,cAAc,EAAE,kIAlBG;AAkBiI;AACpJC,EAAAA,iBAAiB,EAAE,0HAnBA;AAoBnBC,EAAAA,eAAe,EAAE,OApBE;AAqBnBC,EAAAA,gBAAgB,EACd,wIAtBiB;AAuBnBC,EAAAA,mBAAmB,EAAE,cAvBF;AAwBnBC,EAAAA,cAAc,EAAE,SAxBG;AAwBQ;AAE3B;AACAC,EAAAA,eAAe,EAAE,2EA3BE;AA4BnBC,EAAAA,gBAAgB,EAAE,mHA5BC;AA6BnBC,EAAAA,oBAAoB,EAAE,4BA7BH;AA+BnB;AACAC,EAAAA,iBAAiB,EAAE,qDAhCA;AAgCuD;AAE1E;AACAC,EAAAA,aAAa,EAAE,yFAnCI;AAmCuF;AAC1GC,EAAAA,aAAa,EAAE,0FApCI;AAoCwF;AAC3GC,EAAAA,aAAa,EAAE,0FArCI;AAqCwF;AAC3GC,EAAAA,aAAa,EAAE,0FAtCI;AAsCwF;AAE3G5B,EAAAA,eAAe,EAAfA,eAxCmB;AAwCF;AACjB6B,EAAAA,gBAAgB,EAAE,SAzCC;AAyCU;AAC7BC,EAAAA,gBAAgB,EAAE,2FA1CC;AA0C4F;AAC/GC,EAAAA,aAAa,EAAE,iDA3CI;AA2C+C;AAClEC,EAAAA,cAAc,EAAE,kDAA2ChC,eAA3C,8BAAqF;AAArF,oDAC6BA,eAD7B,+EAE4BA,eAF5B,+EAG4BA,eAH5B,6BAGqE;AAHrE,GA5CG;AAkDnBiC,EAAAA,mBAAmB,oBAAahC,mBAAb,8BAlDA;AAmDnBC,EAAAA,qBAAqB,EAArBA,qBAnDmB;AAoDnBgC,EAAAA,qBAAqB,0DAAmDhC,qBAAnD,MApDF;AAqDnBiC,EAAAA,wBAAwB,EAAE,MArDP;AAsDnBC,EAAAA,kCAAkC,EAAE,MAtDjB;AAuDnBC,EAAAA,cAAc,EAAE,MAvDG;AAwDnBC,EAAAA,qBAAqB,EAAE,MAxDJ;AAyDnBC,EAAAA,uBAAuB,EAAE,mEACzB,kEA1DmB;AA4DnB;AACAC,EAAAA,gBAAgB,EAAE,kGA7DC;AA8DnBC,EAAAA,aAAa,EAAE,4CA9DI;AA+DnBC,EAAAA,YAAY,EAAE;AA/DK,CAAd;;;AAkEPvC,KAAK,CAACwC,QAAN,GAAiB,SAASA,QAAT,CAAmBC,GAAnB,EAAwBC,SAAxB,EAAmC;AAClDD,EAAAA,GAAG,CAACzC,KAAJ,GAAYA,KAAK,CAAC0C,SAAD,CAAjB;AACD,CAFD;;AAIAC,MAAM,CAACC,OAAP,GAAiB5C,KAAjB,C,CAAuB","sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n\n// These must all end with semicolon so they can be appended to.\n\nconst formBorderColor = '#888888' // Mid-grey\nconst lowProfileLinkColor = '#3B5998' // Grey-blue, e.g., for field labels linking to ontology\nconst formFieldNameBoxWidth = '8em' // The fixed amount to get form fields to line up\n// The latter we put in when switching awy from using tables. Getting allignment between\n// fields in different groups though is hard problem.\n\nexport const style = { // styleModule\n\n checkboxStyle: 'colour: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em',\n\n fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n formSelectSTyle:\n 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n textInputStyle:\n 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n textInputStyleUneditable: // Color difference only\n 'background-color: white; padding: 0.5em; border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n textInputSize: 20, // Default text input size in characters roughly\n buttonStyle:\n 'background-color: #fff; padding: 0.7em; border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n commentStyle: 'padding: 0.7em; border: none; font-size: 100%; white-space: pre-wrap;',\n iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n tabBorderRadius: '0.2em',\n messageBodyStyle:\n 'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n pendingeditModifier: 'color: #bbb;',\n highlightColor: '#7C4DFF', // Solid lavendar https://design.inrupt.com/atomic-core/?cat=Core\n\n // Contacts\n personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n // Login buttons\n signInButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n\n // Forms\n heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n formBorderColor, // originally was brown; now grey\n formHeadingColor: '#888888', // originally was brown; now grey\n formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // originally was brown; now grey\n formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${formBorderColor}; border-radius: 0.2em;`, // weight 0\n `padding-left: 2em; border: 0.05em solid ${formBorderColor}; border-radius: 0.2em;`,\n `padding-left: 2em; border: 0.1em solid ${formBorderColor}; border-radius: 0.2em;`,\n `padding-left: 2em; border: 0.2em solid ${formBorderColor}; border-radius: 0.2em;` // @@ pink\n ],\n\n formFieldLabelStyle: `'color: ${lowProfileLinkColor}; text-decoration: none;'`,\n formFieldNameBoxWidth,\n formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${formFieldNameBoxWidth};`,\n textInputBackgroundColor: '#eef',\n textInputBackgroundColorUneditable: '#fff',\n textInputColor: '#000',\n textInputColorPending: '#888',\n multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n // Buttons\n renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n linkDivStyle: 'width:2em; padding:0.5em; height: 4em;'\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n ele.style = style[styleName]\n}\n\nmodule.exports = style // @@ No way to do this in ESM\n"],"file":"style.js"}
|
package/lib/tabs.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ declare type TabWidgetOptions = {
|
|
|
16
16
|
renderMain?: (bodyMain: HTMLElement, subject: NamedNode) => void;
|
|
17
17
|
renderTab?: (tabDiv: HTMLDivElement, subject: NamedNode) => void;
|
|
18
18
|
renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void;
|
|
19
|
-
selectedTab?:
|
|
19
|
+
selectedTab?: NamedNode;
|
|
20
20
|
startEmpty?: boolean;
|
|
21
21
|
subject?: NamedNode;
|
|
22
22
|
};
|
package/lib/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGlC;;GAEG;AACH,cAAM,gBAAiB,SAAQ,WAAW;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,aAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAChE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5E,WAAW,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGlC;;GAEG;AACH,cAAM,gBAAiB,SAAQ,WAAW;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,aAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAChE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HG;AACH,wBAAgB,SAAS,CAAE,OAAO,EAAE,gBAAgB,oBAqNnD"}
|
package/lib/tabs.js
CHANGED
|
@@ -287,13 +287,21 @@ function tabWidget(options) {
|
|
|
287
287
|
orderedSync();
|
|
288
288
|
|
|
289
289
|
if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {
|
|
290
|
-
var
|
|
290
|
+
var selectedTab0 = Array.from(tabContainer.children) // Version left for compatability with ??
|
|
291
|
+
.map(function (tab) {
|
|
291
292
|
return tab.firstChild;
|
|
292
293
|
}).find(function (tab) {
|
|
293
294
|
return tab.dataset.name === options.selectedTab;
|
|
294
295
|
});
|
|
295
|
-
var
|
|
296
|
-
|
|
296
|
+
var selectedTabURI = options.selectedTab.uri;
|
|
297
|
+
var selectedTab1 = Array.from(tabContainer.children) // @ts-ignore
|
|
298
|
+
.find(function (tab) {
|
|
299
|
+
return tab.subject && tab.subject.uri && tab.subject.uri === selectedTabURI;
|
|
300
|
+
});
|
|
301
|
+
var tab = selectedTab1 || selectedTab0 || tabContainer.children[0];
|
|
302
|
+
var clickMe = tab.firstChild; // @ts-ignore
|
|
303
|
+
|
|
304
|
+
if (clickMe) clickMe.click();
|
|
297
305
|
} else if (!options.startEmpty) {
|
|
298
306
|
tabContainer.children[0].firstChild.click(); // Open first tab
|
|
299
307
|
}
|
package/lib/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tabs.ts"],"names":["ContainerElement","HTMLElement","TabWidgetElement","TabElement","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","flipped","vertical","onClose","getColors","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","navElement","appendChild","mainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","concat","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","length","selectedTab","Array","from","map","tab","firstChild","find","dataset","name","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","addEventListener","e","metaKey","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderTabSettings","altKey","asSettings","innerHTML","renderMain","renderTab","textContent","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA;AACA;AACA;IACMA,gB;;;;;;;;;;;;;;;;;;;;kDAAyBC,W;;IAoBlBC,gB;;;;;;;;;;;;;;;;;;;;;;kDAAyBD,W;AAMtC;AACA;AACA;;;;;IACME,U;;;;;;;;;;;;;;;;;;;;;kDAAmBF,W;AAKzB;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;AACA;AACA;AACA;;;AACO,SAASG,SAAT,CAAoBC,OAApB,EAA+C;AACpD,MAAMC,OAAO,GAAGD,OAAO,CAACC,OAAxB;AACA,MAAMC,GAAG,GAAGF,OAAO,CAACE,GAAR,IAAeC,QAA3B;AACA,MAAMC,WAAW,GAAGC,QAAQ,CAACL,OAAO,CAACI,WAAR,IAAuB,GAAxB,CAA5B;AACA,MAAME,eAAe,GAAGN,OAAO,CAACM,eAAR,IAA2B,SAAnD;AACA,MAAMC,OAAO,GAAGH,WAAW,GAAG,CAA9B;AACA,MAAMI,QAAQ,GAAGJ,WAAW,GAAG,CAA/B;AACA,MAAMK,OAAO,GAAGT,OAAO,CAACS,OAAxB;;AAEA,mBAA+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","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: HTMLDivElement, subject: NamedNode) => void\n renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void\n selectedTab?: string\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://solid.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('style', 'display: flex; height: 100%; width: 100%; flex-direction: ' +\n (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';'))\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('style', `\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 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 + `padding: 0.7em; max-width: 20em; color: ${color};`\n const unselectedStyle = `${tabStyle + marginsStyle}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 selectedTab = Array.from(tabContainer.children)\n .map(tab => tab.firstChild as HTMLElement)\n .find(tab => tab.dataset.name === options.selectedTab)\n const tab = selectedTab || tabContainer.children[0].firstChild as HTMLButtonElement\n tab.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/solid/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.subject = item\n const div = ele.appendChild(dom.createElement('div'))\n div.setAttribute('style', unselectedStyle)\n\n div.addEventListener('click', function (e) {\n if (!e.metaKey) {\n resetTabStyle()\n resetBodyStyle()\n }\n div.setAttribute('style', selectedStyle)\n if (!ele.bodyTR) return\n ele.bodyTR.setAttribute('style', shownStyle)\n const bodyMain = getOrCreateContainerElement(ele)\n if (options.renderTabSettings && e.altKey && ele.subject && bodyMain.asSettings !== true) {\n bodyMain.innerHTML = 'loading settings ...' + item\n options.renderTabSettings(bodyMain, ele.subject)\n bodyMain.asSettings = true\n } else 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.renderTab) {\n options.renderTab(div, item)\n } else {\n div.textContent = 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 (\n left >= items.length ||\n (slot.subject && !slot.subject.sameTerm(items[left]))\n ) {\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 }\n if (tab.children[0]) {\n tab.children[0].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"],"file":"tabs.js"}
|
|
1
|
+
{"version":3,"sources":["../src/tabs.ts"],"names":["ContainerElement","HTMLElement","TabWidgetElement","TabElement","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","flipped","vertical","onClose","getColors","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","navElement","appendChild","mainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","concat","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","length","selectedTab","selectedTab0","Array","from","map","tab","firstChild","find","dataset","name","selectedTabURI","uri","selectedTab1","clickMe","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","addEventListener","e","metaKey","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderTabSettings","altKey","asSettings","innerHTML","renderMain","renderTab","textContent","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA;AACA;AACA;IACMA,gB;;;;;;;;;;;;;;;;;;;;kDAAyBC,W;;IAoBlBC,gB;;;;;;;;;;;;;;;;;;;;;;kDAAyBD,W;AAMtC;AACA;AACA;;;;;IACME,U;;;;;;;;;;;;;;;;;;;;;kDAAmBF,W;AAKzB;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;AACA;AACA;AACA;;;AACO,SAASG,SAAT,CAAoBC,OAApB,EAA+C;AACpD,MAAMC,OAAO,GAAGD,OAAO,CAACC,OAAxB;AACA,MAAMC,GAAG,GAAGF,OAAO,CAACE,GAAR,IAAeC,QAA3B;AACA,MAAMC,WAAW,GAAGC,QAAQ,CAACL,OAAO,CAACI,WAAR,IAAuB,GAAxB,CAA5B;AACA,MAAME,eAAe,GAAGN,OAAO,CAACM,eAAR,IAA2B,SAAnD;AACA,MAAMC,OAAO,GAAGH,WAAW,GAAG,CAA9B;AACA,MAAMI,QAAQ,GAAGJ,WAAW,GAAG,CAA/B;AACA,MAAMK,OAAO,GAAGT,OAAO,CAACS,OAAxB;;AAEA,mBAA+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","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: HTMLDivElement, 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://solid.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('style', 'display: flex; height: 100%; width: 100%; flex-direction: ' +\n (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';'))\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('style', `\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 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 + `padding: 0.7em; max-width: 20em; color: ${color};`\n const unselectedStyle = `${tabStyle + marginsStyle}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(tab => (tab as TabElement).subject && (tab as TabElement).subject.uri && (tab as TabElement).subject.uri === selectedTabURI)\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/solid/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.subject = item\n const div = ele.appendChild(dom.createElement('div'))\n div.setAttribute('style', unselectedStyle)\n\n div.addEventListener('click', function (e) {\n if (!e.metaKey) {\n resetTabStyle()\n resetBodyStyle()\n }\n div.setAttribute('style', selectedStyle)\n if (!ele.bodyTR) return\n ele.bodyTR.setAttribute('style', shownStyle)\n const bodyMain = getOrCreateContainerElement(ele)\n if (options.renderTabSettings && e.altKey && ele.subject && bodyMain.asSettings !== true) {\n bodyMain.innerHTML = 'loading settings ...' + item\n options.renderTabSettings(bodyMain, ele.subject)\n bodyMain.asSettings = true\n } else 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.renderTab) {\n options.renderTab(div, item)\n } else {\n div.textContent = 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 (\n left >= items.length ||\n (slot.subject && !slot.subject.sameTerm(items[left]))\n ) {\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 }\n if (tab.children[0]) {\n tab.children[0].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"],"file":"tabs.js"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IndexedFormula, NamedNode } from 'rdflib';
|
|
1
|
+
import { IndexedFormula, LiveStore, NamedNode } from 'rdflib';
|
|
2
2
|
declare type ThrottleOptions = {
|
|
3
3
|
leading?: boolean;
|
|
4
4
|
throttling?: boolean;
|
|
@@ -13,9 +13,8 @@ export declare function addStyleClassToElement(element: any, styleClasses: strin
|
|
|
13
13
|
*/
|
|
14
14
|
export declare function getPod(): NamedNode;
|
|
15
15
|
/**
|
|
16
|
-
* @ignore exporting this only for the unit test
|
|
17
16
|
*/
|
|
18
|
-
export declare function getPodOwner(pod: NamedNode, store:
|
|
17
|
+
export declare function getPodOwner(pod: NamedNode, store: LiveStore): Promise<NamedNode | null>;
|
|
19
18
|
/**
|
|
20
19
|
* @ignore exporting this only for the unit test
|
|
21
20
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerFooterHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/headerFooterHelpers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"headerFooterHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/headerFooterHelpers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAOlE,aAAK,eAAe,GAAG;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA;AAYD;;GAEG;AACH,wBAAgB,sBAAsB,CAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,EAAE,MAAM,QAM1F;AACD;;GAEG;AACH,wBAAgB,MAAM,IAAK,SAAS,CAGnC;AACD;GACG;AACH,wBAAsB,WAAW,CAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CA+C9F;AACD;;GAEG;AACH,wBAAgB,OAAO,CAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAIvE;AACD;;GAEG;AACH,wBAAgB,QAAQ,CAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAgC9G"}
|
|
@@ -66,7 +66,6 @@ function getPod() {
|
|
|
66
66
|
return (0, _rdflib.sym)(document.location.origin).site();
|
|
67
67
|
}
|
|
68
68
|
/**
|
|
69
|
-
* @ignore exporting this only for the unit test
|
|
70
69
|
*/
|
|
71
70
|
|
|
72
71
|
|
|
@@ -80,63 +79,94 @@ function getPodOwner(_x, _x2) {
|
|
|
80
79
|
|
|
81
80
|
function _getPodOwner() {
|
|
82
81
|
_getPodOwner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(pod, store) {
|
|
83
|
-
var podOwner,
|
|
82
|
+
var podOwner, guess;
|
|
84
83
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
85
84
|
while (1) {
|
|
86
85
|
switch (_context.prev = _context.next) {
|
|
87
86
|
case 0:
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
if (!store.fetcher) {
|
|
93
|
-
_context.next = 7;
|
|
94
|
-
break;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
_context.next = 5;
|
|
98
|
-
return store.fetcher.load(podOwner.doc());
|
|
99
|
-
|
|
100
|
-
case 5:
|
|
87
|
+
_context.prev = 0;
|
|
88
|
+
// @ts-ignore LiveStore always has fetcher
|
|
89
|
+
store.fetcher.load(pod);
|
|
101
90
|
_context.next = 8;
|
|
102
91
|
break;
|
|
103
92
|
|
|
104
|
-
case
|
|
105
|
-
|
|
93
|
+
case 4:
|
|
94
|
+
_context.prev = 4;
|
|
95
|
+
_context.t0 = _context["catch"](0);
|
|
96
|
+
console.error('Error loading pod ' + pod + ': ' + _context.t0);
|
|
97
|
+
return _context.abrupt("return", null);
|
|
106
98
|
|
|
107
99
|
case 8:
|
|
108
|
-
|
|
109
|
-
|
|
100
|
+
if (store.holds(pod, _.ns.rdf('type'), _.ns.space('Storage'), pod)) {
|
|
101
|
+
_context.next = 11;
|
|
102
|
+
break;
|
|
103
|
+
}
|
|
110
104
|
|
|
111
|
-
|
|
112
|
-
_context.
|
|
113
|
-
|
|
114
|
-
|
|
105
|
+
console.warn('Pod ' + pod + ' does not declare itself as a space:Storage');
|
|
106
|
+
return _context.abrupt("return", null);
|
|
107
|
+
|
|
108
|
+
case 11:
|
|
109
|
+
podOwner = store.any(pod, _.ns.solid('owner'), null, pod) || store.any(null, _.ns.space('storage'), pod, pod);
|
|
115
110
|
|
|
116
|
-
case 13:
|
|
117
111
|
if (!podOwner) {
|
|
118
|
-
_context.next =
|
|
112
|
+
_context.next = 25;
|
|
119
113
|
break;
|
|
120
114
|
}
|
|
121
115
|
|
|
122
|
-
|
|
116
|
+
_context.prev = 13;
|
|
117
|
+
// @ts-ignore LiveStore always has fetcher
|
|
118
|
+
store.fetcher.load(podOwner.doc());
|
|
119
|
+
_context.next = 21;
|
|
120
|
+
break;
|
|
123
121
|
|
|
124
|
-
|
|
125
|
-
|
|
122
|
+
case 17:
|
|
123
|
+
_context.prev = 17;
|
|
124
|
+
_context.t1 = _context["catch"](13);
|
|
125
|
+
console.warn('Unable to load profile of pod owner ' + podOwner);
|
|
126
|
+
return _context.abrupt("return", null);
|
|
127
|
+
|
|
128
|
+
case 21:
|
|
129
|
+
if (!store.holds(podOwner, _.ns.space('storage'), pod, podOwner.doc())) {
|
|
130
|
+
console.warn("Pod owner ".concat(podOwner, " does NOT list pod ").concat(pod, " as their storage"));
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
return _context.abrupt("return", podOwner);
|
|
134
|
+
|
|
135
|
+
case 25:
|
|
136
|
+
// pod owner not declared in pod
|
|
137
|
+
// @@ TODO: This is given the structure that NSS provides
|
|
138
|
+
// This is a massive guess. For old pods which don't have owner link
|
|
139
|
+
guess = (0, _rdflib.sym)("".concat(pod.uri, "profile/card#me"));
|
|
140
|
+
_context.prev = 26;
|
|
141
|
+
// @ts-ignore LiveStore always has fetcher
|
|
142
|
+
store.fetcher.load(guess);
|
|
143
|
+
_context.next = 34;
|
|
144
|
+
break;
|
|
145
|
+
|
|
146
|
+
case 30:
|
|
147
|
+
_context.prev = 30;
|
|
148
|
+
_context.t2 = _context["catch"](26);
|
|
149
|
+
console.error('Ooops. Guessed wrong pod owner webid {$guess} : can\'t load it.');
|
|
150
|
+
return _context.abrupt("return", null);
|
|
151
|
+
|
|
152
|
+
case 34:
|
|
153
|
+
if (!store.holds(guess, _.ns.space('storage'), pod, guess.doc())) {
|
|
154
|
+
_context.next = 37;
|
|
126
155
|
break;
|
|
127
156
|
}
|
|
128
157
|
|
|
129
|
-
|
|
158
|
+
console.warn('Using guessed pod owner webid but it links back.');
|
|
159
|
+
return _context.abrupt("return", guess);
|
|
130
160
|
|
|
131
|
-
case
|
|
132
|
-
return _context.abrupt("return",
|
|
161
|
+
case 37:
|
|
162
|
+
return _context.abrupt("return", null);
|
|
133
163
|
|
|
134
|
-
case
|
|
164
|
+
case 38:
|
|
135
165
|
case "end":
|
|
136
166
|
return _context.stop();
|
|
137
167
|
}
|
|
138
168
|
}
|
|
139
|
-
}, _callee, null, [[
|
|
169
|
+
}, _callee, null, [[0, 4], [13, 17], [26, 30]]);
|
|
140
170
|
}));
|
|
141
171
|
return _getPodOwner.apply(this, arguments);
|
|
142
172
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/headerFooterHelpers.ts"],"names":["getStyle","styleClass","type","footerStyleMap","headerStyleMap","addStyleClassToElement","element","styleClasses","forEach","style","document","head","classes","classList","add","getPod","location","origin","site","getPodOwner","pod","store","
|
|
1
|
+
{"version":3,"sources":["../../src/utils/headerFooterHelpers.ts"],"names":["getStyle","styleClass","type","footerStyleMap","headerStyleMap","addStyleClassToElement","element","styleClasses","forEach","style","document","head","classes","classList","add","getPod","location","origin","site","getPodOwner","pod","store","fetcher","load","console","error","holds","ns","rdf","space","warn","podOwner","any","solid","doc","guess","uri","getName","user","anyValue","vcard","foaf","throttle","func","wait","options","context","args","result","timeout","previous","later","leading","Date","now","apply","remaining","arguments","clearTimeout","trailing","setTimeout"],"mappings":"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","sourcesContent":["/*\n Copied from mashlib/src/global/metadata.ts\n */\nimport { IndexedFormula, LiveStore, NamedNode, sym } from 'rdflib'\nimport { ns } from '..'\nimport { styleMap as headerStyleMap } from '../header/styleMap'\nimport { styleMap as footerStyleMap } from '../footer/styleMap'\nimport { getClasses } from '../jss'\n\n/* @ts-ignore no-console */\ntype ThrottleOptions = {\n leading?: boolean;\n throttling?: boolean;\n trailing?: boolean;\n}\n/**\n * @internal\n */\nfunction getStyle (styleClass, type?) {\n if (type && type === 'footer') {\n return footerStyleMap[styleClass]\n } else {\n return headerStyleMap[styleClass]\n }\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function addStyleClassToElement (element: any, styleClasses: string[], type?: string) {\n styleClasses.forEach((styleClass) => {\n const style = getStyle(styleClass, type)\n const { classes } = getClasses(document.head, { [styleClass]: style })\n element.classList.add(classes[styleClass])\n })\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getPod (): NamedNode {\n // @@ TODO: This is given that mashlib runs on NSS - might need to change when we want it to run on other Pod servers\n return sym(document.location.origin).site()\n}\n/**\n */\nexport async function getPodOwner (pod: NamedNode, store: LiveStore): Promise<NamedNode | null> {\n // This is a massive guess. In future\n // const podOwner = sym(`${pod.uri}profile/card#me`)\n/* eslint-disable no-console */\n try {\n // @ts-ignore LiveStore always has fetcher\n store.fetcher.load(pod)\n } catch (err) {\n console.error('Error loading pod ' + pod + ': ' + err)\n return null\n }\n if (!store.holds(pod, ns.rdf('type'), ns.space('Storage'), pod)) {\n console.warn('Pod ' + pod + ' does not declare itself as a space:Storage')\n return null\n }\n const podOwner = store.any(pod, ns.solid('owner'), null, pod) ||\n store.any(null, ns.space('storage'), pod, pod)\n if (podOwner) {\n try {\n // @ts-ignore LiveStore always has fetcher\n store.fetcher.load(podOwner.doc())\n } catch (err) {\n console.warn('Unable to load profile of pod owner ' + podOwner)\n return null\n }\n if (!store.holds(podOwner, ns.space('storage'), pod, (podOwner as NamedNode).doc())) {\n console.warn(`Pod owner ${podOwner} does NOT list pod ${pod} as their storage`)\n }\n return podOwner as NamedNode// Success!\n } else { // pod owner not declared in pod\n // @@ TODO: This is given the structure that NSS provides\n // This is a massive guess. For old pods which don't have owner link\n const guess = sym(`${pod.uri}profile/card#me`)\n try {\n // @ts-ignore LiveStore always has fetcher\n store.fetcher.load(guess)\n } catch (err) {\n console.error('Ooops. Guessed wrong pod owner webid {$guess} : can\\'t load it.')\n return null\n }\n if (store.holds(guess, ns.space('storage'), pod, guess.doc())) {\n console.warn('Using guessed pod owner webid but it links back.')\n return guess\n }\n return null\n }\n /* eslint-enable no-console */\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getName (store: IndexedFormula, user: NamedNode): string {\n return store.anyValue(user, ns.vcard('fn'), null, user.doc()) ||\n store.anyValue(user, ns.foaf('name'), null, user.doc()) ||\n user.uri\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function throttle (func: Function, wait: number, options: ThrottleOptions = {}): (...args: any[]) => any {\n let context: any,\n args: any,\n result: any\n let timeout: any = null\n let previous = 0\n const later = function () {\n previous = !options.leading ? 0 : Date.now()\n timeout = null\n result = func.apply(context, args)\n if (!timeout) context = args = null\n }\n return function () {\n const now = Date.now()\n if (!previous && !options.leading) previous = now\n const remaining = wait - (now - previous)\n // @ts-ignore\n context = this\n args = arguments\n if (remaining <= 0 || remaining > wait) {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n previous = now\n result = func.apply(context, args)\n if (!timeout) context = args = null\n } else if (!timeout && options.trailing !== false) {\n timeout = setTimeout(later, remaining)\n }\n return result\n }\n}\n"],"file":"headerFooterHelpers.js"}
|
package/lib/versionInfo.d.ts
CHANGED
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
export declare const versionInfo: {
|
|
2
2
|
buildTime: string;
|
|
3
3
|
commit: string;
|
|
4
4
|
npmInfo: {
|
|
5
5
|
'solid-ui': string;
|
|
6
6
|
npm: string;
|
|
7
|
-
|
|
7
|
+
node: string;
|
|
8
|
+
v8: string;
|
|
9
|
+
uv: string;
|
|
10
|
+
zlib: string;
|
|
8
11
|
brotli: string;
|
|
9
|
-
|
|
10
|
-
icu: string;
|
|
11
|
-
llhttp: string;
|
|
12
|
+
ares: string;
|
|
12
13
|
modules: string;
|
|
13
|
-
napi: string;
|
|
14
14
|
nghttp2: string;
|
|
15
|
-
|
|
15
|
+
napi: string;
|
|
16
|
+
llhttp: string;
|
|
16
17
|
openssl: string;
|
|
18
|
+
cldr: string;
|
|
19
|
+
icu: string;
|
|
17
20
|
tz: string;
|
|
18
21
|
unicode: string;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
zlib: string;
|
|
22
|
+
ngtcp2: string;
|
|
23
|
+
nghttp3: string;
|
|
22
24
|
};
|
|
23
25
|
};
|
|
24
|
-
export default _default;
|
|
25
26
|
//# sourceMappingURL=versionInfo.d.ts.map
|
package/lib/versionInfo.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAA"}
|
package/lib/versionInfo.js
CHANGED
|
@@ -3,29 +3,31 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
var
|
|
8
|
-
buildTime: '2022-03-
|
|
9
|
-
commit: '
|
|
6
|
+
exports.versionInfo = void 0;
|
|
7
|
+
var versionInfo = {
|
|
8
|
+
buildTime: '2022-03-30T15:38:00Z',
|
|
9
|
+
commit: '7d6df17d5d55a800bfb35ee0f2f1af1e5adea2d9',
|
|
10
10
|
npmInfo: {
|
|
11
|
-
'solid-ui': '2.4.
|
|
12
|
-
npm: '
|
|
13
|
-
|
|
11
|
+
'solid-ui': '2.4.20',
|
|
12
|
+
npm: '8.3.1',
|
|
13
|
+
node: '16.14.0',
|
|
14
|
+
v8: '9.4.146.24-node.20',
|
|
15
|
+
uv: '1.43.0',
|
|
16
|
+
zlib: '1.2.11',
|
|
14
17
|
brotli: '1.0.9',
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
modules: '83',
|
|
18
|
+
ares: '1.18.1',
|
|
19
|
+
modules: '93',
|
|
20
|
+
nghttp2: '1.45.1',
|
|
19
21
|
napi: '8',
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
llhttp: '6.0.4',
|
|
23
|
+
openssl: '1.1.1m+quic',
|
|
24
|
+
cldr: '40.0',
|
|
25
|
+
icu: '70.1',
|
|
26
|
+
tz: '2021a3',
|
|
27
|
+
unicode: '14.0',
|
|
28
|
+
ngtcp2: '0.1.0-DEV',
|
|
29
|
+
nghttp3: '0.1.0-DEV'
|
|
28
30
|
}
|
|
29
31
|
};
|
|
30
|
-
exports
|
|
32
|
+
exports.versionInfo = versionInfo;
|
|
31
33
|
//# sourceMappingURL=versionInfo.js.map
|
package/lib/versionInfo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","
|
|
1
|
+
{"version":3,"sources":["../src/versionInfo.ts"],"names":["versionInfo","buildTime","commit","npmInfo","npm","node","v8","uv","zlib","brotli","ares","modules","nghttp2","napi","llhttp","openssl","cldr","icu","tz","unicode","ngtcp2","nghttp3"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG;AACzBC,EAAAA,SAAS,EAAE,sBADc;AAEzBC,EAAAA,MAAM,EAAE,0CAFiB;AAGzBC,EAAAA,OAAO,EACT;AACE,gBAAY,QADd;AAEEC,IAAAA,GAAG,EAAE,OAFP;AAGEC,IAAAA,IAAI,EAAE,SAHR;AAIEC,IAAAA,EAAE,EAAE,oBAJN;AAKEC,IAAAA,EAAE,EAAE,QALN;AAMEC,IAAAA,IAAI,EAAE,QANR;AAOEC,IAAAA,MAAM,EAAE,OAPV;AAQEC,IAAAA,IAAI,EAAE,QARR;AASEC,IAAAA,OAAO,EAAE,IATX;AAUEC,IAAAA,OAAO,EAAE,QAVX;AAWEC,IAAAA,IAAI,EAAE,GAXR;AAYEC,IAAAA,MAAM,EAAE,OAZV;AAaEC,IAAAA,OAAO,EAAE,aAbX;AAcEC,IAAAA,IAAI,EAAE,MAdR;AAeEC,IAAAA,GAAG,EAAE,MAfP;AAgBEC,IAAAA,EAAE,EAAE,QAhBN;AAiBEC,IAAAA,OAAO,EAAE,MAjBX;AAkBEC,IAAAA,MAAM,EAAE,WAlBV;AAmBEC,IAAAA,OAAO,EAAE;AAnBX;AAJ2B,CAApB","sourcesContent":["export const versionInfo = {\n buildTime: '2022-03-30T15:38:00Z',\n commit: '7d6df17d5d55a800bfb35ee0f2f1af1e5adea2d9',\n npmInfo:\n{\n 'solid-ui': '2.4.20',\n npm: '8.3.1',\n node: '16.14.0',\n v8: '9.4.146.24-node.20',\n uv: '1.43.0',\n zlib: '1.2.11',\n brotli: '1.0.9',\n ares: '1.18.1',\n modules: '93',\n nghttp2: '1.45.1',\n napi: '8',\n llhttp: '6.0.4',\n openssl: '1.1.1m+quic',\n cldr: '40.0',\n icu: '70.1',\n tz: '2021a3',\n unicode: '14.0',\n ngtcp2: '0.1.0-DEV',\n nghttp3: '0.1.0-DEV'\n}\n}\n"],"file":"versionInfo.js"}
|