@gravitee/ui-components 3.25.3-typescript-fdacf14 → 3.25.3-typescript-94e8113

package/dist/wc/gv-category.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-category';

package/dist/wc/gv-chart-bar.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-bar';

package/dist/wc/gv-chart-gauge.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-gauge';

package/dist/wc/gv-chart-histogram.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-histogram';

package/dist/wc/gv-chart-line.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-line';

package/dist/wc/gv-chart-map.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-map';

package/dist/wc/gv-chart-pie.js

@@ -0,0 +1 @@
+import '../src/charts/gv-chart-pie';

package/dist/wc/gv-checkbox.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-checkbox';

package/dist/wc/gv-code.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-code';

package/dist/wc/gv-confirm.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-confirm';

package/dist/wc/gv-cron-editor.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-cron-editor';

package/dist/wc/gv-date-picker-calendar.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-date-picker-calendar';

package/dist/wc/gv-date-picker-cell.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-date-picker-cell';

package/dist/wc/gv-date-picker.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-date-picker';

package/dist/wc/gv-documentation.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-documentation';

package/dist/wc/gv-dropdown-menu.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-dropdown-menu';

package/dist/wc/gv-expandable.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-expandable';

package/dist/wc/gv-expression-language.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-expression-language';

package/dist/wc/gv-file-upload.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-file-upload';

package/dist/wc/gv-flow-step.js

@@ -0,0 +1 @@
+import '../src/policy-studio/gv-flow-step';

package/dist/wc/gv-flow.js

@@ -0,0 +1 @@
+import '../src/policy-studio/gv-flow';

package/dist/wc/gv-header.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-header';

package/dist/wc/gv-http-client.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-http-client';

package/dist/wc/gv-icon.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-icon';

package/dist/wc/gv-identity-picture.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-identity-picture';

package/dist/wc/gv-image.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-image';

package/dist/wc/gv-input-message.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-input-message';

package/dist/wc/gv-input.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-input';

package/dist/wc/gv-link.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-link';

package/dist/wc/gv-list.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-list';

package/dist/wc/gv-menu.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-menu';

package/dist/wc/gv-message.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-message';

package/dist/wc/gv-metric.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-metric';

package/dist/wc/gv-metrics.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-metrics';

package/dist/wc/gv-modal.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-modal';

package/dist/wc/gv-nav.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-nav';

package/dist/wc/gv-newsletter-subscription.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-newsletter-subscription';

package/dist/wc/gv-option.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-option';

package/dist/wc/gv-pagination.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-pagination';

package/dist/wc/gv-plans.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-plans';

package/dist/wc/gv-policy-studio-menu.js

@@ -0,0 +1 @@
+import '../src/policy-studio/gv-policy-studio-menu';

package/dist/wc/gv-policy-studio.js

@@ -0,0 +1 @@
+import '../src/policy-studio/gv-policy-studio';

package/dist/wc/gv-popover.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-popover';

package/dist/wc/gv-promote.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-promote';

package/dist/wc/gv-properties.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-properties';

package/dist/wc/gv-rating-list.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-rating-list';

package/dist/wc/gv-rating.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-rating';

package/dist/wc/gv-relative-time.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-relative-time';

package/dist/wc/gv-resizable-views.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-resizable-views';

package/dist/wc/gv-resources.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-resources';

package/dist/wc/gv-row-expandable.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-row-expandable';

package/dist/wc/gv-row.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-row';

package/dist/wc/gv-schema-form-array.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-schema-form-array';

package/dist/wc/gv-schema-form-control-object.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-schema-form-control-object';

package/dist/wc/gv-schema-form-control.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-schema-form-control';

package/dist/wc/gv-schema-form.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-schema-form';

package/dist/wc/gv-select-native.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-select-native';

package/dist/wc/gv-select.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-select';

package/dist/wc/gv-spinner.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-spinner';

package/dist/wc/gv-state.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-state';

package/dist/wc/gv-stats.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-stats';

package/dist/wc/gv-stepper.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-stepper';

