@rxdi/ui-kit 0.7.128 → 0.7.129

package/accordion/style.js

@@ -1,14 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.style = void 0;
 const lit_html_1 = require("@rxdi/lit-html");
 const styles_1 = require("../styles");
 const transitions_1 = require("../styles/transitions");
-const minus_svg_1 = __importDefault(require("../images/minus.svg"));
-const plus_svg_1 = __importDefault(require("../images/plus.svg"));
 exports.style = (0, lit_html_1.css) `
   ${styles_1.MAIN_CSS}
   ${transitions_1.TRANSITIONS}
@@ -30,20 +25,6 @@ exports.style = (0, lit_html_1.css) `
     margin-top: 20px;
     margin-bottom: 20px;
   }
-  .title::before {
-    content: '';
-    width: 1.4em;
-    height: 1.4em;
-    margin-left: 10px;
-    float: right;
-    color: black;
-    background-image: url(${(0, lit_html_1.unsafeCSS)(plus_svg_1.default)});
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-  }
-  .title.collapsed::before {
-    background-image: url(${(0, lit_html_1.unsafeCSS)(minus_svg_1.default)});
-  }
   .content {
     color: #666;
     font-size: 15px;

package/accordion/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/accordion/style.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAgD;AAChD,sCAAqC;AACrC,uDAAoD;AAEpD,oEAAwC;AACxC,kEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,cAAG,EAAA;IACpB,iBAAQ;IACR,yBAAW;;;;;;;;;;;;;;;;;;;;;;;;;;4BA0Ba,IAAA,oBAAS,EAAC,kBAAI,CAAC;;;;;4BAKf,IAAA,oBAAS,EAAC,mBAAK,CAAC;;;;;;CAM3C,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/accordion/style.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AACrC,sCAAqC;AACrC,uDAAoD;AAEvC,QAAA,KAAK,GAAG,IAAA,cAAG,EAAA;IACpB,iBAAQ;IACR,yBAAW;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC"}

package/accordion-item/accordion-item.component.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from '@rxdi/lit-html';
-export declare const FaqArrow: import("lit-html").TemplateResult<2>;
+export declare const FaqArrow: import("@rxdi/lit-html").TemplateResult<2>;
 /**
  * @customElement rx-accordion-item
  *

package/component/index.d.ts

@@ -25,11 +25,7 @@ export declare const Compose: <S, D = [], K extends LitElement = LitElement>(opt
         firstUpdated(): void;
     };
     styles: import("@rxdi/lit-html").CSSResult[];
-    subscriptions: Map<any, any>;
-    collectGarbage(): void;
-    mapToSubscriptions(): void;
     is(): string;
-    setElement: (document: import("@rxdi/lit-html").RXDIElement) => K_1;
 } & K_1;
 export declare const Monad: <S, D = unknown, K extends LitElement = LitElement>([options, deps, state, render,]: [Options, D, StateToRender<S, D, K>, RenderResult<S, D, K>]) => <K_1 extends new (...args: any[]) => {}>(Base: K_1) => {
     new (...args: any[]): {
@@ -42,11 +38,7 @@ export declare const Monad: <S, D = unknown, K extends LitElement = LitElement>(
         firstUpdated(): void;
     };
     styles: import("@rxdi/lit-html").CSSResult[];
-    subscriptions: Map<any, any>;
-    collectGarbage(): void;
-    mapToSubscriptions(): void;
     is(): string;
-    setElement: (document: import("@rxdi/lit-html").RXDIElement) => K_1;
 } & K_1;
 export declare const Settings: (o: Options) => Options;
 export declare const Providers: <S, D, K>(o: D) => D;

package/dropdown/dropdown.component.d.ts

@@ -8,7 +8,7 @@ export declare class DropdownComponent extends LitElement {
     palette: PalettesUnion;
     marginLeft: string;
     menuItems: any[];
-    defaultTemplate: import("lit-html").TemplateResult<1>;
+    defaultTemplate: import("@rxdi/lit-html").TemplateResult<1>;
     private entered;
     private clickEvent;
     OnInit(): void;

package/graph/render.component.d.ts

@@ -3,5 +3,5 @@ import { LitElement, TemplateResult } from '@rxdi/lit-html';
  * @customElement rx-render
  */
 export declare class RenderComponent extends LitElement {
-    state: <T>(state: T, setState?: (res: T) => void, shadowRoot?: ShadowRoot) => TemplateResult;
+    state: <T>(state: T, setState?: (res: T) => void, shadowRoot?: ShadowRoot) => TemplateResult<1 | 2>;
 }

package/graph/render.component.js

@@ -23,9 +23,7 @@ __decorate([
 RenderComponent = __decorate([
     (0, lit_html_1.Component)({
         selector: 'rx-render',
-        template: () => (0, lit_html_1.html) `
-    <slot></slot>
-  `
+        template: () => (0, lit_html_1.html) ` <slot></slot> `,
     })
 ], RenderComponent);
 exports.RenderComponent = RenderComponent;

package/graph/render.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.component.js","sourceRoot":"","sources":["../../src/graph/render.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAMwB;AAExB;;GAEG;AAOH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,qBAAU;CAM9C,CAAA;AAL6B;IAA3B,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAIP;AALT,eAAe;IAN3B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,eAAI,EAAA;;GAEnB;KACF,CAAC;GACW,eAAe,CAM3B;AANY,0CAAe"}
+{"version":3,"file":"render.component.js","sourceRoot":"","sources":["../../src/graph/render.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAMwB;AAExB;;GAEG;AAKH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,qBAAU;CAM9C,CAAA;AAL6B;IAA3B,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAIA;AALhB,eAAe;IAJ3B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,eAAI,EAAA,iBAAiB;KACtC,CAAC;GACW,eAAe,CAM3B;AANY,0CAAe"}

package/image/image.component.d.ts

@@ -1,15 +1,10 @@
-import { LitElement } from '@rxdi/lit-html';
+import { LitElement, TemplateResult } from '@rxdi/lit-html';
 /**
  * @customElement rx-image
  */
 export declare class RxImageComponent extends LitElement {
-    image: string;
+    image: string | TemplateResult<1> | TemplateResult<2>;
     width: string;
     height: string;
-    private element;
-    private onLoadSubscription;
-    private onErrorSubscription;
-    OnUpdateFirst(): void;
-    createSubscription(type: 'error' | 'load'): import("rxjs").Observable<boolean>;
-    OnDestroy(): void;
+    dispatch(type: 'error' | 'load'): (detail: Event) => void;
 }

package/image/image.component.js

@@ -11,8 +11,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RxImageComponent = void 0;
 const lit_html_1 = require("@rxdi/lit-html");
-const rxjs_1 = require("rxjs");
-const operators_1 = require("rxjs/operators");
 /**
  * @customElement rx-image
  */
@@ -22,21 +20,17 @@ let RxImageComponent = class RxImageComponent extends lit_html_1.LitElement {
         this.width = '80px';
         this.height = '80px';
     }
-    OnUpdateFirst() {
-        this.onLoadSubscription = this.createSubscription('load').subscribe();
-        this.onErrorSubscription = this.createSubscription('error').subscribe();
-    }
-    createSubscription(type) {
-        return (0, rxjs_1.fromEvent)(this.element, type).pipe((0, operators_1.map)(detail => this.dispatchEvent(new CustomEvent(type === 'error' ? 'onError' : 'onLoad', { detail }))));
-    }
-    OnDestroy() {
-        this.onErrorSubscription.unsubscribe();
-        this.onLoadSubscription.unsubscribe();
+    dispatch(type) {
+        return (detail) => {
+            this.dispatchEvent(new CustomEvent(type === 'error' ? 'onError' : 'onLoad', {
+                detail,
+            }));
+        };
     }
 };
 __decorate([
-    (0, lit_html_1.property)({ type: String }),
-    __metadata("design:type", String)
+    (0, lit_html_1.property)(),
+    __metadata("design:type", Object)
 ], RxImageComponent.prototype, "image", void 0);
 __decorate([
     (0, lit_html_1.property)({ type: String }),
@@ -46,14 +40,11 @@ __decorate([
     (0, lit_html_1.property)({ type: String }),
     __metadata("design:type", Object)
 ], RxImageComponent.prototype, "height", void 0);
-__decorate([
-    (0, lit_html_1.query)('img'),
-    __metadata("design:type", HTMLImageElement)
-], RxImageComponent.prototype, "element", void 0);
 RxImageComponent = __decorate([
     (0, lit_html_1.Component)({
         selector: 'rx-image',
         template() {
+            var _a;
             return (0, lit_html_1.html) `
       <style>
         :host {
@@ -68,7 +59,14 @@ RxImageComponent = __decorate([
           height: 1px;
         }
       </style>
-      <img src=${this.image} />
+      ${((_a = this.image) === null || _a === void 0 ? void 0 : _a['_$litType$'])
+                ? (0, lit_html_1.html) `<img />${this.image}`
+                : (0, lit_html_1.html) `<img
+            @load=${this.dispatch('load')}
+            @error=${this.dispatch('error')}
+            src=${this.image}
+          />`}
+
       <span
         style=${(0, lit_html_1.styleMap)({
                 display: 'block',
@@ -76,11 +74,11 @@ RxImageComponent = __decorate([
                 height: '100%',
                 'background-image': `url(${this.image})`,
                 'background-repeat': 'no-repeat',
-                'background-size': 'contain'
+                'background-size': 'contain',
             })}
       ></span>
     `;
-        }
+        },
     })
 ], RxImageComponent);
 exports.RxImageComponent = RxImageComponent;

package/image/image.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.component.js","sourceRoot":"","sources":["../../src/image/image.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAOwB;AACxB,+BAA+C;AAC/C,8CAAqC;AAErC;;GAEG;AAgCH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,qBAAU;IAAhD;;QAKS,UAAK,GAAG,MAAM,CAAC;QAGf,WAAM,GAAG,MAAM,CAAC;IA8BzB,CAAC;IAtBC,aAAa;QACX,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC;QACtE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC;IAC1E,CAAC;IAED,kBAAkB,CAAC,IAAsB;QACvC,OAAO,IAAA,gBAAS,EAAmB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,CACzD,IAAA,eAAG,EAAC,MAAM,CAAC,EAAE,CACX,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACvC,EAAE,MAAM,EAAE,CACX,CACF,CACF,CACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;QACvC,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;IACxC,CAAC;CACF,CAAA;AApCC;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CACN;AAGrB;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CACL;AAGtB;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDACJ;AAGvB;IADC,IAAA,gBAAK,EAAC,KAAK,CAAC;8BACI,gBAAgB;iDAAC;AAXvB,gBAAgB;IA/B5B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,UAAU;QACpB,QAAQ;YACN,OAAO,IAAA,eAAI,EAAA;;;;mBAII,IAAI,CAAC,KAAK;oBACT,IAAI,CAAC,MAAM;;;;;;;;;iBASd,IAAI,CAAC,KAAK;;gBAEX,IAAA,mBAAQ,EAAC;gBACf,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,kBAAkB,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG;gBACxC,mBAAmB,EAAE,WAAW;gBAChC,iBAAiB,EAAE,SAAS;aAC7B,CAAC;;KAEL,CAAC;QACJ,CAAC;KACF,CAAC;GACW,gBAAgB,CAsC5B;AAtCY,4CAAgB"}
+{"version":3,"file":"image.component.js","sourceRoot":"","sources":["../../src/image/image.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAOwB;AAExB;;GAEG;AAuCH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,qBAAU;IAAhD;;QAKS,UAAK,GAAG,MAAM,CAAC;QAGf,WAAM,GAAG,MAAM,CAAC;IAWzB,CAAC;IATC,QAAQ,CAAC,IAAsB;QAC7B,OAAO,CAAC,MAAa,EAAE,EAAE;YACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAQ,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAC9D,MAAM;aACP,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAA;AAjBC;IADC,IAAA,mBAAQ,GAAE;;+CACkD;AAG7D;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CACL;AAGtB;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDACJ;AARZ,gBAAgB;IAtC5B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,UAAU;QACpB,QAAQ;;YACN,OAAO,IAAA,eAAI,EAAA;;;;mBAII,IAAI,CAAC,KAAK;oBACT,IAAI,CAAC,MAAM;;;;;;;;;QASvB,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAG,YAAY,CAAC;gBAC1B,CAAC,CAAC,IAAA,eAAI,EAAA,UAAU,IAAI,CAAC,KAAK,EAAE;gBAC5B,CAAC,CAAC,IAAA,eAAI,EAAA;oBACM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;qBACpB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;kBACzB,IAAI,CAAC,KAAK;aACf;;;gBAGG,IAAA,mBAAQ,EAAC;gBACf,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,kBAAkB,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG;gBACxC,mBAAmB,EAAE,WAAW;gBAChC,iBAAiB,EAAE,SAAS;aAC7B,CAAC;;KAEL,CAAC;QACJ,CAAC;KACF,CAAC;GACW,gBAAgB,CAmB5B;AAnBY,4CAAgB"}

package/images/circle.svg.d.ts

@@ -0,0 +1 @@
+export declare const CircleSVG: import("@rxdi/lit-html").TemplateResult<2>;

package/images/circle.svg.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircleSVG = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+exports.CircleSVG = (0, lit_html_1.svg) `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#e5e5e5" stroke-width="2" cx="10" cy="10" r="7" />
+</svg>
+`;
+//# sourceMappingURL=circle.svg.js.map

package/images/circle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.svg.js","sourceRoot":"","sources":["../../src/images/circle.svg.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AAExB,QAAA,SAAS,GAAG,IAAA,cAAG,EAAA;;;CAG3B,CAAC"}

package/images/close.svg.d.ts

@@ -0,0 +1 @@
+export declare const CloseSVG: import("@rxdi/lit-html").TemplateResult<2>;

package/images/close.svg.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseSVG = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+exports.CloseSVG = (0, lit_html_1.svg) `
+<svg width="14" height="14" viewBox="0 0 14 14">
+  <line fill="none" stroke="#666" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line>
+  <line fill="none" stroke="#666" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line>
+</svg>
+`;
+//# sourceMappingURL=close.svg.js.map

package/images/close.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close.svg.js","sourceRoot":"","sources":["../../src/images/close.svg.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AAExB,QAAA,QAAQ,GAAG,IAAA,cAAG,EAAA;;;;;CAK1B,CAAC"}

package/images/glyph.svg.d.ts

@@ -0,0 +1 @@
+export declare const GlyphSVG: (width?: string, height?: string) => import("@rxdi/lit-html").TemplateResult<2>;

package/images/glyph.svg.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlyphSVG = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+const GlyphSVG = (width = '256px', height = '256px') => (0, lit_html_1.svg) `
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=${height} width=${width}
+	 viewBox="0 0 581.176 581.176" style="enable-background:new 0 0 581.176 581.176;" xml:space="preserve">
+<g>
+	<path d="M581.176,290.588C581.176,130.087,451.09,0,290.588,0S0,130.087,0,290.588s130.087,290.588,290.588,290.588
+		c67.901,0,130.208-23.465,179.68-62.476L254.265,302.696h326.306C580.716,298.652,581.176,294.681,581.176,290.588z
+		 M447.99,217.941c-26.758,0-48.431-21.697-48.431-48.431s21.673-48.431,48.431-48.431c26.758,0,48.431,21.697,48.431,48.431
+		S474.749,217.941,447.99,217.941z"/>
+</g>
+</svg>
+`;
+exports.GlyphSVG = GlyphSVG;
+//# sourceMappingURL=glyph.svg.js.map

package/images/glyph.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyph.svg.js","sourceRoot":"","sources":["../../src/images/glyph.svg.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AAE9B,MAAM,QAAQ,GAAG,CACtB,QAAgB,OAAO,EACvB,SAAiB,OAAO,EACxB,EAAE,CAAC,IAAA,cAAG,EAAA;sIAC8H,MAAM,UAAU,KAAK;;;;;;;;;CAS1J,CAAC;AAbW,QAAA,QAAQ,YAanB"}

package/images/minus.svg.d.ts

@@ -0,0 +1 @@
+export declare const MinusSVG: import("@rxdi/lit-html").TemplateResult<2>;

package/images/minus.svg.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MinusSVG = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+exports.MinusSVG = (0, lit_html_1.svg) `
+<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="#666" width="13" height="1" x="0" y="6" />
+</svg>
+`;
+//# sourceMappingURL=minus.svg.js.map

package/images/minus.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus.svg.js","sourceRoot":"","sources":["../../src/images/minus.svg.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AAExB,QAAA,QAAQ,GAAG,IAAA,cAAG,EAAA;;;;CAI1B,CAAC"}

package/images/plus.svg.d.ts

@@ -0,0 +1 @@
+export declare const PlusSVG: import("@rxdi/lit-html").TemplateResult<2>;

package/images/plus.svg.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusSVG = void 0;
+const lit_html_1 = require("@rxdi/lit-html");
+exports.PlusSVG = (0, lit_html_1.svg) `
+<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="#666" width="13" height="1" x="0" y="6" />
+    <rect fill="#666" width="1" height="13" x="6" y="0" />
+</svg>
+`;
+//# sourceMappingURL=plus.svg.js.map

package/images/plus.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plus.svg.js","sourceRoot":"","sources":["../../src/images/plus.svg.ts"],"names":[],"mappings":";;;AAAA,6CAAqC;AAExB,QAAA,OAAO,GAAG,IAAA,cAAG,EAAA;;;;;CAKzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdi/ui-kit",
-  "version": "0.7.128",
+  "version": "0.7.129",
   "description": "UI Components for building graphql-server website",
   "bolt": {
     "workspaces": [
@@ -14,6 +14,7 @@
     "build-all": "npm run build && rm -rf ./docs && cp -r ./dist/* ./src && bolt ws exec -- npm run build && cp -r ./docs/index.html ./docs/404.html",
     "patch": "rm -rf dist && tsc && cp -r ./dist/* . && npm version patch && npm publish --update-readme --access public && npm run clean && bolt",
     "clean": "git clean -dxf",
+    "clean-build": "rm -rf package-lock.json node_modules/ .cache/ build/",
     "build": "rm -rf dist && tsc && cp -r ./dist/* ."
   },
   "repository": {
@@ -29,10 +30,9 @@
   "author": "Kristiyan Tachev",
   "license": "MIT",
   "devDependencies": {
-    "@rxdi/firelink": "^0.7.52",
-    "@rxdi/forms": "^0.7.92",
-    "@rxdi/lit-html": "^0.7.119",
-    "@rxdi/router": "^0.7.92",
+    "@rxdi/forms": "^0.7.133",
+    "@rxdi/lit-html": "^0.7.133",
+    "@rxdi/router": "^0.7.133",
     "@types/animejs": "^3.1.0",
     "@types/js-yaml": "^3.12.1",
     "@types/marked": "^0.7.0",
@@ -41,7 +41,7 @@
     "cssnano": "^4.1.10",
     "graphql": "^14.5.8",
     "husky": "^3.0.9",
-    "typescript": "^3.5.3"
+    "typescript": "^3.9.3"
   },
   "browserslist": [
     "last 1 chrome versions"
@@ -50,8 +50,8 @@
   "module": "./index.js",
   "typings": "./index.d.ts",
   "dependencies": {
-    "@rxdi/core": "^0.7.92",
-    "@rxdi/graphql-client": "^0.7.92",
+    "@rxdi/core": "^0.7.133",
+    "@rxdi/graphql-client": "^0.7.133",
     "animejs": "^3.1.0",
     "graphql-tag": "^2.10.1",
     "infinite-carousel-wc": "^0.5.3",

package/spinner/spinner.svg.d.ts

@@ -1 +1 @@
-export declare const Spinner: (width: number, height: number) => import("lit-html").TemplateResult<2>;
+export declare const Spinner: (width: number, height: number) => import("@rxdi/lit-html").TemplateResult<2>;

package/styles/chunks/images.js

@@ -1,23 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IMAGES = void 0;
 const lit_html_1 = require("@rxdi/lit-html");
-const minus_svg_1 = __importDefault(require("../images/minus.svg"));
-const plus_svg_1 = __importDefault(require("../images/plus.svg"));
+const plus_svg_1 = require("../../images/plus.svg");
+const minus_svg_1 = require("../../images/minus.svg");
 exports.IMAGES = (0, lit_html_1.css) `
   .plus {
     width: 30px;
     height: 30px;
-    background-image: url(${(0, lit_html_1.unsafeCSS)(plus_svg_1.default)});
+    background-image: url('data:image/svg+xml;utf8,${(0, lit_html_1.unsafeCSS)(plus_svg_1.PlusSVG)}');
     background-repeat: no-repeat;
   }
   .minus {
     width: 30px;
     height: 30px;
-    background-image: url(${(0, lit_html_1.unsafeCSS)(minus_svg_1.default)});
+    background-image: url('data:image/svg+xml;utf8,${(0, lit_html_1.unsafeCSS)(minus_svg_1.MinusSVG)}');
     background-repeat: no-repeat;
   }
 `;

package/styles/chunks/images.js.map

@@ -1 +1 @@
-{"version":3,"file":"images.js","sourceRoot":"","sources":["../../../src/styles/chunks/images.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAgD;AAChD,oEAAwC;AACxC,kEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,cAAG,EAAA;;;;4BAIG,IAAA,oBAAS,EAAC,kBAAI,CAAC;;;;;;4BAMf,IAAA,oBAAS,EAAC,mBAAK,CAAC;;;CAG3C,CAAC"}
+{"version":3,"file":"images.js","sourceRoot":"","sources":["../../../src/styles/chunks/images.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAChD,oDAAgD;AAChD,sDAAkD;AAErC,QAAA,MAAM,GAAG,IAAA,cAAG,EAAA;;;;qDAI4B,IAAA,oBAAS,EAAC,kBAAO,CAAC;;;;;;qDAMlB,IAAA,oBAAS,EAAC,oBAAQ,CAAC;;;CAGvE,CAAC"}

package/typings.d.ts

@@ -8,9 +8,7 @@ declare module '*.css' {
   export default value;
 }
 
-declare module '*.html' {
-
-}
+declare module '*.html' {}
 declare module '*.json' {
   const value: any;
   export default value;
@@ -31,18 +29,16 @@ declare module '*.jpg' {
   export default value;
 }
 
-declare module '*.svg' {
-  const value: string;
-  export default value;
-}
-
+// declare module '*.svg' {
+//   const value: string;
+//   export default value;
+// }
 
 declare module '*.graphql' {
   const value: string;
   export default value;
 }
 
-
 declare module '@rxdi/ui-kit/images/glyph.svg' {
   const value: string;
   export default value;