clay-card - npm Package Compare versions

Comparing version 2.0.0-beta.8 to 2.0.0-rc.0

lib/ClayCardBase.soy.js

@@ -58,26 +58,3 @@ 'use strict';
   /**
-   * @param {{
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  contentRenderer: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  disabled: (boolean|null|undefined),
-   *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  handleItemCheckboxClick_: (*|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
-   *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {$render.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -88,3 +65,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -94,4 +71,4 @@ var $$temp;
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -137,3 +114,3 @@ var contentRenderer = soy.asserts.assertType(opt_data.contentRenderer == null || goog.isString(opt_data.contentRenderer) || opt_data.contentRenderer instanceof goog.soy.data.SanitizedContent, 'contentRenderer', opt_data.contentRenderer, '!goog.soy.data.SanitizedContent|null|string|undefined');
     var subtitle = soy.asserts.assertType(opt_data.subtitle == null || goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent, 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var attributes__soy26 = function attributes__soy26() {
+    var attributes__soy45 = function attributes__soy45() {
       incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));
@@ -145,10 +122,10 @@ if (id) {
     var variant__soy47 = ($$temp = contentRenderer) == null ? '' : $$temp;
-    var descriptiveArea__soy49 = function descriptiveArea__soy49() {
+    var descriptiveArea__soy59 = function descriptiveArea__soy59() {
       soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy47, false)(opt_data, null, opt_ijData);
     };
-    var visualArea__soy61 = function visualArea__soy61() {
+    var visualArea__soy70 = function visualArea__soy70() {
       soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy47, false)(opt_data, null, opt_ijData);
     };
     incrementalDom.elementOpenStart('div');
-    attributes__soy26();
+    attributes__soy45();
     incrementalDom.elementOpenEnd();
@@ -162,8 +139,8 @@ if (selectable) {
       incrementalDom.elementOpenEnd();
-      var param82 = function param82() {
-        visualArea__soy61();
+      var param84 = function param84() {
+        visualArea__soy70();
       };
-      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param82, name: inputName, value: inputValue }, null, opt_ijData);
+      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param84, name: inputName, value: inputValue }, null, opt_ijData);
       incrementalDom.elementClose('div');
-      descriptiveArea__soy49();
+      descriptiveArea__soy59();
       incrementalDom.elementClose('div');
@@ -174,8 +151,8 @@ } else {
       incrementalDom.elementOpenEnd();
-      visualArea__soy61();
+      visualArea__soy70();
       incrementalDom.elementClose('div');
-      descriptiveArea__soy49();
+      descriptiveArea__soy59();
     }
     incrementalDom.elementClose('div');
-  }
+  };
   exports.render = $render;
@@ -185,3 +162,3 @@ /**
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  contentRenderer: (!goog.soy.data.SanitizedContent|null|string|undefined),
@@ -202,7 +179,7 @@ *  disabled: (boolean|null|undefined),
    *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
+   *  labelStylesMap: (?|undefined),
    *  selectable: (boolean|null|undefined),
    *  selected: (boolean|null|undefined),
    *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
@@ -216,11 +193,3 @@ */
   /**
-   * @param {{
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_DescriptiveArea_.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -231,3 +200,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s98_04cead22(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_DescriptiveArea_ = function __deltemplate__ClayCardBase_DescriptiveArea_(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -237,4 +206,4 @@ var $$temp;
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -279,12 +248,12 @@ var href = soy.asserts.assertType(opt_data.href == null || goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent, 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
       incrementalDom.elementOpenEnd();
-      var label149List = labels;
-      var label149ListLen = label149List.length;
-      for (var label149Index = 0; label149Index < label149ListLen; label149Index++) {
-        var label149Data = label149List[label149Index];
-        if (label149Data.label) {
-          $templateAlias3({ label: label149Data.label, style: label149Data.style }, null, opt_ijData);
+      var label130List = labels;
+      var label130ListLen = label130List.length;
+      for (var label130Index = 0; label130Index < label130ListLen; label130Index++) {
+        var label130Data = label130List[label130Index];
+        if (label130Data.label) {
+          $templateAlias3({ label: label130Data.label, style: label130Data.style }, null, opt_ijData);
         } else {
-          $templateAlias3({ label: label149Data, style: labelStylesMap ? ($$temp = labelStylesMap[label149Data]) == null ? labelStylesMap['*'] : $$temp : null }, null, opt_ijData);
+          $templateAlias3({ label: label130Data, style: labelStylesMap ? ($$temp = labelStylesMap[label130Data]) == null ? labelStylesMap['*'] : $$temp : null }, null, opt_ijData);
         }
-        if (!(label149Index == label149ListLen - 1)) {
+        if (!(label130Index == label130ListLen - 1)) {
           incrementalDom.text(' ');
@@ -305,30 +274,23 @@ }
     incrementalDom.elementClose('div');
-  }
-  exports.__deltemplate_s98_04cead22 = __deltemplate_s98_04cead22;
+  };
+  exports.__deltemplate__ClayCardBase_DescriptiveArea_ = __deltemplate__ClayCardBase_DescriptiveArea_;
   /**
    * @typedef {{
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
+   *  labelStylesMap: (?|undefined),
    *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s98_04cead22.Params;
+  __deltemplate__ClayCardBase_DescriptiveArea_.Params;
   if (goog.DEBUG) {
-    __deltemplate_s98_04cead22.soyTemplateName = 'ClayCardBase.__deltemplate_s98_04cead22';
+    __deltemplate__ClayCardBase_DescriptiveArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_DescriptiveArea_';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate_s98_04cead22);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate__ClayCardBase_DescriptiveArea_);
 
   /**
-   * @param {{
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_VisualArea_.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -339,3 +301,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s161_acd6bb5f(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_VisualArea_ = function __deltemplate__ClayCardBase_VisualArea_(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -355,4 +317,4 @@ opt_data = opt_data || {};
     var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  }
-  exports.__deltemplate_s161_acd6bb5f = __deltemplate_s161_acd6bb5f;
+  };
+  exports.__deltemplate__ClayCardBase_VisualArea_ = __deltemplate__ClayCardBase_VisualArea_;
   /**
@@ -365,10 +327,10 @@ * @typedef {{
    *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s161_acd6bb5f.Params;
+  __deltemplate__ClayCardBase_VisualArea_.Params;
   if (goog.DEBUG) {
-    __deltemplate_s161_acd6bb5f.soyTemplateName = 'ClayCardBase.__deltemplate_s161_acd6bb5f';
+    __deltemplate__ClayCardBase_VisualArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_VisualArea_';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate_s161_acd6bb5f);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate__ClayCardBase_VisualArea_);
 
@@ -375,0 +337,0 @@ exports.render.params = ["title", "actionItems", "contentRenderer", "disabled", "elementClasses", "fileType", "fileTypeStyle", "groupName", "handleItemCheckboxClick_", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "subtitle"];

lib/ClayFileCard.soy.js

@@ -53,23 +53,3 @@ 'use strict';
   /**
-   * @param {{
-   *  spritemap: (!goog.soy.data.SanitizedContent|string),
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  disabled: (boolean|null|undefined),
-   *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  handleItemToggled_: (*|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
-   *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {$render.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -80,3 +60,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -88,4 +68,4 @@ var $$temp;
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {boolean|null|undefined} */
@@ -123,7 +103,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0, 'disabled', opt_data.disabled, 'boolean|null|undefined');
     var subtitle = soy.asserts.assertType(opt_data.subtitle == null || goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent, 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy287 = '';
-    classes__soy287 += 'file-card';
-    classes__soy287 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy287, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
-  }
+    var classes__soy294 = '';
+    classes__soy294 += 'file-card';
+    classes__soy294 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy294, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
+  };
   exports.render = $render;
