@everymatrix/helper-pagination - npm Package Compare versions

Comparing version 0.1.7 to 0.1.20

dist/cjs/helper-pagination.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-02c396b0.js');
+const index = require('./index-4f0b2d1c.js');
 
@@ -73,2 +73,10 @@ /**
     /**
+   * Client custom styling via string
+   */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url content
+     */
+    this.clientStylingUrlContent = '';
+    /**
      * In component working variable for the array of pages
@@ -83,2 +91,3 @@ */
     this.currentPage = 1;
+    this.limitStylingAppends = false;
     /**
@@ -138,2 +147,14 @@ * Navigation logic
     };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrlContent;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
   }
@@ -164,2 +185,13 @@ componentWillRender() {
   }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrlContent)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
   render() {
@@ -166,0 +198,0 @@ /**

dist/cjs/helper-pagination.cjs.js

 'use strict';
 
-const index = require('./index-02c396b0.js');
+const index = require('./index-4f0b2d1c.js');
 
@@ -18,3 +18,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]]], options);
+  return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrlContent":[1,"client-styling-url-content"],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-02c396b0.js');
+const index = require('./index-4f0b2d1c.js');
 
@@ -18,3 +18,3 @@ /*
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]]], options);
+  return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrlContent":[1,"client-styling-url-content"],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/collection/components/helper-pagination/helper-pagination.js

@@ -31,2 +31,10 @@ import { Component, h, Event, Prop, State } from '@stencil/core';
     /**
+   * Client custom styling via string
+   */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url content
+     */
+    this.clientStylingUrlContent = '';
+    /**
      * In component working variable for the array of pages
@@ -41,2 +49,3 @@ */
     this.currentPage = 1;
+    this.limitStylingAppends = false;
     /**
@@ -96,2 +105,14 @@ * Navigation logic
     };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrlContent;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
   }
@@ -122,2 +143,13 @@ componentWillRender() {
   }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrlContent)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
   render() {
@@ -275,2 +307,38 @@ /**
       "defaultValue": "'en'"
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via string"
+      },
+      "attribute": "client-styling",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "clientStylingUrlContent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via url content"
+      },
+      "attribute": "client-styling-url-content",
+      "reflect": false,
+      "defaultValue": "''"
     }
@@ -284,3 +352,4 @@ }; }
     "pagesArray": {},
-    "endInt": {}
+    "endInt": {},
+    "limitStylingAppends": {}
   }; }
@@ -287,0 +356,0 @@ static get events() { return [{

dist/components/helper-pagination.js

@@ -70,2 +70,10 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
     /**
+   * Client custom styling via string
+   */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url content
+     */
+    this.clientStylingUrlContent = '';
+    /**
      * In component working variable for the array of pages
@@ -80,2 +88,3 @@ */
     this.currentPage = 1;
+    this.limitStylingAppends = false;
     /**
@@ -135,2 +144,14 @@ * Navigation logic
     };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrlContent;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
   }
@@ -161,2 +182,13 @@ componentWillRender() {
   }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrlContent)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
   render() {
@@ -195,2 +227,4 @@ /**
     "language": [1],
+    "clientStyling": [1, "client-styling"],
+    "clientStylingUrlContent": [1, "client-styling-url-content"],
     "offsetInt": [32],
@@ -201,3 +235,4 @@ "lastPage": [32],
     "pagesArray": [32],
-    "endInt": [32]
+    "endInt": [32],
+    "limitStylingAppends": [32]
   }]);
@@ -204,0 +239,0 @@ function defineCustomElement$1() {

dist/esm/helper-pagination.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h } from './index-3528dd0c.js';
+import { r as registerInstance, c as createEvent, h } from './index-fe031733.js';
 
@@ -68,2 +68,10 @@ /**
     /**
+   * Client custom styling via string
+   */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url content
+     */
+    this.clientStylingUrlContent = '';
+    /**
      * In component working variable for the array of pages
@@ -78,2 +86,3 @@ */
     this.currentPage = 1;
