@digital-realty/ix-icon-button 1.0.35 → 1.0.37

package/dist/ix-icon-button.min.js

@@ -0,0 +1,19 @@
+import{__decorate}from"tslib";import{LitElement,nothing,html as html$1}from"lit";import{query,property}from"lit/decorators.js";import{literal,html}from"lit/static-html.js";import{ifDefined}from"lit/directives/if-defined.js";import"@material/web/iconbutton/icon-button.js";import"@material/web/iconbutton/filled-icon-button.js";import"@material/web/iconbutton/filled-tonal-icon-button.js";import"@material/web/iconbutton/outlined-icon-button.js";import"@digital-realty/ix-icon/ix-icon.js";class IxIconButton extends LitElement{constructor(){super(...arguments),this.appearance="default",this.icon="",this.selectedIcon="",this.disabled=!1,this.flipIconInRtl=!1,this.href=void 0,this.target=void 0,this.ariaLabelSelected=void 0,this.toggle=!1,this.selected=!1,this.type="submit",this.name=void 0,this.value=void 0,this.label=void 0,this.filledIcon=!1}render(){var t=this.label||this.ariaLabel;let e=literal`md-icon-button`;return"outlined"===this.appearance?e=literal`md-outlined-icon-button`:"filled"===this.appearance?e=literal`md-filled-icon-button`:"filled-tonal"===this.appearance&&(e=literal`md-filled-tonal-icon-button`),html`<${e}
+      class="button"
+      ?disabled=${this.disabled}
+      ?flip-icon-in-rtl=${this.flipIconInRtl}
+      href=${ifDefined(this.href)}
+      target=${ifDefined(this.target)}
+      aria-label-selected=${ifDefined(this.ariaLabelSelected)}
+      aria-label=${t||nothing}
+      ?toggle=${this.toggle}
+      ?selected=${this.selected}
+      type=${this.type}
+      name=${ifDefined(this.name)}
+      value=${ifDefined(this.value)}
+      >${this.icon?html$1`<ix-icon ?filled=${this.filledIcon}>${this.icon}</ix-icon>`:html$1`<slot name="default"></slot
+              ><slot name="selected" slot="selected"></slot>`}
+      ${this.selectedIcon?html$1`<ix-icon ?filled=${this.filledIcon} slot="selected"
+              >${this.selectedIcon}</ix-icon
+            >`:nothing}
+      </${e}>`}}__decorate([query(".button")],IxIconButton.prototype,"component",void 0),__decorate([property()],IxIconButton.prototype,"appearance",void 0),__decorate([property()],IxIconButton.prototype,"icon",void 0),__decorate([property()],IxIconButton.prototype,"selectedIcon",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"disabled",void 0),__decorate([property({type:Boolean,attribute:"flip-icon-in-rtl"})],IxIconButton.prototype,"flipIconInRtl",void 0),__decorate([property()],IxIconButton.prototype,"href",void 0),__decorate([property()],IxIconButton.prototype,"target",void 0),__decorate([property({attribute:"aria-label-selected"})],IxIconButton.prototype,"ariaLabelSelected",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"toggle",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"selected",void 0),__decorate([property()],IxIconButton.prototype,"type",void 0),__decorate([property()],IxIconButton.prototype,"name",void 0),__decorate([property()],IxIconButton.prototype,"value",void 0),__decorate([property()],IxIconButton.prototype,"label",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"filledIcon",void 0),window.customElements.define("ix-icon-button",IxIconButton);

package/package.json

@@ -3,13 +3,14 @@
   "description": "Webcomponent ix-icon-button following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
     "./ix-icon-button.js": "./dist/ix-icon-button.js",
+    "./ix-icon-button.min.js": "./dist/ix-icon-button.min.js",
     "./IxIconButton": "./dist/react/IxIconButton.js"
   },
   "publishConfig": {
@@ -18,7 +19,7 @@
   "scripts": {
     "analyze": "cem analyze --litelement",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "build": "tsc && npm run analyze -- --exclude dist",
+    "build": "tsc && npm run analyze -- --exclude dist && rollup -c",
     "prepublish": "tsc && npm run analyze -- --exclude dist",
     "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
     "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
@@ -26,7 +27,7 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@digital-realty/ix-icon": "^1.0.35",
+    "@digital-realty/ix-icon": "^1.0.36",
     "@lit/react": "^1.0.2",
     "@material/web": "1.2.0",
     "lit": "^2.0.2",
@@ -34,7 +35,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@digital-realty/theme": "^1.0.26",
+    "@digital-realty/theme": "^1.0.27",
     "@open-wc/eslint-config": "^9.2.1",
     "@open-wc/testing": "^3.1.6",
     "@typescript-eslint/eslint-plugin": "^5.48.0",
@@ -47,6 +48,9 @@
     "husky": "^4.3.8",
     "lint-staged": "^10.5.4",
     "prettier": "^2.4.1",
+    "rollup-plugin-minify-html-literals": "^1.2.6",
+    "rollup-plugin-summary": "^2.0.0",
+    "rollup-plugin-uglify": "^6.0.4",
     "tslib": "^2.3.1",
     "typescript": "^4.5.2"
   },
@@ -99,5 +103,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "dced04ebef5c8342344b1fd3df33b5e22a78725f"
+  "gitHead": "c7668fda980293ca038c0dd061ebe350fa88ee60"
 }