@@ -134,3 +114,3 @@ /**
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  disabled: (boolean|null|undefined),
@@ -148,6 +128,6 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
+   *  labelStylesMap: (?|undefined),
    *  selectable: (boolean|null|undefined),
    *  selected: (boolean|null|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
@@ -161,10 +141,3 @@ */
   /**
-   * @param {{
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_VisualArea_file.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -175,3 +148,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s319_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_VisualArea_file = function __deltemplate__ClayCardBase_VisualArea_file(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -202,4 +175,4 @@ var $$temp;
     }
-  }
-  exports.__deltemplate_s319_a0f52d4d = __deltemplate_s319_a0f52d4d;
+  };
+  exports.__deltemplate__ClayCardBase_VisualArea_file = __deltemplate__ClayCardBase_VisualArea_file;
   /**
@@ -212,10 +185,10 @@ * @typedef {{
    *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s319_a0f52d4d.Params;
+  __deltemplate__ClayCardBase_VisualArea_file.Params;
   if (goog.DEBUG) {
-    __deltemplate_s319_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s319_a0f52d4d';
+    __deltemplate__ClayCardBase_VisualArea_file.soyTemplateName = 'ClayFileCard.__deltemplate__ClayCardBase_VisualArea_file';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s319_a0f52d4d);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate__ClayCardBase_VisualArea_file);
 
@@ -222,0 +195,0 @@ exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "groupName", "handleItemToggled_", "href", "icon", "id", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "subtitle"];

lib/ClayHorizontalCard.soy.js

@@ -53,18 +53,3 @@ 'use strict';
   /**
-   * @param {{
-   *  spritemap: (!goog.soy.data.SanitizedContent|string),
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  disabled: (boolean|null|undefined),
-   *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  handleItemCheckboxClick_: (*|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined)
-   * }} opt_data
+   * @param {$render.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -75,3 +60,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -82,4 +67,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {boolean|null|undefined} */
@@ -107,3 +92,3 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0, 'disabled', opt_data.disabled, 'boolean|null|undefined');
     var selected = soy.asserts.assertType(opt_data.selected == null || goog.isBoolean(opt_data.selected) || opt_data.selected === 1 || opt_data.selected === 0, 'selected', opt_data.selected, 'boolean|null|undefined');
-    var attributes__soy369 = function attributes__soy369() {
+    var attributes__soy388 = function attributes__soy388() {
       incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -114,22 +99,22 @@ if (id) {
     };
-    var descriptiveArea__soy390 = function descriptiveArea__soy390() {
+    var descriptiveArea__soy398 = function descriptiveArea__soy398() {
       $descriptiveArea(opt_data, null, opt_ijData);
     };
     incrementalDom.elementOpenStart('div');
-    attributes__soy369();
+    attributes__soy388();
     incrementalDom.elementOpenEnd();
     if (selectable) {
-      var param410 = function param410() {
+      var param412 = function param412() {
         incrementalDom.elementOpenStart('div');
         incrementalDom.attr('class', 'card card-horizontal');
         incrementalDom.elementOpenEnd();
-        descriptiveArea__soy390();
+        descriptiveArea__soy398();
         incrementalDom.elementClose('div');
       };
-      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param410, name: inputName, value: inputValue }, null, opt_ijData);
+      $templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param412, name: inputName, value: inputValue }, null, opt_ijData);
     } else {
-      descriptiveArea__soy390();
+      descriptiveArea__soy398();
     }
     incrementalDom.elementClose('div');
-  }
+  };
   exports.render = $render;
@@ -140,3 +125,3 @@ /**
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  disabled: (boolean|null|undefined),
@@ -152,3 +137,3 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined)
+   *  selected: (boolean|null|undefined),
    * }}
@@ -162,9 +147,3 @@ */
   /**
-   * @param {{
-   *  spritemap: (!goog.soy.data.SanitizedContent|string),
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {$descriptiveArea.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -175,3 +154,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $descriptiveArea = function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -183,4 +162,4 @@ var $$temp;
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -223,3 +202,3 @@ var href = soy.asserts.assertType(opt_data.href == null || goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent, 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
     incrementalDom.elementClose('div');
-  }
+  };
   exports.descriptiveArea = $descriptiveArea;
@@ -230,5 +209,5 @@ /**
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
@@ -235,0 +214,0 @@ */

lib/ClayImageCard.soy.js