package/dist/wc/gv-switch.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-switch';

package/dist/wc/gv-table.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-table';

package/dist/wc/gv-tabs.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-tabs';

package/dist/wc/gv-tag.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-tag';

package/dist/wc/gv-text.js

@@ -0,0 +1 @@
+import '../src/atoms/gv-text';

package/dist/wc/gv-theme.js

@@ -0,0 +1 @@
+import '../src/theme/gv-theme';

package/dist/wc/gv-tree.js

@@ -0,0 +1 @@
+import '../src/molecules/gv-tree';

package/dist/wc/gv-user-menu.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-user-menu';

package/dist/wc/gv-vertical-menu.js

@@ -0,0 +1 @@
+import '../src/organisms/gv-vertical-menu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.25.3-typescript-fdacf14",
+  "version": "3.25.3-typescript-94e8113",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",
@@ -8,22 +8,21 @@
   },
   "license": "Apache-2.0",
   "author": "",
-  "main": "src/index.js",
-  "types": "src/index.d.ts",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "files": [
     "assets/css",
     "assets/i18n",
     "assets/icons",
     "assets/images",
-    "src",
-    "wc"
+    "dist"
   ],
   "scripts": {
     "build": "npm run docs && npm run check:i18n && npm run generate:theme && npm run generate:dist && build-storybook -s assets --modern --quiet",
     "check:i18n": "node tasks/check-i18n.js",
     "danger": "danger ci",
     "docs": "wca analyze src/** --outFile .docs/custom-elements.json && node tasks/generate-docs.js",
-    "generate:dist": "npm run tsc && npm run rollup",
+    "generate:dist": "npm run tsc",
     "generate:icons": "node tasks/generate-icons.js && npm run lint:fix",
     "generate:theme": "node tasks/generate-theme.js && npm run lint:fix",
     "lint": "eslint src stories tasks && npm run prettier",
@@ -36,7 +35,6 @@
     "prettier": "prettier --check \"**/*.{js,html,css,json}\"",
     "prettier:fix": "prettier --write \"**/*.{js,html,css,json}\"",
     "release": "semantic-release",
-    "rollup": "rollup -c ",
     "serve": "npm run docs && start-storybook -p 6006 --ci -s assets --modern",
     "serve:prod": "npm run build && static -a 0.0.0.0 -p 8080 storybook-static --modern",
     "size": "node tasks/size.js",
@@ -74,10 +72,9 @@
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/preset-env": "7.16.5",
     "@babel/preset-typescript": "^7.16.5",
-    "@commitlint/cli": "15.0.0",
-    "@commitlint/config-conventional": "15.0.0",
+    "@commitlint/cli": "16.0.0",
+    "@commitlint/config-conventional": "16.0.0",
     "@highcharts/map-collection": "1.1.4",
-    "@rollup/plugin-json": "^4.1.0",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "10.0.1",
     "@storybook/addon-a11y": "6.4.9",
@@ -85,13 +82,12 @@
     "@storybook/components": "6.4.9",
     "@storybook/theming": "6.4.9",
     "@storybook/web-components": "6.4.9",
-    "@web/rollup-plugin-copy": "^0.3.0",
     "asciidoctor": "2.2.5",
     "asciidoctor-highlight.js": "0.4.0",
     "babel-jest": "27.4.5",
     "babel-loader": "8.2.3",
     "bundle-phobia-cli": "0.14.13",
-    "chromatic": "6.2.3",
+    "chromatic": "6.3.3",
     "danger": "10.7.1",
     "del": "6.0.0",
     "eslint": "8.5.0",
@@ -123,11 +119,6 @@
     "nodemon": "2.0.15",
     "pascal-case": "3.1.2",
     "prettier": "2.5.1",
-    "rollup": "^2.61.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-minify-html-literals": "^1.2.6",
-    "rollup-plugin-multi-input": "^1.3.1",
-    "rollup-plugin-terser": "^7.0.2",
     "semantic-release": "18.0.1",
     "sort-package-json": "1.53.1",
     "svgo": "2.8.0",

package/src/atoms/gv-autocomplete.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvAutocomplete=void 0;const t=require("lit"),e=require("../lib/events"),o=require("lit/directives/repeat"),i=require("lit/directives/class-map"),s=require("lit/directives/style-map");class n extends t.LitElement{static get properties(){return{options:{type:Array,reflect:!0},value:{type:String,reflect:!0},style:{type:String},minChars:{type:Number},filter:{type:Boolean|Function},size:{type:Number},_options:{type:Array,attribute:!1},_forceOpen:{type:Boolean,attribute:!1}}}static get styles(){return[t.css`:host{box-sizing:border-box;display:inline-block;width:100%}::slotted(*){width:100%}.container{position:relative}.container .options.open{display:block;visibility:visible;opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0);z-index:100}.options{background-color:var(--gv-autocomplete--bgc,var(--gv-theme-neutral-color-lightest,#fff));color:var(--gv-autocomplete--c,var(--gv-theme-font-color,#262626));margin:.2rem;position:absolute;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);border-radius:2px;display:block;width:100%;cursor:pointer;left:0;right:0;visibility:hidden;opacity:0;-webkit-transform:-webkit-translateY(-2em);transform:translateY(-2em);-webkit-transition:-webkit-transform 150ms ease-in-out,opacity 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;overflow:auto}.option{padding:.2rem;min-height:30px;word-break:break-all}.option.match~.option.match{background-color:transparent}.keyboard .option.hover:hover,.option.hover,.option:hover{background-color:var(--gv-autocomplete-hover--bgc,var(--gv-theme-neutral-color-lighter,#fafafa))}.keyboard .option:hover{background-color:transparent}.show{display:block}.hide{display:none}`]}constructor(){super(),this._options=[],this._candidateIndex=-1,this.minChars=1,this.value="",this.style="",this.filter=!1,this.size=5,this._handleOpened=this._onOpened.bind(this)}set options(t){this._options=t}get options(){return this._options}reset(){this._getInput().reset(),this._options=[]}_getFilteredOptions(){return this.filter&&this.value&&this.value.length>=this.minChars&&"*"!==this.value?"function"==typeof this.filter?this._options.filter((t=>this.filter(this.value,t))):this._options.filter((t=>-1!==t.value.indexOf(this.value))):this._options}_onInput(t){clearTimeout(this._cancellableTimeout),this.value=t.target.value,null!=this.value&&this.value.trim().length>=this.minChars?this._cancellableTimeout=setTimeout((()=>{this._open(),(0,e.dispatchCustomEvent)(this,"search",this.value)}),200):this.options=[]}_onSelect(t,o){null==o&&(o=this._options.find((e=>e.value===t))),this.value=this._getInput().value=t,this._close(),(0,e.dispatchCustomEvent)(this,"select",o)}_onMouseOver(){this.shadowRoot.firstElementChild.classList.remove("keyboard"),this._clearHover(),this._shouldSelect=!0}_onMouseLeave(){this._shouldSelect=!1}_renderOption(t){if(t.element)return t.element;if(t.innerHTML){const e=document.createElement("div");return e.innerHTML=t.innerHTML,e}return t.value}_renderStyle(){if(this.style){const e=document.createElement("div");return e.innerHTML=(0,t.unsafeCSS)(this.style),e}return""}_hasNoOptionSlot(){for(const t of this.childNodes)if("noOption"===t.slot)return!0;return!1}render(){const e=this._getFilteredOptions();let n=!1;e&&e.length>0&&this._forceOpen&&(n=0===this.minChars||this.value.trim().length>=this.minChars);const r=this._getInput();let a=0;null!=r&&(a=r.offsetHeight);const l={options:!0,open:n};return t.html`<div class="container">${this._renderStyle()}<slot></slot>${this._hasNoOptionSlot()&&this._forceOpen?t.html`<div class="options open" style="${(0,s.styleMap)({top:`${a}px`})}"><slot name="noOption" class="${e&&0!==e.length?"hide":"show"}"></slot></div>`:""}<div class="${(0,i.classMap)(l)}" @mouseleave="${this._onMouseLeave}" style="${(0,s.styleMap)({top:`${a}px`})}">${(0,o.repeat)(e,(t=>t),((e,o)=>t.html`<div class="${(0,i.classMap)({option:!0})}" data-value="${e.value}" @mouseover="${()=>this._onMouseOver(e,o)}" @click="${()=>this._onSelect(e.value,e)}">${this._renderOption(e)}</div>`))}</div></div>`}_clearHover(){this.shadowRoot.querySelectorAll(".option.hover").forEach((t=>t.classList.remove("hover")))}_updateHover(){if(this._clearHover(),this._candidateIndex>-1){this.shadowRoot.firstElementChild.classList.add("keyboard");const t=this.shadowRoot.querySelectorAll(".option")[this._candidateIndex];if(t){const e=this.shadowRoot.querySelector(".options"),{top:o,left:i}=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=i-s.left,r=o-s.top;e.scrollTo(n,r),t.classList.add("hover")}}}_onKeydown(t){switch(t.keyCode){case 13:{const e=this.shadowRoot.querySelectorAll(".option")[this._candidateIndex];e&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex=-1,this._onSelect(e.getAttribute("data-value")),this._updateHover()),this._close();break}case 40:this._candidateIndex<this.shadowRoot.querySelectorAll(".option").length-1&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex+=1,this._updateHover());break;case 38:this._candidateIndex>0&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex-=1,this._updateHover());break;case 27:t.preventDefault(),t.stopPropagation(),this._candidateIndex=-1,this._updateHover();break;default:this.value=this._getInput().value,this._candidateIndex=-1,this._updateHover()}}_open(){this._forceOpen=!0,(0,e.dispatchCustomEvent)(this,"opened",{target:this})}_close(){this._forceOpen=!1}_onFocus(){this._open()}_onBlur(){!1===this._shouldSelect&&this._close()}_getInput(){for(const t of this.childNodes)if("input"===t.slot)return t;return this.firstElementChild}_onClear(t){this.value=t.target.value}updated(){setTimeout((()=>{const t=this.shadowRoot.querySelector(".option");if(t){const e=t.clientHeight*parseInt(this.size,10),o=this.shadowRoot.querySelector(".options");o.style.maxHeight=`${e}px`,o.scrollTo(0,0)}}),0)}firstUpdated(){this._handlers={input:this._onInput.bind(this),focus:this._onFocus.bind(this),blur:this._onBlur.bind(this),keydown:this._onKeydown.bind(this),clear:this._onClear.bind(this)},this.shadowRoot.addEventListener("input",this._handlers.input),this.shadowRoot.addEventListener("keydown",this._handlers.keydown);const t=this._getInput();t.addEventListener("focus",this._handlers.focus),t.addEventListener("blur",this._handlers.blur),t.addEventListener("gv-input:clear",this._handlers.clear),"gv-input"===t.tagName.toLowerCase()&&t.setAttribute("no-submit",!0)}_onOpened({detail:t}){t.target!==this&&this._close()}connectedCallback(){super.connectedCallback(),window.addEventListener("gv-autocomplete:opened",this._handleOpened)}disconnectedCallback(){if(this._handlers){this.shadowRoot.removeEventListener("input",this._handlers.input),this.shadowRoot.removeEventListener("keydown",this._handlers.keydown);const t=this._getInput();t.removeEventListener("focus",this._handlers.focus),t.removeEventListener("blur",this._handlers.blur),t.removeEventListener("gv-input:clear",this._handlers.clear)}window.removeEventListener("gv-autocomplete:open",this._handleOpened),super.disconnectedCallback()}}exports.GvAutocomplete=n,window.customElements.define("gv-autocomplete",n);

