@gravitee/ui-components 3.25.3 → 3.25.4

package/src/atoms/gv-checkbox.js

@@ -37,93 +37,143 @@ import { InputElement } from '../mixins/input-element';
  *
  * @cssprop {Color} [--gv-checkbox--bgc=var(--gv-theme-color, #5a7684)] - Checked background color
  */
-
 export class GvCheckbox extends InputElement(LitElement) {
-  static get properties() {
-    return {
-      disabled: {
-        type: Boolean
-      },
-      skeleton: {
-        type: Boolean
-      },
-      value: {
-        type: String,
-        reflect: true
-      },
-      checked: {
-        type: Boolean,
-        reflect: true
-      },
-      label: {
-        type: String
-      },
-      title: {
-        type: String
-      }
-    };
-  }
+    static get properties() {
+        return {
+            disabled: { type: Boolean },
+            skeleton: { type: Boolean },
+            value: { type: String, reflect: true },
+            checked: { type: Boolean, reflect: true },
+            label: { type: String },
+            title: { type: String },
+        };
+    }
+    static get styles() {
+        return [
+            skeleton,
+            // language=CSS
+            css `
+        :host {
+          cursor: pointer;
+          --gv-icon--c: var(--gv-theme-neutral-color-dark, #d9d9d9);
+          --gv-icon--s: 30px;
+        }
 
-  static get styles() {
-    return [skeleton, // language=CSS
-    css`:host{cursor:pointer;--gv-icon--c:var(--gv-theme-neutral-color-dark, #d9d9d9);--gv-icon--s:30px}.container{position:relative;height:30px}input{border:1px solid var(--gv-theme-neutral-color-dark,#d9d9d9);box-sizing:border-box;border-radius:4px;outline:0;padding:10px;cursor:pointer}input:disabled{cursor:default;opacity:.5}label{cursor:pointer;line-height:29px;padding-left:15px}.required>label::after{content:'*';color:var(--gv-theme-color-danger)}gv-icon{position:absolute}gv-icon.checked{--gv-icon--s:20px;background-color:var(--gv-checkbox--bgc,var(--gv-theme-color,#5a7684));display:inherit!important;margin:5px;border-radius:4px;height:20px}gv-icon:disabled{cursor:default;opacity:.5}.disabled,.skeleton{cursor:default}label abbr{position:absolute;left:0;color:red;font-variant:none}`];
-  }
+        .container {
+          position: relative;
+          height: 30px;
+        }
 
-  constructor() {
-    super();
-    this._type = 'checkbox';
-    this.checked = false;
-    this.value = 'off';
-  }
+        /* BASE */
+        input {
+          border: 1px solid var(--gv-theme-neutral-color-dark, #d9d9d9);
+          box-sizing: border-box;
+          border-radius: 4px;
+          outline: none;
+          padding: 10px;
+          cursor: pointer;
+        }
 
-  _renderLabel() {
-    if (this.label) {
-      return html`<label class="${classMap({
-        disabled: this.disabled,
-        skeleton: this.skeleton,
-        'checkbox-label': true
-      })}" title="${this.label}"> ${this.label} </label> `;
-    }
+        input:disabled {
+          cursor: default;
+          opacity: 0.5;
+        }
 
-    return '';
-  }
+        label {
+          cursor: pointer;
+          line-height: 29px;
+          padding-left: 15px;
+        }
 
-  _onInput() {
-    if (!(this.disabled || this.skeleton)) {
-      this.checked = !this.checked; // Must dispatch events after all properties are updated
+        .required > label::after {
+          content: '*';
+          color: var(--gv-theme-color-danger);
+        }
 
-      setTimeout(() => {
-        dispatchCustomEvent(this, 'input', this.checked);
-        this.dispatchEvent(new Event('input', {
-          bubbles: true,
-          cancelable: true
-        }));
-        this.dispatchEvent(new Event('change', {
-          bubbles: true,
-          cancelable: true
-        }));
-      }, 0);
-    }
-  }
+        gv-icon {
+          position: absolute;
+        }
 
-  updated(properties) {
-    if (properties.has('checked') && (this.value === 'off' || this.value === 'on')) {
-      this.value = this.checked ? 'on' : 'off';
-    }
-  }
+        gv-icon.checked {
+          --gv-icon--s: 20px;
+          background-color: var(--gv-checkbox--bgc, var(--gv-theme-color, #5a7684));
+          display: inherit !important;
+          margin: 5px;
+          border-radius: 4px;
+          height: 20px;
+        }
+
+        gv-icon:disabled {
+          cursor: default;
+          opacity: 0.5;
+        }
 
-  render() {
-    const classes = {
-      skeleton: this.skeleton,
-      disabled: this.disabled,
-      required: this.required,
-      container: true
-    };
-    return html` <div class="${classMap(classes)}"> <gv-icon shape="design:border" @click="${this._onInput}"></gv-icon> <gv-icon style="display:none" @click="${this._onInput}" class="${classMap({
-      checked: this.checked
-    })}" shape="code:check"></gv-icon> <label @click="${this._onInput}">${this._renderLabel()}</label> </div> `;
-  }
+        .disabled,
+        .skeleton {
+          cursor: default;
+        }
 
+        label abbr {
+          position: absolute;
+          left: 0;
+          color: red;
+          font-variant: none;
+        }
+      `,
+        ];
+    }
+    constructor() {
+        super();
+        this._type = 'checkbox';
+        this.checked = false;
+        this.value = 'off';
+    }
+    _renderLabel() {
+        if (this.label) {
+            return html `<label
+        class="${classMap({
+                disabled: this.disabled,
+                skeleton: this.skeleton,
+                'checkbox-label': true,
+            })}"
+        title="${this.label}"
+      >
+        ${this.label}
+      </label> `;
+        }
+        return '';
+    }
+    _onInput() {
+        if (!(this.disabled || this.skeleton)) {
+            this.checked = !this.checked;
+            // Must dispatch events after all properties are updated
+            setTimeout(() => {
+                dispatchCustomEvent(this, 'input', this.checked);
+                this.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+                this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+            }, 0);
+        }
+    }
+    updated(properties) {
+        if (properties.has('checked') && (this.value === 'off' || this.value === 'on')) {
+            this.value = this.checked ? 'on' : 'off';
+        }
+    }
+    render() {
+        const classes = {
+            skeleton: this.skeleton,
+            disabled: this.disabled,
+            required: this.required,
+            container: true,
+        };
+        return html `
+      <div class=${classMap(classes)}>
+        <gv-icon shape="design:border" @click=${this._onInput}></gv-icon>
+        <gv-icon style="display: none;" @click=${this._onInput} class=${classMap({ checked: this.checked })} shape="code:check"></gv-icon>
+        <label @click=${this._onInput}>${this._renderLabel()}</label>
+      </div>
+    `;
+    }
 }
 window.customElements.define('gv-checkbox', GvCheckbox);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LWNoZWNrYm94LmpzIl0sIm5hbWVzIjpbImNsYXNzTWFwIiwiTGl0RWxlbWVudCIsImh0bWwiLCJjc3MiLCJza2VsZXRvbiIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJJbnB1dEVsZW1lbnQiLCJHdkNoZWNrYm94IiwicHJvcGVydGllcyIsImRpc2FibGVkIiwidHlwZSIsIkJvb2xlYW4iLCJ2YWx1ZSIsIlN0cmluZyIsInJlZmxlY3QiLCJjaGVja2VkIiwibGFiZWwiLCJ0aXRsZSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiX3R5cGUiLCJfcmVuZGVyTGFiZWwiLCJfb25JbnB1dCIsInNldFRpbWVvdXQiLCJkaXNwYXRjaEV2ZW50IiwiRXZlbnQiLCJidWJibGVzIiwiY2FuY2VsYWJsZSIsInVwZGF0ZWQiLCJoYXMiLCJyZW5kZXIiLCJjbGFzc2VzIiwicmVxdWlyZWQiLCJjb250YWluZXIiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFFQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBQ0EsU0FBU0MsWUFBVCxRQUE2Qix5QkFBN0I7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLFVBQU4sU0FBeUJELFlBQVksQ0FBQ0wsVUFBRCxDQUFy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QUVpQyxLQUFLVCxRQUZ0QyxzREFHa0MsS0FBS0EsUUFIdkMsWUFHeUR0QixRQUFRLENBQUM7QUFBRWUsTUFBQUEsT0FBTyxFQUFFLEtBQUtBO0FBQWhCLEtBQUQsQ0FIakUsa0RBSVMsS0FBS08sUUFKZCxLQUkwQixLQUFLRCxZQUFMLEVBSjFCLGtCQUFYO0FBT0Q7O0FBOUlzRDtBQWlKekRhLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsYUFBN0IsRUFBNEM3QixVQUE1QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5cbmltcG9ydCB7IExpdEVsZW1lbnQsIGh0bWwsIGNzcyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvaW5wdXQtZWxlbWVudCc7XG5cbi8qKlxuICogQSB3cmFwcGVyIG9mIGEgPGNoZWNrYm94PiBjb21wb25lbnQuXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LWNoZWNrYm94OmlucHV0IC0gbWlycm9ycyBuYXRpdmUgaW5wdXQgZXZlbnRzIHdpdGggdGhlIGB2YWx1ZWAgb24gYGRldGFpbGBcbiAqIEBmaXJlcyBpbnB1dCAtIG5hdGl2ZSBpbnB1dCBldmVudFxuICogQGZpcmVzIGNoYW5nZSAtIG5hdGl2ZSBjaGFuZ2UgZXZlbnRcbiAqXG4gKiBAYXR0ciB7Qm9vbGVhbn0gZGlzYWJsZWQgLSBzYW1lIGFzIG5hdGl2ZSBjaGVja2JveCBlbGVtZW50IGBkaXNhYmxlZGAgYXR0cmlidXRlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gc2tlbGV0b24gLSBlbmFibGUgc2tlbGV0b24gc2NyZWVuIFVJIHBhdHRlcm4gKGxvYWRpbmcgaGludClcbiAqIEBhdHRyIHtTdHJpbmd9IHZhbHVlIC0gVGhlIHN0cmluZyB0byB1c2UgYXMgdGhlIHZhbHVlIG9mIHRoZSBjaGVja2JveCB3aGVuIHN1Ym1pdHRpbmcgdGhlIGZvcm0sIGlmIHRoZSBjaGVja2JveCBpcyBjdXJyZW50bHkgdG9nZ2xlZCBvblxuICogQGF0dHIge0Jvb2xlYW59IGNoZWNrZWQgLSB0cnVlIGlmIHRoZSBjaGVja2JveCBpcyBjaGVja2VkLCBmYWxzZSBvdGhlcndpc2VcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIGNoZWNrYm94XG4gKiBAYXR0ciB7U3RyaW5nfSB0aXRsZSAtIHRpdGxlIG9mIHRoZSBjaGVja2JveFxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2hlY2tib3gtLWJnYz12YXIoLS1ndi10aGVtZS1jb2xvciwgIzVhNzY4NCldIC0gQ2hlY2tlZCBiYWNrZ3JvdW5kIGNvbG9yXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNoZWNrYm94IGV4dGVuZHMgSW5wdXRFbGVtZW50KExpdEVsZW1lbnQpIHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBkaXNhYmxlZDogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICBza2VsZXRvbjogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICB2YWx1ZTogeyB0eXBlOiBTdHJpbmcsIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGNoZWNrZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgbGFiZWw6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICB0aXRsZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHNrZWxldG9uLFxuICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgLS1ndi1pY29uLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogMzBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAvKiBCQVNFICovXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgcGFkZGluZzogMTBweDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICBpbnB1dDpkaXNhYmxlZCB7XG4gICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgfVxuXG4gICAgICAgIGxhYmVsIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI5cHg7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAxNXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnJlcXVpcmVkID4gbGFiZWw6OmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiAnKic7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWd2LXRoZW1lLWNvbG9yLWRhbmdlcik7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pY29uIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pY29uLmNoZWNrZWQge1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogMjBweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ndi1jaGVja2JveC0tYmdjLCB2YXIoLS1ndi10aGVtZS1jb2xvciwgIzVhNzY4NCkpO1xuICAgICAgICAgIGRpc3BsYXk6IGluaGVyaXQgIWltcG9ydGFudDtcbiAgICAgICAgICBtYXJnaW46IDVweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWNvbjpkaXNhYmxlZCB7XG4gICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5kaXNhYmxlZCxcbiAgICAgICAgLnNrZWxldG9uIHtcbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIH1cblxuICAgICAgICBsYWJlbCBhYmJyIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICBjb2xvcjogcmVkO1xuICAgICAgICAgIGZvbnQtdmFyaWFudDogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl90eXBlID0gJ2NoZWNrYm94JztcbiAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICB0aGlzLnZhbHVlID0gJ29mZic7XG4gIH1cblxuICBfcmVuZGVyTGFiZWwoKSB7XG4gICAgaWYgKHRoaXMubGFiZWwpIHtcbiAgICAgIHJldHVybiBodG1sYDxsYWJlbFxuICAgICAgICBjbGFzcz1cIiR7Y2xhc3NNYXAoe1xuICAgICAgICAgIGRpc2FibGVkOiB0aGlzLmRpc2FibGVkLFxuICAgICAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgICAgICdjaGVja2JveC1sYWJlbCc6IHRydWUsXG4gICAgICAgIH0pfVwiXG4gICAgICAgIHRpdGxlPVwiJHt0aGlzLmxhYmVsfVwiXG4gICAgICA+XG4gICAgICAgICR7dGhpcy5sYWJlbH1cbiAgICAgIDwvbGFiZWw+IGA7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIF9vbklucHV0KCkge1xuICAgIGlmICghKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbikpIHtcbiAgICAgIHRoaXMuY2hlY2tlZCA9ICF0aGlzLmNoZWNrZWQ7XG4gICAgICAvLyBNdXN0IGRpc3BhdGNoIGV2ZW50cyBhZnRlciBhbGwgcHJvcGVydGllcyBhcmUgdXBkYXRlZFxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2lucHV0JywgdGhpcy5jaGVja2VkKTtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNhbmNlbGFibGU6IHRydWUgfSkpO1xuICAgICAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUsIGNhbmNlbGFibGU6IHRydWUgfSkpO1xuICAgICAgfSwgMCk7XG4gICAgfVxuICB9XG5cbiAgdXBkYXRlZChwcm9wZXJ0aWVzKSB7XG4gICAgaWYgKHByb3BlcnRpZXMuaGFzKCdjaGVja2VkJykgJiYgKHRoaXMudmFsdWUgPT09ICdvZmYnIHx8IHRoaXMudmFsdWUgPT09ICdvbicpKSB7XG4gICAgICB0aGlzLnZhbHVlID0gdGhpcy5jaGVja2VkID8gJ29uJyA6ICdvZmYnO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBjbGFzc2VzID0ge1xuICAgICAgc2tlbGV0b246IHRoaXMuc2tlbGV0b24sXG4gICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZCxcbiAgICAgIHJlcXVpcmVkOiB0aGlzLnJlcXVpcmVkLFxuICAgICAgY29udGFpbmVyOiB0cnVlLFxuICAgIH07XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPSR7Y2xhc3NNYXAoY2xhc3Nlcyl9PlxuICAgICAgICA8Z3YtaWNvbiBzaGFwZT1cImRlc2lnbjpib3JkZXJcIiBAY2xpY2s9JHt0aGlzLl9vbklucHV0fT48L2d2LWljb24+XG4gICAgICAgIDxndi1pY29uIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIiBAY2xpY2s9JHt0aGlzLl9vbklucHV0fSBjbGFzcz0ke2NsYXNzTWFwKHsgY2hlY2tlZDogdGhpcy5jaGVja2VkIH0pfSBzaGFwZT1cImNvZGU6Y2hlY2tcIj48L2d2LWljb24+XG4gICAgICAgIDxsYWJlbCBAY2xpY2s9JHt0aGlzLl9vbklucHV0fT4ke3RoaXMuX3JlbmRlckxhYmVsKCl9PC9sYWJlbD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtY2hlY2tib3gnLCBHdkNoZWNrYm94KTtcbiJdfQ==
+//# sourceMappingURL=gv-checkbox.js.map

package/src/atoms/gv-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-checkbox.js","sourceRoot":"","sources":["../../../src/atoms/gv-checkbox.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,UAAW,SAAQ,YAAY,CAAC,UAAU,CAAC;IACtD,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;YACtC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;YACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,QAAQ;YACR,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEF;SACF,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAA;iBACA,QAAQ,CAAC;gBAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,gBAAgB,EAAE,IAAI;aACvB,CAAC;iBACO,IAAI,CAAC,KAAK;;UAEjB,IAAI,CAAC,KAAK;gBACJ,CAAC;SACZ;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,EAAE;YACrC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,wDAAwD;YACxD,UAAU,CAAC,GAAG,EAAE;gBACd,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAC5E,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAC/E,CAAC,EAAE,CAAC,CAAC,CAAC;SACP;IACH,CAAC;IAED,OAAO,CAAC,UAAU;QAChB,IAAI,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,EAAE;YAC9E,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;SAC1C;IACH,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,SAAS,EAAE,IAAI;SAChB,CAAC;QACF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC,OAAO,CAAC;gDACY,IAAI,CAAC,QAAQ;iDACZ,IAAI,CAAC,QAAQ,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;wBACnF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE;;KAEvD,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/src/atoms/gv-date-picker-calendar.d.ts

@@ -0,0 +1,190 @@
+/**
+ * Date Picker Calendar
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-date-picker-cell:select - Custom event when user select cell
+ * @fires gv-date-picker-cell:hover - Custom event when user hover cell
+ *
+ * @attr {Number} dateFrom - unix date form
+ * @attr {Number} dateTo - unix date to
+ * @attr {Array} disabledDates - array of disabled date
+ * @attr {Number} hoveredDate - unix hovered date
+ * @attr {Number} min - unix min date
+ * @attr {Number} max - unix max date
+ * @attr {Object} locale - date-fns locale object
+ *
+ * @cssprop {Color} [--gv-date-picker-hover--bgc=var(--gv-theme-color-light, #86c3d0)] - Hover background color
+ * @cssprop {Color} [--gv-date-picker-hover--c=var(--gv-theme-font-color-dark, #262626)] - Hover color
+ * @cssprop {Color} [--gv-date-picker-selected--bgc=var(--gv-theme-color, #5a7684)] - Selected background color
+ * @cssprop {Color} [--gv-date-picker-selected--c=var(--gv-theme-font-color-light, #ffffff)] - Selected color
+ */
+export class GvDatePickerCalendar extends LitElement {
+    static get properties(): {
+        dateFrom: {
+            type: NumberConstructor;
+        };
+        dateTo: {
+            type: NumberConstructor;
+        };
+        disabledDates: {
+            type: ArrayConstructor;
+        };
+        hoveredDate: {
+            type: NumberConstructor;
+        };
+        locale: {
+            type: ObjectConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        month: {
+            type: StringConstructor;
+        };
+        monthMode: {
+            type: BooleanConstructor;
+        };
+        next: {
+            type: BooleanConstructor;
+        };
+        prev: {
+            type: BooleanConstructor;
+        };
+        range: {
+            type: BooleanConstructor;
+        };
+        time: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        strict: {
+            type: BooleanConstructor;
+        };
+        year: {
+            type: StringConstructor;
+        };
+        yearMode: {
+            type: BooleanConstructor;
+        };
+        _dayNamesOfWeek: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _dimensions: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _hasGoToday: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _hour: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _minute: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _second: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _monthsList: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _locale: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _from: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _to: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _dayNamesOfWeek: any[];
+    _monthsList: string[];
+    range: boolean;
+    currentDate: number;
+    _hasGoToday: boolean;
+    _hours: string[];
+    _minutes: string[];
+    _seconds: string[];
+    set dateFrom(arg: any);
+    _from: any;
+    _hour: any;
+    _minute: any;
+    _second: any;
+    set dateTo(arg: any);
+    _to: any;
+    computeArrayOfTime(size: any): string[];
+    _renderPreviousNav(): "" | import("lit-html").TemplateResult<1>;
+    _renderCurrentNav(): import("lit-html").TemplateResult<1>;
+    _renderNextNav(): import("lit-html").TemplateResult<1> | undefined;
+    _renderDays(): import("lit-html").TemplateResult<1>;
+    isStrictTime(): boolean;
+    isMinutesDisabled(value: any): boolean;
+    isSecondsDisabled(value: any): boolean;
+    isHoursDisabled(value: any): boolean;
+    _updateTime(): void;
+    getTime(): string;
+    isCurrentDate(data: any): boolean;
+    _updateDays(): void;
+    yearAndMonthChanged(year: any, month: any): void;
+    _dimensions: null[][] | {
+        hover: boolean;
+        date: number;
+        title: string;
+    }[][] | (number | {
+        hover: boolean;
+        date: number;
+        title: number;
+    })[][] | undefined;
+    getYearInterval(year?: any): {
+        start: number;
+        end: number;
+    };
+    computeName(month: any, year: any, _format?: string): string;
+    computeCurrentYearName(): any;
+    _onSelectHour(value: any): void;
+    _onSelectMinute(value: any): void;
+    _onSelectSecond(value: any): void;
+    _onSelectMonth(): void;
+    _dateFrom: any;
+    yearMode: any;
+    monthMode: any;
+    _onSelectYear(): void;
+    get datetimeSelected(): number;
+    _onDateTimeSelected(): void;
+    value: number | undefined;
+    _onNow(): void;
+    month: string | undefined;
+    year: any;
+    get disableValidation(): boolean;
+    _onSelect({ detail }: {
+        detail: any;
+    }): void;
+    hoveredDate: any;
+    _onHover(event: any): void;
+    _onNextMonth(): void;
+    _onPrevMonth(): void;
+    _onNextYear(): void;
+    _onPrevYear(): void;
+    goToday(): void;
+    hasGoToday(): boolean;
+}
+import { LitElement } from "lit-element/lit-element";