platformscode-new-react 0.0.9 → 0.0.10

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/dist/index.cjs.js CHANGED
@@ -76130,7 +76130,7 @@ a:focus {
76130
76130
 
76131
76131
  .flex-align-stretch {
76132
76132
  align-items: stretch;
76133
- }`,_e=fe,Qr=I(class extends M{constructor(){super(),this.__registerHost(),this.onClick=wr(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button"}handleClick(n){this.disabled||this.onClick.emit(n)}render(){var n;const a=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,o=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},l=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return t("button",Object.assign({key:"8a7d9bd1230d0b17781f5fba501646b419258f16",id:a},o,{type:this.type,class:l,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:s=>this.handleClick(s)}),this.iconOnly&&this.iconType&&t("span",{key:"e0702f5cb8d566cf5d8605e3121fa6e86c20fef6",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"82fc4e3009531716b16d240582d886a39bebbc1e",icon:this.iconType})),this.leadIcon&&this.leadIconType&&t("span",{key:"0261cc0a8eb49a5178c37efc0ebd29577cec0c1c",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"4f67b1e6ebe9de262cc01482a2d267781712eaae",icon:this.leadIconType})),this.label&&t("span",{key:"257c3175ff6aba62bb9582d512c29561e4f92d2c"},this.label),this.trailIcon&&this.trailIconType&&t("span",{key:"b4bd2957dfd2ca8e91138c365574ae754384a21a",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"3a1ec5f466f9ab2228182676661df4faf6ab0af2",icon:this.trailIconType})))}static get style(){return _e}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[8,"icon-type"],leadIcon:[4,"lead-icon"],leadIconType:[8,"lead-icon-type"],trailIcon:[4,"trail-icon"],trailIconType:[8,"trail-icon-type"],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1]}]);function na(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,Qr);break;case"dga-icon":customElements.get(n)||O();break}})}const ke=Qr,ye=na;/**
76133
+ }`,_e=fe,Qr=I(class extends M{constructor(){super(),this.__registerHost(),this.onClick=wr(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button"}handleClick(n){this.disabled||this.onClick.emit(n)}render(){var n;const a=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,o=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},l=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return t("button",Object.assign({key:"8a7d9bd1230d0b17781f5fba501646b419258f16",id:a},o,{type:this.type,class:l,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:s=>this.handleClick(s)}),this.iconOnly&&this.iconType&&t("span",{key:"e0702f5cb8d566cf5d8605e3121fa6e86c20fef6",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"82fc4e3009531716b16d240582d886a39bebbc1e",icon:this.iconType})),this.leadIcon&&this.leadIconType&&t("span",{key:"0261cc0a8eb49a5178c37efc0ebd29577cec0c1c",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"4f67b1e6ebe9de262cc01482a2d267781712eaae",icon:this.leadIconType})),!this.iconOnly&&this.label&&t("span",{key:"7bafee5e4db692bfd0f7003b6e4f267f7f758390"},this.label),this.trailIcon&&this.trailIconType&&t("span",{key:"c5ee5d17916f6d2ec26eb7c11e5fec07afab9768",class:"btn-icon","aria-hidden":"true"},t("dga-icon",{key:"91f6db8e15eb96a5a1a9e5687c5961313e5b3f81",icon:this.trailIconType})))}static get style(){return _e}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[8,"icon-type"],leadIcon:[4,"lead-icon"],leadIconType:[8,"lead-icon-type"],trailIcon:[4,"trail-icon"],trailIconType:[8,"trail-icon-type"],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1]}]);function na(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,Qr);break;case"dga-icon":customElements.get(n)||O();break}})}const ke=Qr,ye=na;/**
76134
76134
  * @license @hugeicons/react-pro v0.3.1
76135
76135
  *
76136
76136
  * See the LICENSE file in the root directory of this source tree.
@@ -177588,7 +177588,7 @@ a:focus {
177588
177588
 
177589
177589
  .flex-align-stretch {
177590
177590
  align-items: stretch;
177591
- }`,rt=nt,la=I(class extends M{constructor(){super(),this.__registerHost(),this.handleClick=n=>{n.preventDefault()},this.variant="primary",this.size=void 0,this.label=void 0,this.url=void 0,this.inline=void 0,this.icon=void 0,this.iconType=void 0,this.disabled=void 0,this.external=void 0,this.target="_self",this.preventScrollReset=!1,this.state={},this.extraClass=void 0}render(){return this.external?t("a",{href:this.url,target:this.target,onClick:n=>this.handleClick(n),class:`link link--${this.size} link--${this.variant} ${this.inline?"link--inline":""} ${this.disabled?"link--disabled":""} ${this.extraClass}`},t("span",{class:"link__label"},this.label),this.icon&&this.iconType&&t("span",{className:"link__icon"},this.iconType),t("slot",null)):t("a",{href:this.url,onClick:this.handleClick,class:`link link--${this.size} link--${this.variant} ${this.inline?"link--inline":""} ${this.disabled?"link--disabled":""} ${this.extraClass}`},t("span",{class:"link__label"},this.label),this.icon&&this.iconType&&t("span",{class:"link__icon"},this.iconType),t("slot",null))}static get style(){return rt}},[4,"dga-link",{variant:[1],size:[1],label:[1],url:[1],inline:[4],icon:[4],iconType:[16],disabled:[4],external:[4],target:[1],preventScrollReset:[4,"prevent-scroll-reset"],state:[16],extraClass:[1,"extra-class"]}]);function at(){if(typeof customElements>"u")return;["dga-link"].forEach(n=>{switch(n){case"dga-link":customElements.get(n)||customElements.define(n,la);break}})}const ot=la,et=at,tt=`@charset "UTF-8";
177591
+ }`,rt=nt,la=I(class extends M{constructor(){super(),this.__registerHost(),this.handleClick=n=>{},this.variant="primary",this.size=void 0,this.label=void 0,this.url=void 0,this.inline=void 0,this.icon=void 0,this.iconType=void 0,this.disabled=void 0,this.external=void 0,this.target="_self",this.preventScrollReset=!1,this.state={},this.extraClass=void 0}render(){return this.external?t("a",{href:this.url,target:this.target,class:`link link--${this.size} link--${this.variant} ${this.inline?"link--inline":""} ${this.disabled?"link--disabled":""} ${this.extraClass}`},t("span",{class:"link__label"},this.label),this.icon&&this.iconType&&t("span",{className:"link__icon"},this.iconType),t("slot",null)):t("a",{href:this.url,onClick:this.handleClick,class:`link link--${this.size} link--${this.variant} ${this.inline?"link--inline":""} ${this.disabled?"link--disabled":""} ${this.extraClass}`},t("span",{class:"link__label"},this.label),this.icon&&this.iconType&&t("span",{class:"link__icon"},this.iconType),t("slot",null))}static get style(){return rt}},[4,"dga-link",{variant:[1],size:[1],label:[1],url:[1],inline:[4],icon:[4],iconType:[16],disabled:[4],external:[4],target:[1],preventScrollReset:[4,"prevent-scroll-reset"],state:[16],extraClass:[1,"extra-class"]}]);function at(){if(typeof customElements>"u")return;["dga-link"].forEach(n=>{switch(n){case"dga-link":customElements.get(n)||customElements.define(n,la);break}})}const ot=la,et=at,tt=`@charset "UTF-8";
177592
177592
  /*
177593
177593
  0 - 600px: Phone
177594
177594
  600 - 900px: Tablet portrait
@@ -329719,7 +329719,7 @@ a:focus {
329719
329719
 
329720
329720
  .flex-align-stretch {
329721
329721
  align-items: stretch;
329722
- }`,Zt=Ut,xa=I(class extends M{constructor(){super(),this.__registerHost(),this.label=void 0,this.color="neutral",this.variant="success",this.size="md",this.iconOnly=void 0,this.iconType=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.rounded=void 0,this.outlined=void 0}render(){return this.iconOnly?t("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""} tag--icon`},this.iconType&&t("span",{class:"tag-icon"},this.iconType),t("slot",null)):t("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""}`},this.leadIcon&&this.leadIconType?t("span",{class:"tag-icon"},this.leadIconType):"",this.label,this.trailIcon&&this.trailIconType?t("span",{class:"tag-icon"},this.trailIconType):"",t("slot",null))}static get style(){return Zt}},[4,"dga-tag",{label:[1],color:[1],variant:[1],size:[1],iconOnly:[4,"icon-only"],iconType:[16],leadIcon:[4,"lead-icon"],leadIconType:[16],trailIcon:[4,"trail-icon"],trailIconType:[16],rounded:[4],outlined:[4]}]);function Vt(){if(typeof customElements>"u")return;["dga-tag"].forEach(n=>{switch(n){case"dga-tag":customElements.get(n)||customElements.define(n,xa);break}})}const Nt=xa,Jt=Vt;/**
329722
+ }`,Zt=Ut,xa=I(class extends M{constructor(){super(),this.__registerHost(),this.label=void 0,this.color="neutral",this.variant="success",this.size="md",this.iconOnly=void 0,this.iconType=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.rounded=void 0,this.outlined=void 0}render(){return this.iconOnly?t("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""} tag--icon`},this.iconType&&t("span",{class:"tag-icon"},this.iconType),!this.iconType&&t("slot",null)):t("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""}`},this.leadIcon&&this.leadIconType?t("span",{class:"tag-icon"},this.leadIconType):"",this.label,this.trailIcon&&this.trailIconType?t("span",{class:"tag-icon"},this.trailIconType):"",t("slot",null))}static get style(){return Zt}},[4,"dga-tag",{label:[1],color:[1],variant:[1],size:[1],iconOnly:[4,"icon-only"],iconType:[8,"icon-type"],leadIcon:[4,"lead-icon"],leadIconType:[8,"lead-icon-type"],trailIcon:[4,"trail-icon"],trailIconType:[8,"trail-icon-type"],rounded:[4],outlined:[4]}]);function Vt(){if(typeof customElements>"u")return;["dga-tag"].forEach(n=>{switch(n){case"dga-tag":customElements.get(n)||customElements.define(n,xa);break}})}const Nt=xa,Jt=Vt;/**
329723
329723
  * @license @hugeicons/react-pro v0.3.1
329724
329724
  *
329725
329725
  * See the LICENSE file in the root directory of this source tree.
package/dist/index.js CHANGED
@@ -77492,7 +77492,7 @@ a:focus {
77492
77492
  render() {
77493
77493
  var n;
77494
77494
  const a = this.btnId || `btn-${Math.random().toString(36).substr(2, 9)}`, o = !((n = this.customAttribute) === null || n === void 0) && n.key ? { [this.customAttribute.key]: this.customAttribute.value || "" } : {}, l = ["btn", `btn--${this.size}`, `btn--${this.variant}`, this.iconOnly ? "btn--icon" : ""].filter(Boolean).join(" ");
77495
- return t("button", Object.assign({ key: "8a7d9bd1230d0b17781f5fba501646b419258f16", id: a }, o, { type: this.type, class: l, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? "Button with icon" : this.label, role: "button", onClick: (s) => this.handleClick(s) }), this.iconOnly && this.iconType && t("span", { key: "e0702f5cb8d566cf5d8605e3121fa6e86c20fef6", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "82fc4e3009531716b16d240582d886a39bebbc1e", icon: this.iconType })), this.leadIcon && this.leadIconType && t("span", { key: "0261cc0a8eb49a5178c37efc0ebd29577cec0c1c", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "4f67b1e6ebe9de262cc01482a2d267781712eaae", icon: this.leadIconType })), this.label && t("span", { key: "257c3175ff6aba62bb9582d512c29561e4f92d2c" }, this.label), this.trailIcon && this.trailIconType && t("span", { key: "b4bd2957dfd2ca8e91138c365574ae754384a21a", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "3a1ec5f466f9ab2228182676661df4faf6ab0af2", icon: this.trailIconType })));
77495
+ return t("button", Object.assign({ key: "8a7d9bd1230d0b17781f5fba501646b419258f16", id: a }, o, { type: this.type, class: l, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? "Button with icon" : this.label, role: "button", onClick: (s) => this.handleClick(s) }), this.iconOnly && this.iconType && t("span", { key: "e0702f5cb8d566cf5d8605e3121fa6e86c20fef6", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "82fc4e3009531716b16d240582d886a39bebbc1e", icon: this.iconType })), this.leadIcon && this.leadIconType && t("span", { key: "0261cc0a8eb49a5178c37efc0ebd29577cec0c1c", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "4f67b1e6ebe9de262cc01482a2d267781712eaae", icon: this.leadIconType })), !this.iconOnly && this.label && t("span", { key: "7bafee5e4db692bfd0f7003b6e4f267f7f758390" }, this.label), this.trailIcon && this.trailIconType && t("span", { key: "c5ee5d17916f6d2ec26eb7c11e5fec07afab9768", class: "btn-icon", "aria-hidden": "true" }, t("dga-icon", { key: "91f6db8e15eb96a5a1a9e5687c5961313e5b3f81", icon: this.trailIconType })));
77496
77496
  }
77497
77497
  static get style() {
77498
77498
  return _e;
@@ -179370,15 +179370,13 @@ a:focus {
179370
179370
  }`, rt = nt, la = /* @__PURE__ */ I(class extends M {
179371
179371
  constructor() {
179372
179372
  super(), this.__registerHost(), this.handleClick = (n) => {
179373
- n.preventDefault();
179374
179373
  }, this.variant = "primary", this.size = void 0, this.label = void 0, this.url = void 0, this.inline = void 0, this.icon = void 0, this.iconType = void 0, this.disabled = void 0, this.external = void 0, this.target = "_self", this.preventScrollReset = !1, this.state = {}, this.extraClass = void 0;
179375
179374
  }
179376
179375
  render() {
179377
179376
  return this.external ? t("a", {
179378
- // id={this.id}
179379
179377
  href: this.url,
179380
179378
  target: this.target,
179381
- onClick: (n) => this.handleClick(n),
179379
+ // onClick={event => this.handleClick(event)}
179382
179380
  class: `link link--${this.size} link--${this.variant} ${this.inline ? "link--inline" : ""} ${this.disabled ? "link--disabled" : ""} ${this.extraClass}`
179383
179381
  }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { className: "link__icon" }, this.iconType), t("slot", null)) : t("a", { href: this.url, onClick: this.handleClick, class: `link link--${this.size} link--${this.variant} ${this.inline ? "link--inline" : ""} ${this.disabled ? "link--disabled" : ""} ${this.extraClass}` }, t("span", { class: "link__label" }, this.label), this.icon && this.iconType && t("span", { class: "link__icon" }, this.iconType), t("slot", null));
179384
179382
  }
@@ -331875,32 +331873,8 @@ a:focus {
331875
331873
  constructor() {
331876
331874
  super(), this.__registerHost(), this.label = void 0, this.color = "neutral", this.variant = "success", this.size = "md", this.iconOnly = void 0, this.iconType = void 0, this.leadIcon = void 0, this.leadIconType = void 0, this.trailIcon = void 0, this.trailIconType = void 0, this.rounded = void 0, this.outlined = void 0;
331877
331875
  }
331878
- // @Prop() id = guid();
331879
- // @Prop() children;
331880
- // @Prop() customAttribute = {
331881
- // key: "",
331882
- // value: "",
331883
- // };
331884
- // // // dialogRef!: HTMLDialogElement;
331885
- // // // containergRef!: HTMLDivElement;
331886
331876
  render() {
331887
- return this.iconOnly ? t("span", {
331888
- // id={id}
331889
- // {...(customAttribute.key && {
331890
- // [customAttribute.key]: customAttribute.value
331891
- // ? customAttribute.value
331892
- // : "",
331893
- // })}
331894
- class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""} tag--icon`
331895
- }, this.iconType && t("span", { class: "tag-icon" }, this.iconType), t("slot", null)) : t("span", {
331896
- // id={id}
331897
- // {...(customAttribute.key && {
331898
- // [customAttribute.key]: customAttribute.value
331899
- // ? customAttribute.value
331900
- // : "",
331901
- // })}
331902
- class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}`
331903
- }, this.leadIcon && this.leadIconType ? t("span", { class: "tag-icon" }, this.leadIconType) : "", this.label, this.trailIcon && this.trailIconType ? t("span", { class: "tag-icon" }, this.trailIconType) : "", t("slot", null));
331877
+ return this.iconOnly ? t("span", { class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""} tag--icon` }, this.iconType && t("span", { class: "tag-icon" }, this.iconType), !this.iconType && t("slot", null)) : t("span", { class: `tag tag--${this.color}${this.outlined ? "-outlined" : ""} tag--${this.size} ${this.rounded ? "tag--rounded" : ""}` }, this.leadIcon && this.leadIconType ? t("span", { class: "tag-icon" }, this.leadIconType) : "", this.label, this.trailIcon && this.trailIconType ? t("span", { class: "tag-icon" }, this.trailIconType) : "", t("slot", null));
331904
331878
  }
331905
331879
  static get style() {
331906
331880
  return Zt;
@@ -331911,11 +331885,11 @@ a:focus {
331911
331885
  variant: [1],
331912
331886
  size: [1],
331913
331887
  iconOnly: [4, "icon-only"],
331914
- iconType: [16],
331888
+ iconType: [8, "icon-type"],
331915
331889
  leadIcon: [4, "lead-icon"],
331916
- leadIconType: [16],
331890
+ leadIconType: [8, "lead-icon-type"],
331917
331891
  trailIcon: [4, "trail-icon"],
331918
- trailIconType: [16],
331892
+ trailIconType: [8, "trail-icon-type"],
331919
331893
  rounded: [4],
331920
331894
  outlined: [4]
331921
331895
  }]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "platformscode-new-react",
3
- "version": "0.0.9",
3
+ "version": "0.0.10",
4
4
  "description": "React Components for Platformscode",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",