package/src/atoms/gv-button.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvButton=void 0;const t=require("lit/directives/class-map"),i=require("lit"),e=require("../styles/skeleton"),o=require("../styles/link");require("../atoms/gv-icon");const n=require("lit/directives/if-defined"),r=require("../lib/events");class s extends i.LitElement{static get properties(){return{type:{type:String},danger:{type:Boolean},disabled:{type:Boolean},primary:{type:Boolean},outlined:{type:Boolean},link:{type:Boolean},href:{type:String},skeleton:{type:Boolean},icon:{type:String},iconRight:{type:String,attribute:"icon-right"},loading:{type:Boolean},title:{type:String,reflect:!0},provider:{type:String},small:{type:Boolean},tabindex:{type:Number,reflect:!0},_hasContent:{type:Boolean,attribute:!1}}}static get styles(){return[i.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;--gv-icon--s:23px;--github--c:#444;--google--c:#4285f4;--oidc--c:var(--gv-button-oidc--bgc, #000000);--gravitee--c:var(--gv-button-graviteeio_am--bgc, #86c3d0)}:host(:not([link])){outline:0}.github{--gv-button--bgc:var(--github--c)}.google{--gv-button--bgc:var(--google--c)}.oidc{--gv-button--bgc:var(--oidc--c);--gv-button-icon--c:#fff}.oidc.outlined{--gv-button-icon--c:var(--oidc--c)}.button.graviteeio_am{--gv-button--bgc:var(--gravitee--c);color:#383e3f}.button{background:#fff;border:1px solid #000;font-size:var(--gv-button--fz,var(--gv-theme-font-size-m,14px));margin:0;padding:0;height:100%;text-decoration:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;outline:0}.button.small{--gv-icon--s:16px}.button.small:not(.link){max-height:25px;min-height:25px;min-width:25px;--gv-button--p:1px 4px}.button:not(.link){border-radius:var(--gv-button--bdrs,.15rem);cursor:pointer;min-height:39px;min-width:39px;padding:var(--gv-button--p,7px 14px);text-transform:uppercase;user-select:none;width:100%}.button.iconLeft:not(.noContent) slot{margin-left:7px}.button.iconRight:not(.noContent) slot{margin-right:7px}.default{--c:var(--gv-button--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button--bgc, var(--gv-theme-color-dark, #28444f));--icon--c:var(--gv-button--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c)}.primary{--c:var(--gv-button-primary--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button-primary--bgc, var(--gv-theme-color, #5a7684));--icon--c:var(--gv-button-primary--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c);font-weight:500}.danger{--c:var(--gv-button-danger--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button-danger--bgc, var(--gv-theme-color-danger, #ff5722));--icon--c:var(--gv-button-danger--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c)}:host([skeleton]) .button:not(.link){border-color:var(--gv-theme-skeleton-color,#bfbfbf)}.button:not(.link){background-color:var(--bgc);border-color:var(--bgc);color:var(--c)}.button.outlined{background-color:var(--c);color:var(--bgc);--gv-icon--c:var(--bgc);--gv-icon-opacity--c:var(--bgc)}:host(:focus) .button:not(.link):not(.disabled),:host(:hover) .button:not(.link):not(.disabled){box-shadow:0 1px 3px var(--gv-theme-color-darker,#383e3f)}:host(:active) .button{box-shadow:none}.button.disabled{cursor:default;opacity:.5}.button.skeleton>gv-icon{opacity:0}.button{box-shadow:0 0 0 0 rgba(255,255,255,0);transition:all 75ms ease-in-out}.button::-moz-focus-inner{border:0}.button slot{flex:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:100%}.button.noContent slot{display:none}.loading gv-icon{animation:spinner 1.6s linear infinite;--gv-icon--s:20px}.loading.small gv-icon{--gv-icon--s:18px}@keyframes spinner{to{transform:rotate(360deg)}}.link{border:0;cursor:pointer;background-color:transparent}button.link{text-decoration:underline}:host([skeleton]) .link{color:transparent}`,e.skeleton,o.link]}constructor(){super(),this.tabindex=0,this.type="button",this.addEventListener("click",this._onClick.bind(this))}_onKeyDown(t){32!==t.keyCode&&13!==t.keyCode||(t.preventDefault(),this._onClick(t))}_onClick(t){if(this.href&&t.preventDefault(),!this.disabled&&!this.loading&&!this.skeleton){const t=this.closest("form");t&&"submit"===this.type&&t.dispatchEvent(new Event("submit",{bubbles:!0,cancelable:!0})),(0,r.dispatchCustomEvent)(this,"click")}}render(){const e={button:!0,primary:this.primary&&!this.danger,danger:this.danger,skeleton:this.skeleton&&!this.link,default:!this.primary&&!this.danger&&!this.link,outlined:this.outlined,icon:this.icon||this.iconRight,iconLeft:this._hasIconLeft(),iconRight:this.iconRight,loading:this.loading&&!this.link,link:this.link&&!this.primary&&!this.danger,disabled:this.disabled,small:this.small,noContent:!this._hasContent};return this.provider&&(e[this.provider]=!0,this.icon=`thirdparty:${this.provider}`,e.icon=!0,e.iconLeft=!0),this.href?i.html`<a tabindex="-1" .href="${this.href}" .title="${(0,n.ifDefined)(this.title)}" class="${(0,t.classMap)(e)}">${this._getIconLeft()}<slot></slot>${this._getIconRight()}</a>`:i.html`<button tabindex="-1" type="${this.type||"button"}" .title="${(0,n.ifDefined)(this.title)}" class="${(0,t.classMap)(e)}" .disabled="${this.disabled||this.skeleton}">${this._getIconLeft()}<slot></slot>${this._getIconRight()}</button>`}_getIconRight(){return this.iconRight?!this.loading||this.icon||this.link?i.html`<gv-icon shape="${this.iconRight}" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:i.html`<gv-icon shape="navigation:waiting" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:""}_hasIconLeft(){return(this.icon||this.loading)&&!this.iconRight}_getIconLeft(){return this._hasIconLeft()?this.loading&&!this.link?i.html`<gv-icon shape="navigation:waiting" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:i.html`<gv-icon shape="${this.icon}" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}updated(t){super.updated(t);const i=this.shadowRoot.querySelector("slot");this._hasContent=i.assignedNodes().map((t=>t.textContent)).filter((t=>""!==t.trim())).length>0}}exports.GvButton=s,window.customElements.define("gv-button",s);

package/src/atoms/gv-checkbox.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvCheckbox=void 0;const e=require("lit/directives/class-map"),t=require("lit"),i=require("../styles/skeleton"),s=require("../lib/events"),l=require("../mixins/input-element");class o extends((0,l.InputElement)(t.LitElement)){static get properties(){return{disabled:{type:Boolean},skeleton:{type:Boolean},value:{type:String,reflect:!0},checked:{type:Boolean,reflect:!0},label:{type:String},title:{type:String}}}static get styles(){return[i.skeleton,t.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}`]}constructor(){super(),this._type="checkbox",this.checked=!1,this.value="off"}_renderLabel(){return this.label?t.html`<label class="${(0,e.classMap)({disabled:this.disabled,skeleton:this.skeleton,"checkbox-label":!0})}" title="${this.label}">${this.label}</label>`:""}_onInput(){this.disabled||this.skeleton||(this.checked=!this.checked,setTimeout((()=>{(0,s.dispatchCustomEvent)(this,"input",this.checked),this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}),0))}updated(e){!e.has("checked")||"off"!==this.value&&"on"!==this.value||(this.value=this.checked?"on":"off")}render(){const i={skeleton:this.skeleton,disabled:this.disabled,required:this.required,container:!0};return t.html`<div class="${(0,e.classMap)(i)}"><gv-icon shape="design:border" @click="${this._onInput}"></gv-icon><gv-icon style="display:none" @click="${this._onInput}" class="${(0,e.classMap)({checked:this.checked})}" shape="code:check"></gv-icon><label @click="${this._onInput}">${this._renderLabel()}</label></div>`}}exports.GvCheckbox=o,window.customElements.define("gv-checkbox",o);