@@ -53,25 +53,3 @@ 'use strict';
   /**
-   * @param {{
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  disabled: (boolean|null|undefined),
-   *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  handleItemToggled_: (*|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
-   *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {$render.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -82,8 +60,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
     /** @type {!goog.soy.data.SanitizedContent|string} */
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {boolean|null|undefined} */
@@ -127,7 +105,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0, 'disabled', opt_data.disabled, 'boolean|null|undefined');
     var subtitle = soy.asserts.assertType(opt_data.subtitle == null || goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent, 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy551 = '';
-    classes__soy551 += 'image-card';
-    classes__soy551 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy551, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
-  }
+    var classes__soy558 = '';
+    classes__soy558 += 'image-card';
+    classes__soy558 += elementClasses ? ' ' + elementClasses : '';
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy558, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
+  };
   exports.render = $render;
@@ -137,3 +115,3 @@ /**
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  disabled: (boolean|null|undefined),
@@ -153,7 +131,7 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
+   *  labelStylesMap: (?|undefined),
    *  selectable: (boolean|null|undefined),
    *  selected: (boolean|null|undefined),
    *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
@@ -167,10 +145,3 @@ */
   /**
-   * @param {{
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_VisualArea_image.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -181,3 +152,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s585_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_VisualArea_image = function __deltemplate__ClayCardBase_VisualArea_image(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -198,13 +169,13 @@ var $$temp;
     var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var aspectRatioClasses__soy593 = '';
-    aspectRatioClasses__soy593 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-    aspectRatioClasses__soy593 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+    var aspectRatioClasses__soy598 = '';
+    aspectRatioClasses__soy598 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+    aspectRatioClasses__soy598 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
     if (imageSrc) {
-      var imageAttributes__soy603 = function imageAttributes__soy603() {
+      var imageAttributes__soy614 = function imageAttributes__soy614() {
         incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-        incrementalDom.attr('class', aspectRatioClasses__soy593);
+        incrementalDom.attr('class', aspectRatioClasses__soy598);
         incrementalDom.attr('src', imageSrc);
       };
       incrementalDom.elementOpenStart('img');
-      imageAttributes__soy603();
+      imageAttributes__soy614();
       incrementalDom.elementOpenEnd();
@@ -214,3 +185,3 @@ incrementalDom.elementClose('img');
       incrementalDom.elementOpenStart('div');
-      incrementalDom.attr('class', aspectRatioClasses__soy593);
+      incrementalDom.attr('class', aspectRatioClasses__soy598);
       incrementalDom.elementOpenEnd();
@@ -223,4 +194,4 @@ $templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);
     }
-  }
-  exports.__deltemplate_s585_970abbf1 = __deltemplate_s585_970abbf1;
+  };
+  exports.__deltemplate__ClayCardBase_VisualArea_image = __deltemplate__ClayCardBase_VisualArea_image;
   /**
@@ -233,10 +204,10 @@ * @typedef {{
    *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s585_970abbf1.Params;
+  __deltemplate__ClayCardBase_VisualArea_image.Params;
   if (goog.DEBUG) {
-    __deltemplate_s585_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s585_970abbf1';
+    __deltemplate__ClayCardBase_VisualArea_image.soyTemplateName = 'ClayImageCard.__deltemplate__ClayCardBase_VisualArea_image';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s585_970abbf1);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate__ClayCardBase_VisualArea_image);
 
@@ -243,0 +214,0 @@ exports.render.params = ["title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "groupName", "handleItemToggled_", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "subtitle"];

lib/ClayUserCard.soy.js

@@ -56,22 +56,3 @@ 'use strict';
   /**
-   * @param {{
-   *  name: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  disabled: (boolean|null|undefined),
-   *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  handleItemToggled_: (*|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  initials: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  selectable: (boolean|null|undefined),
-   *  selected: (boolean|null|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {$render.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -82,8 +63,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
     /** @type {!goog.soy.data.SanitizedContent|string} */
     var name = soy.asserts.assertType(goog.isString(opt_data.name) || opt_data.name instanceof goog.soy.data.SanitizedContent, 'name', opt_data.name, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {boolean|null|undefined} */
@@ -121,7 +102,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0, 'disabled', opt_data.disabled, 'boolean|null|undefined');
     var userColor = soy.asserts.assertType(opt_data.userColor == null || goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent, 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var classes__soy676 = '';
-    classes__soy676 += 'user-card';
-    classes__soy676 += elementClasses ? ' ' + elementClasses : '';
+    var classes__soy683 = '';
+    classes__soy683 += 'user-card';
+    classes__soy683 += elementClasses ? ' ' + elementClasses : '';
     $templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: handleItemToggled_ }, fileType: initials, fileTypeStyle: userColor, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name }, null, opt_ijData);
-  }
+  };
   exports.render = $render;
@@ -131,3 +112,3 @@ /**
    *  name: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  disabled: (boolean|null|undefined),
@@ -148,3 +129,3 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
@@ -158,11 +139,3 @@ */
   /**
-   * @param {{
-   *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
-   *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_DescriptiveArea_user.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -173,8 +146,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s707_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_DescriptiveArea_user = function __deltemplate__ClayCardBase_DescriptiveArea_user(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
     /** @type {!goog.soy.data.SanitizedContent|string} */
     var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+    /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+    var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
     /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -225,30 +198,23 @@ var href = soy.asserts.assertType(opt_data.href == null || goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent, 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
     incrementalDom.elementClose('div');
-  }
-  exports.__deltemplate_s707_488cf0c1 = __deltemplate_s707_488cf0c1;
+  };
+  exports.__deltemplate__ClayCardBase_DescriptiveArea_user = __deltemplate__ClayCardBase_DescriptiveArea_user;
   /**
    * @typedef {{
    *  title: (!goog.soy.data.SanitizedContent|string),
-   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+   *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
    *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
    *  labels: (!Array<?>|null|undefined),
-   *  labelStylesMap: (?),
+   *  labelStylesMap: (?|undefined),
    *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s707_488cf0c1.Params;
+  __deltemplate__ClayCardBase_DescriptiveArea_user.Params;
   if (goog.DEBUG) {
-    __deltemplate_s707_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s707_488cf0c1';
+    __deltemplate__ClayCardBase_DescriptiveArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_DescriptiveArea_user';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s707_488cf0c1);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate__ClayCardBase_DescriptiveArea_user);
 
   /**
-   * @param {{
-   *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
-   * }} opt_data
+   * @param {__deltemplate__ClayCardBase_VisualArea_user.Params} opt_data
    * @param {Object<string, *>=} opt_ijData
@@ -259,3 +225,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
    */
