@octostar/platform-api 0.3.0 → 0.4.0

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.
Files changed (6) hide show
  1. package/dist/platform-api.d.ts +2 -0
  2. package/lib/components/OsSpinner.d.ts +2 -0
  3. package/lib/components/OsSpinner.d.ts.map +1 -1
  4. package/lib/components/OsSpinner.js +36 -20
  5. package/lib/components/OsSpinner.js.map +1 -1
  6. package/package.json +3 -3
package/dist/platform-api.d.ts CHANGED
@@ -202,6 +202,8 @@ export declare class OsSpinner extends HTMLElement {
202
202
  constructor();
203
203
  static get observedAttributes(): string[];
204
204
  attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
205
+ set imageSrc(value: string);
206
+ get imageSrc(): string;
205
207
  render(): void;
206
208
  }
207
209
 
package/lib/components/OsSpinner.d.ts CHANGED
@@ -9,6 +9,8 @@ export declare class OsSpinner extends HTMLElement {
9
9
  constructor();
10
10
  static get observedAttributes(): string[];
11
11
  attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
12
+ set imageSrc(value: string);
13
+ get imageSrc(): string;
12
14
  render(): void;
13
15
  }
14
16
  //# sourceMappingURL=OsSpinner.d.ts.map
package/lib/components/OsSpinner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OsSpinner.d.ts","sourceRoot":"","sources":["../../src/components/OsSpinner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,IAAI,EAAE,UAAU,CAAC;IAEjB,QAAQ,SAAc;IAEtB,KAAK,SAAuC;;IAc5C,MAAM,KAAK,kBAAkB,aAE5B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAQnE,MAAM;CAqCP"}
1
+ {"version":3,"file":"OsSpinner.d.ts","sourceRoot":"","sources":["../../src/components/OsSpinner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,IAAI,EAAE,UAAU,CAAC;IAEjB,QAAQ,SAAc;IAEtB,KAAK,SAAuC;;IAe5C,MAAM,KAAK,kBAAkB,aAE5B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAanE,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAIzB;IAED,IAAI,QAAQ,IANQ,MAAM,CAQzB;IAED,MAAM;CAsCP"}
package/lib/components/OsSpinner.js CHANGED
@@ -8,8 +8,10 @@ export class OsSpinner extends HTMLElement {
8
8
  this.position = 'floating';
9
9
  this.image = '/static/assets/images/loading.gif';
10
10
  this.root = this.attachShadow({ mode: 'open' });
11
- this.position = this.getAttribute('position') || 'floating';
12
- this.image = '/static/assets/images/loading.gif';
11
+ const attrImage = this.getAttribute('image');
12
+ if (attrImage) {
13
+ this.image = attrImage;
14
+ }
13
15
  this.render();
14
16
  }
15
17
  static get observedAttributes() {
@@ -17,43 +19,57 @@ export class OsSpinner extends HTMLElement {
17
19
  }
18
20
  attributeChangedCallback(name, oldValue, newValue) {
19
21
  if (oldValue !== newValue) {
20
- this[name] = newValue;
22
+ if (name === 'position') {
23
+ this.position = newValue || 'floating';
24
+ }
25
+ if (name === 'image') {
26
+ this.image = newValue || '/static/assets/images/loading.gif';
27
+ }
21
28
  this.render();
22
29
  }
23
30
  }
31
+ set imageSrc(value) {
32
+ this.image = value || '/static/assets/images/loading.gif';
33
+ this.setAttribute('image', this.image);
34
+ this.render();
35
+ }
36
+ get imageSrc() {
37
+ return this.image;
38
+ }
24
39
  render() {
25
40
  this.root.innerHTML = `
26
41
  <style>
27
42
  .loading {
28
- z-index: 99;
29
- width: 50px;
30
- height: unset;
31
- position: relative;
32
- margin: 10px;
43
+ z-index: 99;
44
+ width: 50px;
45
+ height: unset;
46
+ position: relative;
47
+ margin: 10px;
33
48
  }
34
49
  .inline {
35
- margin: 0px;
36
- width: 30px;
50
+ margin: 0px;
51
+ width: 30px;
37
52
  }
38
53
  .inline-centered {
39
- margin: 0 auto;
40
- width: 30px;
41
- display: block;
54
+ margin: 0 auto;
55
+ width: 30px;
56
+ display: block;
42
57
  }
43
58
  .floating {
44
- padding: 0;
45
- margin: 0;
46
- position: absolute;
47
- left: 50%;
48
- top: 50%;
49
- transform: translate(-50%, -50%);
59
+ padding: 0;
60
+ margin: 0;
61
+ position: absolute;
62
+ left: 50%;
63
+ top: 50%;
64
+ transform: translate(-50%, -50%);
50
65
  }
51
66
  </style>
52
67
  `;
53
68
  const img = document.createElement('img');
54
69
  img.src = this.image;
55
- img.className = 'loading ';
70
+ img.className = `loading ${this.position}`;
56
71
  img.alt = 'loading...';
72
+ this.root.innerHTML = '';
57
73
  this.root.appendChild(img);
58
74
  }
59
75
  }
package/lib/components/OsSpinner.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OsSpinner.js","sourceRoot":"","sources":["../../src/components/OsSpinner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAOxC;QACE,KAAK,EAAE,CAAC;QALV,aAAQ,GAAG,UAAU,CAAC;QAEtB,UAAK,GAAG,mCAAmC,CAAC;QAK1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEhD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC;QAE5D,IAAI,CAAC,KAAK,GAAG,mCAAmC,CAAC;QAEjD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,QAAa,EAAE,QAAa;QACjE,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;YAEtB,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BrB,CAAC;QAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC;QAC3B,GAAG,CAAC,GAAG,GAAG,YAAY,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;CACF;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;IACrC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAChD"}
1
+ {"version":3,"file":"OsSpinner.js","sourceRoot":"","sources":["../../src/components/OsSpinner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAOxC;QACE,KAAK,EAAE,CAAC;QALV,aAAQ,GAAG,UAAU,CAAC;QAEtB,UAAK,GAAG,mCAAmC,CAAC;QAK1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEhD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SACxB;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,QAAa,EAAE,QAAa;QACjE,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,UAAU,CAAC;aACxC;YACD,IAAI,IAAI,KAAK,OAAO,EAAE;gBACpB,IAAI,CAAC,KAAK,GAAG,QAAQ,IAAI,mCAAmC,CAAC;aAC9D;YAED,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,mCAAmC,CAAC;QAC1D,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BrB,CAAC;QAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,GAAG,CAAC,SAAS,GAAG,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3C,GAAG,CAAC,GAAG,GAAG,YAAY,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;CACF;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;IACrC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAChD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@octostar/platform-api",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "Provides access to the API exposed by Octostar platform to an application run in an iframe",
5
5
  "keywords": [
6
6
  "octostar",
@@ -38,10 +38,10 @@
38
38
  "rimraf": "^5.0.5"
39
39
  },
40
40
  "peerDependencies": {
41
- "@octostar/platform-types": "^0.3.0"
41
+ "@octostar/platform-types": "^0.4.0"
42
42
  },
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "3b451839beefea65b510c53d88186bf25145cab7"
46
+ "gitHead": "1008857f89c9957d454370d9ee4929ad5f3ff959"
47
47
  }