+    this.limitStylingAppends = false;
     /**
@@ -133,2 +142,14 @@ * Navigation logic
     };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrlContent;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
   }
@@ -159,2 +180,13 @@ componentWillRender() {
   }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrlContent)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
   render() {
@@ -161,0 +193,0 @@ /**

dist/esm/helper-pagination.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3528dd0c.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-fe031733.js';
 
@@ -16,3 +16,3 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["helper-pagination",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]]], options);
+  return bootstrapLazy([["helper-pagination",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrlContent":[1,"client-styling-url-content"],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3528dd0c.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-fe031733.js';
 
@@ -13,3 +13,3 @@ /*
   return patchEsm().then(() => {
-  return bootstrapLazy([["helper-pagination",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]]], options);
+  return bootstrapLazy([["helper-pagination",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrlContent":[1,"client-styling-url-content"],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/helper-pagination/helper-pagination.esm.js

@@ -1,1 +0,1 @@
-import{p as t,b as e}from"./p-7ed44b06.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-72ab6e2d",[[1,"helper-pagination",{firstPage:[1540,"first-page"],previousPage:[1540,"previous-page"],offset:[1538],limit:[1538],total:[1538],language:[1],offsetInt:[32],lastPage:[32],limitInt:[32],totalInt:[32],pagesArray:[32],endInt:[32]}]]]],t)));
+import{p as t,b as n}from"./p-68c68be2.js";(()=>{const n=import.meta.url,e={};return""!==n&&(e.resourcesUrl=new URL(".",n).href),t(e)})().then((t=>n([["p-dd1d2413",[[1,"helper-pagination",{firstPage:[1540,"first-page"],previousPage:[1540,"previous-page"],offset:[1538],limit:[1538],total:[1538],language:[1],clientStyling:[1,"client-styling"],clientStylingUrlContent:[1,"client-styling-url-content"],offsetInt:[32],lastPage:[32],limitInt:[32],totalInt:[32],pagesArray:[32],endInt:[32],limitStylingAppends:[32]}]]]],t)));

dist/types/components.d.ts

@@ -11,2 +11,10 @@ /* eslint-disable */
         /**
+          * Client custom styling via string
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url content
+         */
+        "clientStylingUrlContent": string;
+        /**
           * First page boolean value - determines if the page is disabled or active
@@ -51,2 +59,10 @@ */
         /**
+          * Client custom styling via string
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url content
+         */
+        "clientStylingUrlContent"?: string;
+        /**
           * First page boolean value - determines if the page is disabled or active
@@ -53,0 +69,0 @@ */

dist/types/components/helper-pagination/helper-pagination.d.ts

@@ -28,2 +28,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
   /**
+ * Client custom styling via string
+ */
+  clientStyling: string;
+  /**
+   * Client custom styling via url content
+   */
+  clientStylingUrlContent: string;
+  /**
    * Component working variable for offset
@@ -58,2 +66,4 @@ */
   hpPageChange: EventEmitter<any>;
+  private limitStylingAppends;
+  private stylingContainer;
   /**
@@ -68,3 +78,6 @@ * Navigation logic
   componentWillRender(): void;
+  componentDidRender(): void;
+  setClientStyling: () => void;
+  setClientStylingURL: () => void;
   render(): any;
 }

package.json

 {
   "name": "@everymatrix/helper-pagination",
-  "version": "0.1.7",
+  "version": "0.1.20",
   "main": "./dist/index.cjs.js",
@@ -5,0 +5,0 @@ "module": "./dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

354747

increased by2.07%

Lines of code

5989

increased by3.54%

Number of versions

148

increased by0.68%

Published versions last months

12

increased by9.09%

Published versions last two months

26

increased by4%

Published versions last week

3

increased by50%

Published versions last year

111

increased by0.91%

No dependency changes