-  function __deltemplate_s744_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
+  var __deltemplate__ClayCardBase_VisualArea_user = function __deltemplate__ClayCardBase_VisualArea_user(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -281,4 +247,4 @@ var $$temp;
     incrementalDom.elementClose('div');
-  }
-  exports.__deltemplate_s744_d12b8598 = __deltemplate_s744_d12b8598;
+  };
+  exports.__deltemplate__ClayCardBase_VisualArea_user = __deltemplate__ClayCardBase_VisualArea_user;
   /**
@@ -291,10 +257,10 @@ * @typedef {{
    *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
    * }}
    */
-  __deltemplate_s744_d12b8598.Params;
+  __deltemplate__ClayCardBase_VisualArea_user.Params;
   if (goog.DEBUG) {
-    __deltemplate_s744_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s744_d12b8598';
+    __deltemplate__ClayCardBase_VisualArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_VisualArea_user';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s744_d12b8598);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate__ClayCardBase_VisualArea_user);
 
@@ -301,0 +267,0 @@ exports.render.params = ["name", "actionItems", "disabled", "elementClasses", "groupName", "handleItemToggled_", "href", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColor"];

package.json

 {
   "name": "clay-card",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-rc.0",
   "description": "Metal ClayCard component",
@@ -30,8 +30,8 @@ "license": "BSD",
   "dependencies": {
-    "clay-checkbox": "^2.0.0-beta.8",
-    "clay-dropdown": "^2.0.0-beta.8",
-    "clay-icon": "^2.0.0-beta.8",
-    "clay-label": "^2.0.0-beta.8",
-    "clay-link": "^2.0.0-beta.8",
-    "clay-sticker": "^2.0.0-beta.8",
+    "clay-checkbox": "^2.0.0-rc.0",
+    "clay-dropdown": "^2.0.0-rc.0",
+    "clay-icon": "^2.0.0-rc.0",
+    "clay-label": "^2.0.0-rc.0",
+    "clay-link": "^2.0.0-rc.0",
+    "clay-sticker": "^2.0.0-rc.0",
     "metal": "^2.16.0",
@@ -50,5 +50,5 @@ "metal-component": "^2.16.0",
     "browserslist-config-clay-components": "^1.0.0-alpha.2",
-    "clay": "^2.0.0-beta.8",
+    "clay": "^2.0.0-rc.0",
     "metal-dom": "^2.13.2",
-    "metal-tools-soy": "^4.2.1",
+    "metal-tools-soy": "^5.0.0",
     "webpack": "^3.0.0"
@@ -55,0 +55,0 @@ },

src/ClayCardBase.soy.js

@@ -39,26 +39,3 @@ /* jshint ignore:start */
 /**
- * @param {{
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  contentRenderer: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  disabled: (boolean|null|undefined),
- *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  handleItemCheckboxClick_: (*|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
- *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {$render.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -69,3 +46,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -75,4 +52,4 @@ var $$temp;
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -118,3 +95,3 @@ var contentRenderer = soy.asserts.assertType(opt_data.contentRenderer == null || (goog.isString(opt_data.contentRenderer) || opt_data.contentRenderer instanceof goog.soy.data.SanitizedContent), 'contentRenderer', opt_data.contentRenderer, '!goog.soy.data.SanitizedContent|null|string|undefined');
   var subtitle = soy.asserts.assertType(opt_data.subtitle == null || (goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent), 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var attributes__soy26 = function() {
+  var attributes__soy45 = function() {
     incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));
@@ -126,35 +103,35 @@ if (id) {
   var variant__soy47 = ($$temp = contentRenderer) == null ? '' : $$temp;
-  var descriptiveArea__soy49 = function() {
+  var descriptiveArea__soy59 = function() {
     soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy47, false)(opt_data, null, opt_ijData);
   };
-  var visualArea__soy61 = function() {
+  var visualArea__soy70 = function() {
     soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy47, false)(opt_data, null, opt_ijData);
   };
   incrementalDom.elementOpenStart('div');
-      attributes__soy26();
+      attributes__soy45();
   incrementalDom.elementOpenEnd();
-    if (selectable) {
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'card');
-      incrementalDom.elementOpenEnd();
-        incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'aspect-ratio card-item-first');
-        incrementalDom.elementOpenEnd();
-          var param82 = function() {
-            visualArea__soy61();
-          };
-          $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param82, name: inputName, value: inputValue}, null, opt_ijData);
-        incrementalDom.elementClose('div');
-        descriptiveArea__soy49();
-      incrementalDom.elementClose('div');
-    } else {
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'aspect-ratio card-item-first');
-      incrementalDom.elementOpenEnd();
-        visualArea__soy61();
-      incrementalDom.elementClose('div');
-      descriptiveArea__soy49();
-    }
+  if (selectable) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'card');
+    incrementalDom.elementOpenEnd();
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'aspect-ratio card-item-first');
+    incrementalDom.elementOpenEnd();
+    var param84 = function() {
+      visualArea__soy70();
+    };
+    $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param84, name: inputName, value: inputValue}, null, opt_ijData);
+    incrementalDom.elementClose('div');
+    descriptiveArea__soy59();
+    incrementalDom.elementClose('div');
+  } else {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'aspect-ratio card-item-first');
+    incrementalDom.elementOpenEnd();
+    visualArea__soy70();
+    incrementalDom.elementClose('div');
+    descriptiveArea__soy59();
+  }
   incrementalDom.elementClose('div');
-}
+};
 exports.render = $render;
@@ -164,3 +141,3 @@ /**
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  contentRenderer: (!goog.soy.data.SanitizedContent|null|string|undefined),
@@ -181,7 +158,7 @@ *  disabled: (boolean|null|undefined),
  *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
+ *  labelStylesMap: (?|undefined),
  *  selectable: (boolean|null|undefined),
  *  selected: (boolean|null|undefined),
  *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
@@ -196,11 +173,3 @@ */
 /**
- * @param {{
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_DescriptiveArea_.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -211,3 +180,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s98_04cead22(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_DescriptiveArea_ = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -217,4 +186,4 @@ var $$temp;
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -233,82 +202,75 @@ var href = soy.asserts.assertType(opt_data.href == null || (goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent), 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
   incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'card-row');
+  incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'autofit-col autofit-col-expand');
+  incrementalDom.elementOpenEnd();
+  if (href) {
+    $templateAlias2({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
+  } else {
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', 'card-row');
+        incrementalDom.attr('class', 'card-title text-truncate');
     incrementalDom.elementOpenEnd();
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'autofit-col autofit-col-expand');
-      incrementalDom.elementOpenEnd();
-        if (href) {
-          $templateAlias2({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
-        } else {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-title text-truncate');
-          incrementalDom.elementOpenEnd();
-            soyIdom.print(title);
-          incrementalDom.elementClose('div');
-        }
-        if (subtitle) {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-subtitle text-truncate');
-          incrementalDom.elementOpenEnd();
-            soyIdom.print(subtitle);
-          incrementalDom.elementClose('div');
-        }
-        if (labels) {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-detail');
-          incrementalDom.elementOpenEnd();
-            var label149List = labels;
-            var label149ListLen = label149List.length;
-            for (var label149Index = 0; label149Index < label149ListLen; label149Index++) {
-                var label149Data = label149List[label149Index];
-                if (label149Data.label) {
-                  $templateAlias3({label: label149Data.label, style: label149Data.style}, null, opt_ijData);
-                } else {
-                  $templateAlias3({label: label149Data, style: labelStylesMap ? (($$temp = labelStylesMap[label149Data]) == null ? labelStylesMap['*'] : $$temp) : null}, null, opt_ijData);
-                }
-                if (!(label149Index == label149ListLen - 1)) {
-                  incrementalDom.text(' ');
-                }
-              }
-          incrementalDom.elementClose('div');
-        }
-      incrementalDom.elementClose('div');
-      if (actionItems && spritemap) {
-        incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'autofit-col');
-        incrementalDom.elementOpenEnd();
-          $templateAlias4({items: actionItems, spritemap: spritemap}, null, opt_ijData);
-        incrementalDom.elementClose('div');
+    soyIdom.print(title);
+    incrementalDom.elementClose('div');
+  }
+  if (subtitle) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'card-subtitle text-truncate');
+    incrementalDom.elementOpenEnd();
+    soyIdom.print(subtitle);
+    incrementalDom.elementClose('div');
+  }
+  if (labels) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'card-detail');
+    incrementalDom.elementOpenEnd();
+    var label130List = labels;
+    var label130ListLen = label130List.length;
+    for (var label130Index = 0; label130Index < label130ListLen; label130Index++) {
+      var label130Data = label130List[label130Index];
+      if (label130Data.label) {
+        $templateAlias3({label: label130Data.label, style: label130Data.style}, null, opt_ijData);
+      } else {
+        $templateAlias3({label: label130Data, style: labelStylesMap ? (($$temp = labelStylesMap[label130Data]) == null ? labelStylesMap['*'] : $$temp) : null}, null, opt_ijData);
       }
+      if (!(label130Index == label130ListLen - 1)) {
+        incrementalDom.text(' ');
+      }
+    }
     incrementalDom.elementClose('div');
+  }
   incrementalDom.elementClose('div');
-}
-exports.__deltemplate_s98_04cead22 = __deltemplate_s98_04cead22;
+  if (actionItems && spritemap) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'autofit-col');
+    incrementalDom.elementOpenEnd();
+    $templateAlias4({items: actionItems, spritemap: spritemap}, null, opt_ijData);
+    incrementalDom.elementClose('div');
+  }
+  incrementalDom.elementClose('div');
+  incrementalDom.elementClose('div');
+};
+exports.__deltemplate__ClayCardBase_DescriptiveArea_ = __deltemplate__ClayCardBase_DescriptiveArea_;
 /**
  * @typedef {{
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
+ *  labelStylesMap: (?|undefined),
  *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s98_04cead22.Params;
+__deltemplate__ClayCardBase_DescriptiveArea_.Params;
 if (goog.DEBUG) {
-  __deltemplate_s98_04cead22.soyTemplateName = 'ClayCardBase.__deltemplate_s98_04cead22';
+  __deltemplate__ClayCardBase_DescriptiveArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_DescriptiveArea_';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate_s98_04cead22);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate__ClayCardBase_DescriptiveArea_);
 
 
 /**
- * @param {{
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_VisualArea_.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -319,3 +281,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s161_acd6bb5f(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_VisualArea_ = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -335,4 +297,4 @@ opt_data = opt_data || {};
   var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-}
-exports.__deltemplate_s161_acd6bb5f = __deltemplate_s161_acd6bb5f;
+};
+exports.__deltemplate__ClayCardBase_VisualArea_ = __deltemplate__ClayCardBase_VisualArea_;
 /**
@@ -345,10 +307,10 @@ * @typedef {{
  *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s161_acd6bb5f.Params;
+__deltemplate__ClayCardBase_VisualArea_.Params;
 if (goog.DEBUG) {
-  __deltemplate_s161_acd6bb5f.soyTemplateName = 'ClayCardBase.__deltemplate_s161_acd6bb5f';
+  __deltemplate__ClayCardBase_VisualArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_VisualArea_';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate_s161_acd6bb5f);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate__ClayCardBase_VisualArea_);
 
@@ -355,0 +317,0 @@ exports.render.params = ["title","actionItems","contentRenderer","disabled","elementClasses","fileType","fileTypeStyle","groupName","handleItemCheckboxClick_","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","subtitle"];

src/ClayFileCard.soy.js

@@ -34,23 +34,3 @@ /* jshint ignore:start */
 /**
- * @param {{
- *  spritemap: (!goog.soy.data.SanitizedContent|string),
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  disabled: (boolean|null|undefined),
- *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  handleItemToggled_: (*|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
- *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {$render.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -61,3 +41,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -69,4 +49,4 @@ var $$temp;
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {boolean|null|undefined} */
@@ -104,7 +84,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || (goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0), 'disabled', opt_data.disabled, 'boolean|null|undefined');
   var subtitle = soy.asserts.assertType(opt_data.subtitle == null || (goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent), 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy287 = '';
-  classes__soy287 += 'file-card';
-  classes__soy287 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy287, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
-}
+  var classes__soy294 = '';
+  classes__soy294 += 'file-card';
+  classes__soy294 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy294, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
+};
 exports.render = $render;
@@ -115,3 +95,3 @@ /**
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  disabled: (boolean|null|undefined),
@@ -129,6 +109,6 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
+ *  labelStylesMap: (?|undefined),
  *  selectable: (boolean|null|undefined),
  *  selected: (boolean|null|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
@@ -143,10 +123,3 @@ */
 /**
- * @param {{
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_VisualArea_file.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -157,3 +130,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s319_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_VisualArea_file = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -178,3 +151,3 @@ var $$temp;
     incrementalDom.elementOpenEnd();
-      $templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
+    $templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
     incrementalDom.elementClose('div');
@@ -185,4 +158,4 @@ }
   }
-}
-exports.__deltemplate_s319_a0f52d4d = __deltemplate_s319_a0f52d4d;
+};
+exports.__deltemplate__ClayCardBase_VisualArea_file = __deltemplate__ClayCardBase_VisualArea_file;
 /**
@@ -195,10 +168,10 @@ * @typedef {{
  *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s319_a0f52d4d.Params;
+__deltemplate__ClayCardBase_VisualArea_file.Params;
 if (goog.DEBUG) {
-  __deltemplate_s319_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s319_a0f52d4d';
+  __deltemplate__ClayCardBase_VisualArea_file.soyTemplateName = 'ClayFileCard.__deltemplate__ClayCardBase_VisualArea_file';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s319_a0f52d4d);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate__ClayCardBase_VisualArea_file);
 
@@ -205,0 +178,0 @@ exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","groupName","handleItemToggled_","href","icon","id","inputName","inputValue","labels","labelStylesMap","selectable","selected","subtitle"];

src/ClayHorizontalCard.soy.js

@@ -34,18 +34,3 @@ /* jshint ignore:start */
 /**
- * @param {{
- *  spritemap: (!goog.soy.data.SanitizedContent|string),
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  disabled: (boolean|null|undefined),
- *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  handleItemCheckboxClick_: (*|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined)
- * }} opt_data
+ * @param {$render.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -56,3 +41,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -63,4 +48,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {boolean|null|undefined} */
@@ -88,3 +73,3 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || (goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0), 'disabled', opt_data.disabled, 'boolean|null|undefined');
   var selected = soy.asserts.assertType(opt_data.selected == null || (goog.isBoolean(opt_data.selected) || opt_data.selected === 1 || opt_data.selected === 0), 'selected', opt_data.selected, 'boolean|null|undefined');
