[ENHANCE] Fix transform attribute

bin/assemble.js

@@ -136,7 +136,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? \`scale(-1, 1)\` : \`none\`
+            return mirrored !== undefined
+                ? (mirrored ? \`scale(-1, 1)\` : undefined)
+                : (contextMirrored ? \`scale(-1, 1)\` : undefined)
         }
     }
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tithely/phosphor-vue",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "A clean and friendly icon family for Vue, too!",
   "repository": "[email protected]:tithely/phosphor-vue.git",
   "author": "Aaron Maurice <[email protected]>",

src/components/PhActivity.vue

@@ -72,7 +72,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAddressBook.vue

@@ -349,7 +349,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplane.vue

@@ -74,7 +74,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneInFlight.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneLanding.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneTakeoff.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneTilt.vue

@@ -74,7 +74,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplay.vue

@@ -104,7 +104,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlarm.vue

@@ -204,7 +204,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlien.vue

@@ -181,7 +181,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignBottom.vue

@@ -205,7 +205,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignBottomSimple.vue

@@ -143,7 +143,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignCenterHorizontal.vue

@@ -289,7 +289,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignCenterHorizontalSimple.vue

@@ -188,7 +188,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignCenterVertical.vue

@@ -295,7 +295,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignCenterVerticalSimple.vue

@@ -188,7 +188,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignLeft.vue

@@ -199,7 +199,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignLeftSimple.vue

@@ -143,7 +143,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignRight.vue

@@ -205,7 +205,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignRightSimple.vue

@@ -143,7 +143,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignTop.vue

@@ -205,7 +205,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAlignTopSimple.vue

@@ -143,7 +143,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAnchor.vue

@@ -202,7 +202,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAnchorSimple.vue

@@ -157,7 +157,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAndroidLogo.vue

@@ -194,7 +194,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAngularLogo.vue

@@ -149,7 +149,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAperture.vue

@@ -354,7 +354,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAppStoreLogo.vue

@@ -312,7 +312,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAppWindow.vue

@@ -128,7 +128,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAppleLogo.vue

@@ -110,7 +110,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhApplePodcastsLogo.vue

@@ -178,7 +178,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhArchive.vue

@@ -169,7 +169,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhArchiveBox.vue

@@ -194,7 +194,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhArchiveTray.vue

@@ -199,7 +199,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })