@sankhyalabs/ezui 1.2.0-beta.12 → 1.2.0-beta.13

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/ez-modal-container.cjs.entry.js +2 -2
  2. package/dist/collection/components/ez-modal-container/ez-modal-container.css +1 -0
  3. package/dist/collection/components/ez-modal-container/ez-modal-container.js +3 -3
  4. package/dist/custom-elements/index.js +2 -2
  5. package/dist/esm/ez-modal-container.entry.js +2 -2
  6. package/dist/ezui/ez-modal-container.entry.js +2 -2
  7. package/dist/ezui/p-e58aa67c.entry.js +1 -0
  8. package/package.json +1 -1
  9. package/dist/ezui/p-08afd561.entry.js +0 -1
package/dist/cjs/ez-modal-container.cjs.entry.js CHANGED
@@ -12,7 +12,7 @@ var ModalAction;
12
12
  })(ModalAction || (ModalAction = {}));
13
13
  const ModalAction$1 = ModalAction;
14
14
 
15
- const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}";
15
+ const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";
16
16
 
17
17
  let EzModalContainer = class {
18
18
  constructor(hostRef) {
@@ -20,7 +20,7 @@ let EzModalContainer = class {
20
20
  this.ezModalAction = index.createEvent(this, "ezModalAction", 7);
21
21
  }
22
22
  render() {
23
- return (index.h(index.Host, null, index.h("div", { class: "ez-modal-container__header ez-align--middle" }, index.h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, index.h("h2", { class: "ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? index.h("div", { class: "ez-text ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), index.h("ez-icon", { class: "ez-modal-container__close-button", size: "x-large", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), index.h("div", { class: "ez-modal-container__content ez-margin-top--large" }, index.h("slot", null)), index.h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? index.h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? index.h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
23
+ return (index.h(index.Host, null, index.h("div", { class: "ez-modal-container__header ez-align--middle" }, index.h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, index.h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), index.h("ez-icon", { class: "ez-modal-container__close-button", size: "medium", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), index.h("div", { class: "ez-modal-container__content ez-margin-top--large" }, index.h("slot", null)), index.h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? index.h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? index.h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
24
24
  }
25
25
  };
26
26
  EzModalContainer.style = ezModalContainerCss;
package/dist/collection/components/ez-modal-container/ez-modal-container.css CHANGED
@@ -22,5 +22,6 @@
22
22
  }
23
23
 
24
24
  .ez-modal-container__close-button{
25
+ cursor: pointer;
25
26
  --icon--color: var(--title--primary, #2B3A54)
26
27
  }
package/dist/collection/components/ez-modal-container/ez-modal-container.js CHANGED
@@ -5,9 +5,9 @@ export class EzModalContainer {
5
5
  return (h(Host, null,
6
6
  h("div", { class: "ez-modal-container__header ez-align--middle" },
7
7
  h("div", { class: "ez-col ez-align--middle ez-modal-container__title" },
8
- h("h2", { class: "ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle),
9
- this.modalSubTitle ? h("div", { class: "ez-text ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined),
10
- h("ez-icon", { class: "ez-modal-container__close-button", size: "x-large", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) })),
8
+ h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle),
9
+ this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined),
10
+ h("ez-icon", { class: "ez-modal-container__close-button", size: "medium", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) })),
11
11
  h("div", { class: "ez-modal-container__content ez-margin-top--large" },
12
12
  h("slot", null)),
13
13
  h("div", { class: 'ez-col ez-margin-left--auto' },
package/dist/custom-elements/index.js CHANGED
@@ -121996,7 +121996,7 @@ var ModalAction;
121996
121996
  })(ModalAction || (ModalAction = {}));
121997
121997
  const ModalAction$1 = ModalAction;
121998
121998
 
121999
- const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}";
121999
+ const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";
122000
122000
 
122001
122001
  let EzModalContainer$1 = class extends HTMLElement$1 {
122002
122002
  constructor() {
@@ -122005,7 +122005,7 @@ let EzModalContainer$1 = class extends HTMLElement$1 {
122005
122005
  this.ezModalAction = createEvent(this, "ezModalAction", 7);
122006
122006
  }
122007
122007
  render() {
122008
- return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "x-large", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
122008
+ return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "medium", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
122009
122009
  }
122010
122010
  static get style() { return ezModalContainerCss; }
122011
122011
  };
package/dist/esm/ez-modal-container.entry.js CHANGED
@@ -8,7 +8,7 @@ var ModalAction;
8
8
  })(ModalAction || (ModalAction = {}));
9
9
  const ModalAction$1 = ModalAction;
10
10
 
11
- const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}";
11
+ const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";
12
12
 
13
13
  let EzModalContainer = class {
14
14
  constructor(hostRef) {
@@ -16,7 +16,7 @@ let EzModalContainer = class {
16
16
  this.ezModalAction = createEvent(this, "ezModalAction", 7);
17
17
  }
18
18
  render() {
19
- return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "x-large", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
19
+ return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "medium", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
20
20
  }
21
21
  };
22
22
  EzModalContainer.style = ezModalContainerCss;
package/dist/ezui/ez-modal-container.entry.js CHANGED
@@ -8,7 +8,7 @@ var ModalAction;
8
8
  })(ModalAction || (ModalAction = {}));
9
9
  const ModalAction$1 = ModalAction;
10
10
 
11
- const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}";
11
+ const ezModalContainerCss = ".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";
12
12
 
13
13
  let EzModalContainer = class {
14
14
  constructor(hostRef) {
@@ -16,7 +16,7 @@ let EzModalContainer = class {
16
16
  this.ezModalAction = createEvent(this, "ezModalAction", 7);
17
17
  }
18
18
  render() {
19
- return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "x-large", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
19
+ return (h(Host, null, h("div", { class: "ez-modal-container__header ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("ez-icon", { class: "ez-modal-container__close-button", size: "medium", iconName: "close", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) })), h("div", { class: "ez-modal-container__content ez-margin-top--large" }, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelButtonLabel ? h("ez-button", { label: this.cancelButtonLabel, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okButtonLabel ? h("ez-button", { label: this.okButtonLabel, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined)));
20
20
  }
21
21
  };
22
22
  EzModalContainer.style = ezModalContainerCss;
package/dist/ezui/p-e58aa67c.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as a,H as i}from"./p-3c7ea91b.js";var o;!function(e){e.CLOSE="CLOSE",e.OK="OK",e.CANCEL="CANCEL"}(o||(o={}));const l=o;let n=class{constructor(a){e(this,a),this.ezModalAction=t(this,"ezModalAction",7)}render(){return a(i,null,a("div",{class:"ez-modal-container__header ez-align--middle"},a("div",{class:"ez-col ez-align--middle ez-modal-container__title"},a("h2",{class:"ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small"},this.modalTitle),this.modalSubTitle?a("div",{class:"ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small"},this.modalSubTitle):void 0),a("ez-icon",{class:"ez-modal-container__close-button",size:"medium",iconName:"close",onClick:()=>this.ezModalAction.emit(l.CLOSE)})),a("div",{class:"ez-modal-container__content ez-margin-top--large"},a("slot",null)),a("div",{class:"ez-col ez-margin-left--auto"},this.cancelButtonLabel?a("ez-button",{label:this.cancelButtonLabel,onClick:()=>this.ezModalAction.emit(l.CANCEL)}):void 0,this.okButtonLabel?a("ez-button",{label:this.okButtonLabel,class:"ez-button--primary ez-margin-left--medium",onClick:()=>this.ezModalAction.emit(l.OK)}):void 0))}};n.style=".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";export{n as ez_modal_container}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui",
3
- "version": "1.2.0-beta.12",
3
+ "version": "1.2.0-beta.13",
4
4
  "description": "Biblioteca de componentes Sankhya.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",
package/dist/ezui/p-08afd561.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as a,H as i}from"./p-3c7ea91b.js";var o;!function(e){e.CLOSE="CLOSE",e.OK="OK",e.CANCEL="CANCEL"}(o||(o={}));const l=o;let n=class{constructor(a){e(this,a),this.ezModalAction=t(this,"ezModalAction",7)}render(){return a(i,null,a("div",{class:"ez-modal-container__header ez-align--middle"},a("div",{class:"ez-col ez-align--middle ez-modal-container__title"},a("h2",{class:"ez-text ez-title--primary ez-text--bold ez-margin-vertical--extra-small"},this.modalTitle),this.modalSubTitle?a("div",{class:"ez-text ez-text--primary ez-margin-vertical--extra-small"},this.modalSubTitle):void 0),a("ez-icon",{class:"ez-modal-container__close-button",size:"x-large",iconName:"close",onClick:()=>this.ezModalAction.emit(l.CLOSE)})),a("div",{class:"ez-modal-container__content ez-margin-top--large"},a("slot",null)),a("div",{class:"ez-col ez-margin-left--auto"},this.cancelButtonLabel?a("ez-button",{label:this.cancelButtonLabel,onClick:()=>this.ezModalAction.emit(l.CANCEL)}):void 0,this.okButtonLabel?a("ez-button",{label:this.okButtonLabel,class:"ez-button--primary ez-margin-left--medium",onClick:()=>this.ezModalAction.emit(l.OK)}):void 0))}};n.style=".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}";export{n as ez_modal_container}