-  var attributes__soy369 = function() {
+  var attributes__soy388 = function() {
     incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));
@@ -95,22 +80,22 @@ if (id) {
   };
-  var descriptiveArea__soy390 = function() {
+  var descriptiveArea__soy398 = function() {
     $descriptiveArea(opt_data, null, opt_ijData);
   };
   incrementalDom.elementOpenStart('div');
-      attributes__soy369();
+      attributes__soy388();
   incrementalDom.elementOpenEnd();
-    if (selectable) {
-      var param410 = function() {
-        incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'card card-horizontal');
-        incrementalDom.elementOpenEnd();
-          descriptiveArea__soy390();
-        incrementalDom.elementClose('div');
-      };
-      $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param410, name: inputName, value: inputValue}, null, opt_ijData);
-    } else {
-      descriptiveArea__soy390();
-    }
+  if (selectable) {
+    var param412 = function() {
+      incrementalDom.elementOpenStart('div');
+          incrementalDom.attr('class', 'card card-horizontal');
+      incrementalDom.elementOpenEnd();
+      descriptiveArea__soy398();
+      incrementalDom.elementClose('div');
+    };
+    $templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param412, name: inputName, value: inputValue}, null, opt_ijData);
+  } else {
+    descriptiveArea__soy398();
+  }
   incrementalDom.elementClose('div');
