 
 class UpperCase extends TransformString
   @extend()
+  @displayName: 'Upper'
   hover: icon: ':upper-case:', emoji: ':point_up:'
-  displayName: 'Upper'
   getNewText: (text) ->
     text.toUpperCase()
 
 class LowerCase extends TransformString
   @extend()
+  @displayName: 'Lower'
   hover: icon: ':lower-case:', emoji: ':point_down:'
-  displayName: 'Lower'
   getNewText: (text) ->
     text.toLowerCase()
 
 class CamelCase extends TransformString
   @extend()
+  @displayName: 'Camelize'
   hover: icon: ':camel-case:', emoji: ':camel:'
-  displayName: 'Camelize'
   getNewText: (text) ->
     _.camelize text
 
 class SnakeCase extends TransformString
   @extend()
+  @displayName: 'Underscore _'
   hover: icon: ':snake-case:', emoji: ':snake:'
-  displayName: 'Underscore _'
   getNewText: (text) ->
     _.underscore text
 
 class DashCase extends TransformString
   @extend()
+  @displayName: 'Dasherize -'
   hover: icon: ':dash-case:', emoji: ':dash:'
-  displayName: 'Dasherize -'
   getNewText: (text) ->
     _.dasherize text
 
 class TitleCase extends TransformString
   @extend()
-  displayName: 'Titlize'
+  @displayName: 'Titlize'
   getNewText: (text) ->
     _.humanizeEventName(_.dasherize(text))
 
 class EncodeUriComponent extends TransformString
   @extend()
-  displayName: 'Encode URI Component %'
+  @displayName: 'Encode URI Component %'
   hover: icon: 'encodeURI', emoji: 'encodeURI'
   getNewText: (text) ->
     encodeURIComponent(text)
 
 class DecodeUriComponent extends TransformString
   @extend()
-  displayName: 'Decode URI Component %%'
+  @displayName: 'Decode URI Component %%'
   hover: icon: 'decodeURI', emoji: 'decodeURI'
   getNewText: (text) ->
     decodeURIComponent(text)


class DecrementNumber extends IncrementNumber
  @extend()
  displayName: 'Decrement --'
  step: -1

# Put

# -------------------------
class Surround extends TransformString
  @extend()
  @displayName: "Surround ()"
  pairs: [
    ['[', ']']
    ['(', ')']
