@3t-transform/threeteeui 0.1.35 → 0.1.36

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 (9) hide show
  1. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +2 -2
  2. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.css +0 -4
  3. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +1 -1
  4. package/dist/components/tttx-loading-spinner.js +2 -2
  5. package/dist/esm/tttx-loading-spinner.entry.js +2 -2
  6. package/dist/tttx/p-ab6ce9f6.entry.js +1 -0
  7. package/dist/tttx/tttx.esm.js +1 -1
  8. package/package.json +1 -1
  9. package/dist/tttx/p-91e42647.entry.js +0 -1
package/dist/cjs/tttx-loading-spinner.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-457ca775.js');
6
6
 
7
- const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
7
+ const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
8
8
 
9
9
  const TttxLoadingSpinner = class {
10
10
  constructor(hostRef) {
@@ -18,7 +18,7 @@ const TttxLoadingSpinner = class {
18
18
  return index.h("div", { class: "loading-text" }, "Loading, please wait...");
19
19
  }
20
20
  render() {
21
- return (index.h("div", { class: "spinner-container" }, index.h("div", { class: "loading-box" }, index.h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
21
+ return (index.h("div", null, index.h("div", { class: "loading-box" }, index.h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
22
22
  }
23
23
  };
24
24
  TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.css CHANGED
@@ -2,10 +2,6 @@
2
2
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
3
3
  }
4
4
 
5
- .spinner-container {
6
- position: absolute;
7
- }
8
-
9
5
  .loading-box {
10
6
  display: flex;
11
7
  align-items: center;
package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js CHANGED
@@ -11,7 +11,7 @@ export class TttxLoadingSpinner {
11
11
  return h("div", { class: "loading-text" }, "Loading, please wait...");
12
12
  }
13
13
  render() {
14
- return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
14
+ return (h("div", null, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
15
15
  }
16
16
  static get is() { return "tttx-loading-spinner"; }
17
17
  static get encapsulation() { return "shadow"; }
package/dist/components/tttx-loading-spinner.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
3
+ const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
4
4
 
5
5
  const TttxLoadingSpinner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
@@ -16,7 +16,7 @@ const TttxLoadingSpinner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
16
16
  return h("div", { class: "loading-text" }, "Loading, please wait...");
17
17
  }
18
18
  render() {
19
- return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
19
+ return (h("div", null, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
20
20
  }
21
21
  static get style() { return tttxLoadingSpinnerCss; }
22
22
  }, [1, "tttx-loading-spinner", {
package/dist/esm/tttx-loading-spinner.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-d784fb3e.js';
2
2
 
3
- const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
3
+ const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
4
4
 
5
5
  const TttxLoadingSpinner = class {
6
6
  constructor(hostRef) {
@@ -14,7 +14,7 @@ const TttxLoadingSpinner = class {
14
14
  return h("div", { class: "loading-text" }, "Loading, please wait...");
15
15
  }
16
16
  render() {
17
- return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
17
+ return (h("div", null, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
18
18
  }
19
19
  };
20
20
  TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
package/dist/tttx/p-ab6ce9f6.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as i}from"./p-0ebffdfc.js";const e=class{constructor(i){t(this,i),this.loadingMessage=void 0,this.size="large"}renderLoadingMessage(){return this.loadingMessage?i("div",{class:"loading-text"},"Loading, please wait..."):""}render(){return i("div",null,i("div",{class:"loading-box"},i("span",{class:`spinner ${this.size}`})),this.renderLoadingMessage())}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';export{e as tttx_loading_spinner}
package/dist/tttx/tttx.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as t,b as e}from"./p-0ebffdfc.js";export{s as setNonce}from"./p-0ebffdfc.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-b720c4ad",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-c4162029",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]],["p-400868f1",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]}]]],["p-72e7f7dd",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-92cade7f",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]}]]],["p-563605b2",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-eb126fd0",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-798a098a",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-91e42647",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-cac26a1b",[[1,"tttx-toolbar",{border:[4]}]]]],t)));
1
+ import{p as t,b as e}from"./p-0ebffdfc.js";export{s as setNonce}from"./p-0ebffdfc.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-b720c4ad",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-c4162029",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]],["p-400868f1",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]}]]],["p-72e7f7dd",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-92cade7f",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]}]]],["p-563605b2",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-eb126fd0",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-798a098a",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-ab6ce9f6",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-cac26a1b",[[1,"tttx-toolbar",{border:[4]}]]]],t)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3t-transform/threeteeui",
3
- "version": "0.1.35",
3
+ "version": "0.1.36",
4
4
  "description": "3t Design System",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/tttx/p-91e42647.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,h as i}from"./p-0ebffdfc.js";const e=class{constructor(i){t(this,i),this.loadingMessage=void 0,this.size="large"}renderLoadingMessage(){return this.loadingMessage?i("div",{class:"loading-text"},"Loading, please wait..."):""}render(){return i("div",{class:"spinner-container"},i("div",{class:"loading-box"},i("span",{class:`spinner ${this.size}`})),this.renderLoadingMessage())}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';export{e as tttx_loading_spinner}