-}
+};
 exports.render = $render;
@@ -121,3 +106,3 @@ /**
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  disabled: (boolean|null|undefined),
@@ -133,3 +118,3 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined)
+ *  selected: (boolean|null|undefined),
  * }}
@@ -144,9 +129,3 @@ */
 /**
- * @param {{
- *  spritemap: (!goog.soy.data.SanitizedContent|string),
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {$descriptiveArea.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -157,3 +136,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $descriptiveArea = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -165,4 +144,4 @@ var $$temp;
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -175,33 +154,33 @@ var href = soy.asserts.assertType(opt_data.href == null || (goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent), 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
   incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'card-row');
+  incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'autofit-col');
+  incrementalDom.elementOpenEnd();
+  $templateAlias2({icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled'}, null, opt_ijData);
+  incrementalDom.elementClose('div');
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'autofit-col autofit-col-expand autofit-col-gutters');
+  incrementalDom.elementOpenEnd();
+  if (href) {
+    $templateAlias3({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
+  } else {
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', 'card-row');
+        incrementalDom.attr('class', 'card-title text-truncate');
     incrementalDom.elementOpenEnd();
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'autofit-col');
-      incrementalDom.elementOpenEnd();
-        $templateAlias2({icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled'}, null, opt_ijData);
-      incrementalDom.elementClose('div');
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'autofit-col autofit-col-expand autofit-col-gutters');
-      incrementalDom.elementOpenEnd();
-        if (href) {
-          $templateAlias3({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
-        } else {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-title text-truncate');
-          incrementalDom.elementOpenEnd();
-            soyIdom.print(title);
-          incrementalDom.elementClose('div');
-        }
-      incrementalDom.elementClose('div');
-      if (actionItems) {
-        incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'autofit-col');
-        incrementalDom.elementOpenEnd();
-          $templateAlias4({items: actionItems, spritemap: spritemap}, null, opt_ijData);
-        incrementalDom.elementClose('div');
-      }
+    soyIdom.print(title);
     incrementalDom.elementClose('div');
+  }
   incrementalDom.elementClose('div');
-}
+  if (actionItems) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'autofit-col');
+    incrementalDom.elementOpenEnd();
+    $templateAlias4({items: actionItems, spritemap: spritemap}, null, opt_ijData);
+    incrementalDom.elementClose('div');
+  }
+  incrementalDom.elementClose('div');
+  incrementalDom.elementClose('div');
+};
 exports.descriptiveArea = $descriptiveArea;
@@ -212,5 +191,5 @@ /**
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
@@ -217,0 +196,0 @@ */

src/ClayImageCard.soy.js

@@ -34,25 +34,3 @@ /* jshint ignore:start */
 /**
- * @param {{
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  disabled: (boolean|null|undefined),
- *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  handleItemToggled_: (*|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
- *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {$render.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -63,8 +41,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
   /** @type {!goog.soy.data.SanitizedContent|string} */
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {boolean|null|undefined} */
@@ -108,7 +86,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || (goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0), 'disabled', opt_data.disabled, 'boolean|null|undefined');
   var subtitle = soy.asserts.assertType(opt_data.subtitle == null || (goog.isString(opt_data.subtitle) || opt_data.subtitle instanceof goog.soy.data.SanitizedContent), 'subtitle', opt_data.subtitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy551 = '';
-  classes__soy551 += 'image-card';
-  classes__soy551 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy551, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
-}
+  var classes__soy558 = '';
+  classes__soy558 += 'image-card';
+  classes__soy558 += elementClasses ? ' ' + elementClasses : '';
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy558, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
+};
 exports.render = $render;
@@ -118,3 +96,3 @@ /**
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  disabled: (boolean|null|undefined),
@@ -134,7 +112,7 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
+ *  labelStylesMap: (?|undefined),
  *  selectable: (boolean|null|undefined),
  *  selected: (boolean|null|undefined),
  *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
@@ -149,10 +127,3 @@ */
 /**
- * @param {{
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_VisualArea_image.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -163,3 +134,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s585_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_VisualArea_image = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -180,13 +151,13 @@ var $$temp;
   var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var aspectRatioClasses__soy593 = '';
-  aspectRatioClasses__soy593 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
-  aspectRatioClasses__soy593 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
+  var aspectRatioClasses__soy598 = '';
+  aspectRatioClasses__soy598 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
+  aspectRatioClasses__soy598 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
   if (imageSrc) {
-    var imageAttributes__soy603 = function() {
+    var imageAttributes__soy614 = function() {
       incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-      incrementalDom.attr('class', aspectRatioClasses__soy593);
+      incrementalDom.attr('class', aspectRatioClasses__soy598);
       incrementalDom.attr('src', imageSrc);
     };
     incrementalDom.elementOpenStart('img');
-        imageAttributes__soy603();
+        imageAttributes__soy614();
     incrementalDom.elementOpenEnd();
@@ -196,5 +167,5 @@ incrementalDom.elementClose('img');
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', aspectRatioClasses__soy593);
+        incrementalDom.attr('class', aspectRatioClasses__soy598);
     incrementalDom.elementOpenEnd();
-      $templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
+    $templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
     incrementalDom.elementClose('div');
@@ -205,4 +176,4 @@ }
   }
-}
-exports.__deltemplate_s585_970abbf1 = __deltemplate_s585_970abbf1;
+};
+exports.__deltemplate__ClayCardBase_VisualArea_image = __deltemplate__ClayCardBase_VisualArea_image;
 /**
@@ -215,10 +186,10 @@ * @typedef {{
  *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s585_970abbf1.Params;
+__deltemplate__ClayCardBase_VisualArea_image.Params;
 if (goog.DEBUG) {
-  __deltemplate_s585_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s585_970abbf1';
+  __deltemplate__ClayCardBase_VisualArea_image.soyTemplateName = 'ClayImageCard.__deltemplate__ClayCardBase_VisualArea_image';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s585_970abbf1);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate__ClayCardBase_VisualArea_image);
 
@@ -225,0 +196,0 @@ exports.render.params = ["title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","groupName","handleItemToggled_","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","subtitle"];

src/ClayUserCard.soy.js

@@ -37,22 +37,3 @@ /* jshint ignore:start */
 /**
- * @param {{
- *  name: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  disabled: (boolean|null|undefined),
- *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  handleItemToggled_: (*|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  id: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  initials: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputName: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  inputValue: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  selectable: (boolean|null|undefined),
- *  selected: (boolean|null|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {$render.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -63,8 +44,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
+var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
   /** @type {!goog.soy.data.SanitizedContent|string} */
   var name = soy.asserts.assertType(goog.isString(opt_data.name) || opt_data.name instanceof goog.soy.data.SanitizedContent, 'name', opt_data.name, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {boolean|null|undefined} */
@@ -102,7 +83,7 @@ var disabled = soy.asserts.assertType(opt_data.disabled == null || (goog.isBoolean(opt_data.disabled) || opt_data.disabled === 1 || opt_data.disabled === 0), 'disabled', opt_data.disabled, 'boolean|null|undefined');
   var userColor = soy.asserts.assertType(opt_data.userColor == null || (goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent), 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var classes__soy676 = '';
-  classes__soy676 += 'user-card';
-  classes__soy676 += elementClasses ? ' ' + elementClasses : '';
+  var classes__soy683 = '';
+  classes__soy683 += 'user-card';
+  classes__soy683 += elementClasses ? ' ' + elementClasses : '';
   $templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: handleItemToggled_}, fileType: initials, fileTypeStyle: userColor, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name}, null, opt_ijData);
-}
+};
 exports.render = $render;
@@ -112,3 +93,3 @@ /**
  *  name: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  disabled: (boolean|null|undefined),
@@ -129,3 +110,3 @@ *  elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  userColor: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
@@ -140,11 +121,3 @@ */
 /**
- * @param {{
- *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
- *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_DescriptiveArea_user.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -155,8 +128,8 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s707_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_DescriptiveArea_user = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
   /** @type {!goog.soy.data.SanitizedContent|string} */
   var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
-  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined} */
-  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined');
+  /** @type {!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined} */
+  var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined');
   /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
@@ -175,63 +148,56 @@ var href = soy.asserts.assertType(opt_data.href == null || (goog.isString(opt_data.href) || opt_data.href instanceof goog.soy.data.SanitizedContent), 'href', opt_data.href, '!goog.soy.data.SanitizedContent|null|string|undefined');
   incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'card-row');
+  incrementalDom.elementOpenEnd();
+  incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'autofit-col autofit-col-expand');
+  incrementalDom.elementOpenEnd();
+  if (href) {
+    $templateAlias2({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
+  } else if (title) {
     incrementalDom.elementOpenStart('div');
-        incrementalDom.attr('class', 'card-row');
+        incrementalDom.attr('class', 'card-title text-truncate');
     incrementalDom.elementOpenEnd();
-      incrementalDom.elementOpenStart('div');
-          incrementalDom.attr('class', 'autofit-col autofit-col-expand');
-      incrementalDom.elementOpenEnd();
-        if (href) {
-          $templateAlias2({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
-        } else if (title) {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-title text-truncate');
-          incrementalDom.elementOpenEnd();
-            soyIdom.print(title);
-          incrementalDom.elementClose('div');
-        }
-        if (subtitle) {
-          incrementalDom.elementOpenStart('div');
-              incrementalDom.attr('class', 'card-subtitle text-truncate');
-          incrementalDom.elementOpenEnd();
-            soyIdom.print(subtitle);
-          incrementalDom.elementClose('div');
-        }
-      incrementalDom.elementClose('div');
-      if (actionItems && spritemap) {
-        incrementalDom.elementOpenStart('div');
-            incrementalDom.attr('class', 'autofit-col');
-        incrementalDom.elementOpenEnd();
-          $templateAlias3({items: actionItems, spritemap: spritemap}, null, opt_ijData);
-        incrementalDom.elementClose('div');
-      }
+    soyIdom.print(title);
     incrementalDom.elementClose('div');
+  }
+  if (subtitle) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'card-subtitle text-truncate');
+    incrementalDom.elementOpenEnd();
+    soyIdom.print(subtitle);
+    incrementalDom.elementClose('div');
+  }
   incrementalDom.elementClose('div');
-}
-exports.__deltemplate_s707_488cf0c1 = __deltemplate_s707_488cf0c1;
+  if (actionItems && spritemap) {
+    incrementalDom.elementOpenStart('div');
+        incrementalDom.attr('class', 'autofit-col');
+    incrementalDom.elementOpenEnd();
+    $templateAlias3({items: actionItems, spritemap: spritemap}, null, opt_ijData);
+    incrementalDom.elementClose('div');
+  }
+  incrementalDom.elementClose('div');
+  incrementalDom.elementClose('div');
+};
+exports.__deltemplate__ClayCardBase_DescriptiveArea_user = __deltemplate__ClayCardBase_DescriptiveArea_user;
 /**
  * @typedef {{
  *  title: (!goog.soy.data.SanitizedContent|string),
- *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
+ *  actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean,}>|null|undefined),
  *  href: (!goog.soy.data.SanitizedContent|null|string|undefined),
  *  labels: (!Array<?>|null|undefined),
- *  labelStylesMap: (?),
+ *  labelStylesMap: (?|undefined),
  *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s707_488cf0c1.Params;
+__deltemplate__ClayCardBase_DescriptiveArea_user.Params;
 if (goog.DEBUG) {
-  __deltemplate_s707_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s707_488cf0c1';
+  __deltemplate__ClayCardBase_DescriptiveArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_DescriptiveArea_user';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s707_488cf0c1);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate__ClayCardBase_DescriptiveArea_user);
 
 
 /**
- * @param {{
- *  fileType: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
- * }} opt_data
+ * @param {__deltemplate__ClayCardBase_VisualArea_user.Params} opt_data
  * @param {Object<string, *>=} opt_ijData
@@ -242,3 +208,3 @@ * @param {Object<string, *>=} opt_ijData_deprecated
  */
-function __deltemplate_s744_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
+var __deltemplate__ClayCardBase_VisualArea_user = function(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -262,6 +228,6 @@ var $$temp;
   incrementalDom.elementOpenEnd();
-    $templateAlias4({imageAlt: imageAlt, imageSrc: imageSrc, label: fileType, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
+  $templateAlias4({imageAlt: imageAlt, imageSrc: imageSrc, label: fileType, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
   incrementalDom.elementClose('div');
-}
-exports.__deltemplate_s744_d12b8598 = __deltemplate_s744_d12b8598;
+};
+exports.__deltemplate__ClayCardBase_VisualArea_user = __deltemplate__ClayCardBase_VisualArea_user;
 /**
@@ -274,10 +240,10 @@ * @typedef {{
  *  imageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
  * }}
  */
-__deltemplate_s744_d12b8598.Params;
+__deltemplate__ClayCardBase_VisualArea_user.Params;
 if (goog.DEBUG) {
-  __deltemplate_s744_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s744_d12b8598';
+  __deltemplate__ClayCardBase_VisualArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_VisualArea_user';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s744_d12b8598);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate__ClayCardBase_VisualArea_user);
 
@@ -284,0 +250,0 @@ exports.render.params = ["name","actionItems","disabled","elementClasses","groupName","handleItemToggled_","href","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","userColor"];

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

523073

decreased by-4.68%

Lines of code

5390

decreased by-5.24%

Dependency changes

• Updatedclay-checkbox@^2.0.0-rc.0

• Updatedclay-dropdown@^2.0.0-rc.0

• Updatedclay-icon@^2.0.0-rc.0

• Updatedclay-label@^2.0.0-rc.0

• Updatedclay-link@^2.0.0-rc.0

• Updatedclay-sticker@^2.0.0-rc.0