Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

clay-card

Package Overview
Dependencies
Maintainers
10
Versions
94
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

clay-card - npm Package Compare versions

Comparing version 2.13.0 to 2.14.0

176

lib/ClayCardBase.soy.js

@@ -49,7 +49,7 @@ 'use strict';

var $templateAlias3 = _metalSoy2.default.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias4 = _metalSoy2.default.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias4 = _metalSoy2.default.getTemplate('ClayLabel.incrementaldom', 'render');
var $templateAlias3 = _metalSoy2.default.getTemplate('ClayLabel.incrementaldom', 'render');

@@ -59,10 +59,40 @@ var $templateAlias2 = _metalSoy2.default.getTemplate('ClayLink.incrementaldom', 'render');

/**
* @param {$render.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemCheckboxClick: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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),
* disabled: (boolean|null|undefined),
* elementClasses: (!goog.soy.data.SanitizedContent|null|string|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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -76,4 +106,4 @@ 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');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -125,3 +155,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__soy51 = function attributes__soy51() {
var attributes__soy32 = function attributes__soy32() {
incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));

@@ -132,11 +162,11 @@ if (id) {

};
var variant__soy53 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy67 = function descriptiveArea__soy67() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy53, false)({ _handleActionItemClicked: _handleActionItemClicked, actionAriaLabel: actionAriaLabel, actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title }, opt_ijData);
var variant__soy53 = ($$temp = contentRenderer) == null ? '' : $$temp;
var descriptiveArea__soy55 = function descriptiveArea__soy55() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy53, false)(opt_data, null, opt_ijData);
};
var visualArea__soy83 = function visualArea__soy83() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy53, false)({ icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle }, opt_ijData);
var visualArea__soy69 = function visualArea__soy69() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy53, false)(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy51();
attributes__soy32();
incrementalDom.elementOpenEnd();

@@ -150,8 +180,8 @@ if (selectable) {

incrementalDom.elementOpenEnd();
var param96 = function param96() {
visualArea__soy83();
var param94 = function param94() {
visualArea__soy69();
};
$templateAlias1({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param96, name: inputName, value: inputValue }, opt_ijData);
$templateAlias1({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param94, name: inputName, value: inputValue }, null, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy67();
descriptiveArea__soy55();
incrementalDom.elementClose('div');

@@ -162,8 +192,8 @@ } else {

incrementalDom.elementOpenEnd();
visualArea__soy83();
visualArea__soy69();
incrementalDom.elementClose('div');
descriptiveArea__soy67();
descriptiveArea__soy55();
}
incrementalDom.elementClose('div');
};
}
exports.render = $render;

@@ -176,3 +206,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -189,3 +219,3 @@ * disabled: (boolean|null|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -201,3 +231,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -211,10 +241,21 @@ */

/**
* @param {__deltemplate__ClayCardBase_DescriptiveArea_.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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: (?),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_DescriptiveArea_ = function __deltemplate__ClayCardBase_DescriptiveArea_(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s110_04cead22(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -226,4 +267,4 @@ 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');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -249,3 +290,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');

if (href) {
$templateAlias2({ elementClasses: 'card-title text-truncate', href: href, label: title }, opt_ijData);
$templateAlias2({ elementClasses: 'card-title text-truncate', href: href, label: title }, null, opt_ijData);
} else {

@@ -269,19 +310,12 @@ incrementalDom.elementOpenStart('div');

incrementalDom.elementOpenEnd();
var label144List = labels;
var label144ListLen = label144List.length;
for (var label144Index = 0; label144Index < label144ListLen; label144Index++) {
var label144Data = label144List[label144Index];
if (label144Data.label) {
$templateAlias4({ label: label144Data.label, style: label144Data.style }, opt_ijData);
var label163List = labels;
var label163ListLen = label163List.length;
for (var label163Index = 0; label163Index < label163ListLen; label163Index++) {
var label163Data = label163List[label163Index];
if (label163Data.label) {
$templateAlias3({ label: label163Data.label, style: label163Data.style }, null, opt_ijData);
} else {
var $tmp$$1;
if (labelStylesMap) {
var $tmp = labelStylesMap[label144Data];
$tmp$$1 = $tmp != null ? $tmp : labelStylesMap['*'];
} else {
$tmp$$1 = null;
}
$templateAlias4({ label: label144Data, style: $tmp$$1 }, opt_ijData);
$templateAlias3({ label: label163Data, style: labelStylesMap ? ($$temp = labelStylesMap[label163Data]) == null ? labelStylesMap['*'] : $$temp : null }, null, opt_ijData);
}
if (!(label144Index == label144ListLen - 1)) {
if (!(label163Index == label163ListLen - 1)) {
incrementalDom.text(' ');

@@ -294,10 +328,10 @@ }

if (actionItems && spritemap) {
var msg_1_6305962755687847469__soy3267 = '';
var msg_3789__soy3790 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_1_6305962755687847469__soy3267 += MSG_EXTERNAL_6305962755687847469;
msg_3789__soy3790 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias3({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_1_6305962755687847469__soy3267 }, opt_ijData);
$templateAlias4({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3789__soy3790 }, null, opt_ijData);
incrementalDom.elementClose('div');

@@ -307,4 +341,4 @@ }

incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_DescriptiveArea_ = __deltemplate__ClayCardBase_DescriptiveArea_;
}
exports.__deltemplate_s110_04cead22 = __deltemplate_s110_04cead22;
/**

@@ -315,24 +349,36 @@ * @typedef {{

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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: (?|undefined),
* labelStylesMap: (?),
* 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__ClayCardBase_DescriptiveArea_.Params;
__deltemplate_s110_04cead22.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_DescriptiveArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_DescriptiveArea_';
__deltemplate_s110_04cead22.soyTemplateName = 'ClayCardBase.__deltemplate_s110_04cead22';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate__ClayCardBase_DescriptiveArea_);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate_s110_04cead22);
/**
* @param {__deltemplate__ClayCardBase_VisualArea_.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_ = function __deltemplate__ClayCardBase_VisualArea_(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s186_acd6bb5f(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -362,4 +408,4 @@ opt_data = opt_data || {};

var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent, 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
};
exports.__deltemplate__ClayCardBase_VisualArea_ = __deltemplate__ClayCardBase_VisualArea_;
}
exports.__deltemplate_s186_acd6bb5f = __deltemplate_s186_acd6bb5f;
/**

@@ -377,10 +423,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_.Params;
__deltemplate_s186_acd6bb5f.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_VisualArea_';
__deltemplate_s186_acd6bb5f.soyTemplateName = 'ClayCardBase.__deltemplate_s186_acd6bb5f';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate__ClayCardBase_VisualArea_);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate_s186_acd6bb5f);

@@ -387,0 +433,0 @@ exports.render.params = ["title", "_handleActionItemClicked", "_handleItemCheckboxClick", "actionAriaLabel", "actionItems", "contentRenderer", "disabled", "elementClasses", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerClasses", "stickerIcon", "stickerImageAlt", "stickerImageSrc", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];

88

lib/ClayFileCard.soy.js

@@ -53,10 +53,37 @@ 'use strict';

/**
* @param {$render.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -72,4 +99,4 @@ var spritemap = soy.asserts.assertType(goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|string');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -113,7 +140,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__soy330 = '';
classes__soy330 += 'file-card';
classes__soy330 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy330, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
};
var classes__soy323 = '';
classes__soy323 += 'file-card';
classes__soy323 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy323, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, null, opt_ijData);
}
exports.render = $render;

@@ -127,3 +154,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -137,3 +164,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -148,3 +175,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -158,10 +185,23 @@ */

/**
* @param {__deltemplate__ClayCardBase_VisualArea_file.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_file = function __deltemplate__ClayCardBase_VisualArea_file(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s360_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -194,10 +234,10 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

incrementalDom.elementOpenEnd();
$templateAlias2({ spritemap: spritemap, symbol: icon }, opt_ijData);
$templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (stickerLabel || stickerImageSrc || stickerIcon && spritemap) {
$templateAlias3({ elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: stickerShape != null ? stickerShape : 'rounded', spritemap: spritemap, style: stickerStyle != null ? stickerStyle : 'primary' }, opt_ijData);
$templateAlias3({ elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: ($$temp = stickerShape) == null ? 'rounded' : $$temp, spritemap: spritemap, style: ($$temp = stickerStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
}
};
exports.__deltemplate__ClayCardBase_VisualArea_file = __deltemplate__ClayCardBase_VisualArea_file;
}
exports.__deltemplate_s360_a0f52d4d = __deltemplate_s360_a0f52d4d;
/**

@@ -215,10 +255,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_file.Params;
__deltemplate_s360_a0f52d4d.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_file.soyTemplateName = 'ClayFileCard.__deltemplate__ClayCardBase_VisualArea_file';
__deltemplate_s360_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s360_a0f52d4d';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate__ClayCardBase_VisualArea_file);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s360_a0f52d4d);

@@ -225,0 +265,0 @@ exports.render.params = ["spritemap", "title", "_handleActionItemClicked", "_handleItemToggled", "actionAriaLabel", "actionItems", "disabled", "elementClasses", "href", "icon", "id", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "stickerClasses", "stickerIcon", "stickerImageAlt", "stickerImageSrc", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];

87

lib/ClayHorizontalCard.soy.js

@@ -46,16 +46,32 @@ 'use strict';

var $templateAlias2 = _metalSoy2.default.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias3 = _metalSoy2.default.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias1 = _metalSoy2.default.getTemplate('ClaySticker.incrementaldom', 'render');
var $templateAlias2 = _metalSoy2.default.getTemplate('ClaySticker.incrementaldom', 'render');
/**
* @param {$render.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemCheckboxClick: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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 {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -72,4 +88,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -93,3 +109,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__soy441 = function attributes__soy441() {
var attributes__soy422 = function attributes__soy422() {
incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));

@@ -100,22 +116,22 @@ if (id) {

};
var descriptiveArea__soy453 = function descriptiveArea__soy453() {
$descriptiveArea({ _handleActionItemClicked: _handleActionItemClicked, actionAriaLabel: actionAriaLabel, actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title }, opt_ijData);
var descriptiveArea__soy443 = function descriptiveArea__soy443() {
$descriptiveArea(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy441();
attributes__soy422();
incrementalDom.elementOpenEnd();
if (selectable) {
var param466 = function param466() {
var param464 = function param464() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy453();
descriptiveArea__soy443();
incrementalDom.elementClose('div');
};
$templateAlias2({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param466, name: inputName, value: inputValue }, opt_ijData);
$templateAlias1({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param464, name: inputName, value: inputValue }, null, opt_ijData);
} else {
descriptiveArea__soy453();
descriptiveArea__soy443();
}
incrementalDom.elementClose('div');
};
}
exports.render = $render;

@@ -129,3 +145,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -139,3 +155,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* selected: (boolean|null|undefined)
* }}

@@ -149,10 +165,19 @@ */

/**
* @param {$descriptiveArea.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $descriptiveArea = function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -166,4 +191,4 @@ var spritemap = soy.asserts.assertType(goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|string');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -182,3 +207,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.elementOpenEnd();
$templateAlias1({ icon: icon != null ? icon : 'folder', spritemap: spritemap, style: 'unstyled' }, opt_ijData);
$templateAlias2({ icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled' }, null, opt_ijData);
incrementalDom.elementClose('div');

@@ -189,3 +214,3 @@ incrementalDom.elementOpenStart('div');

if (href) {
$templateAlias3({ elementClasses: 'card-title text-truncate', href: href, label: title }, opt_ijData);
$templateAlias3({ elementClasses: 'card-title text-truncate', href: href, label: title }, null, opt_ijData);
} else {

@@ -200,10 +225,10 @@ incrementalDom.elementOpenStart('div');

if (actionItems) {
var msg_2_6305962755687847469__soy3269 = '';
var msg_3792__soy3793 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_2_6305962755687847469__soy3269 += MSG_EXTERNAL_6305962755687847469;
msg_3792__soy3793 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_2_6305962755687847469__soy3269 }, opt_ijData);
$templateAlias4({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3792__soy3793 }, null, opt_ijData);
incrementalDom.elementClose('div');

@@ -213,3 +238,3 @@ }

incrementalDom.elementClose('div');
};
}
exports.descriptiveArea = $descriptiveArea;

@@ -222,5 +247,5 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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)
* }}

@@ -227,0 +252,0 @@ */

103

lib/ClayImageCard.soy.js

@@ -53,9 +53,37 @@ 'use strict';

/**
* @param {$render.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -70,4 +98,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -117,7 +145,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__soy631 = '';
classes__soy631 += 'image-card';
classes__soy631 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy631, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
};
var classes__soy624 = '';
classes__soy624 += 'image-card';
classes__soy624 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy624, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, null, opt_ijData);
}
exports.render = $render;

@@ -130,3 +158,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -142,3 +170,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -154,3 +182,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -164,10 +192,23 @@ */

/**
* @param {__deltemplate__ClayCardBase_VisualArea_image.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_image = function __deltemplate__ClayCardBase_VisualArea_image(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s663_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -196,13 +237,13 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent, 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
var aspectRatioClasses__soy681 = '';
aspectRatioClasses__soy681 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
aspectRatioClasses__soy681 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
var aspectRatioClasses__soy676 = '';
aspectRatioClasses__soy676 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
aspectRatioClasses__soy676 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
if (imageSrc) {
var imageAttributes__soy697 = function imageAttributes__soy697() {
var imageAttributes__soy686 = function imageAttributes__soy686() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', aspectRatioClasses__soy681);
incrementalDom.attr('class', aspectRatioClasses__soy676);
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy697();
imageAttributes__soy686();
incrementalDom.elementOpenEnd();

@@ -212,12 +253,12 @@ incrementalDom.elementClose('img');

incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy681);
incrementalDom.attr('class', aspectRatioClasses__soy676);
incrementalDom.elementOpenEnd();
$templateAlias2({ spritemap: spritemap, symbol: icon }, opt_ijData);
$templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (stickerLabel || stickerImageSrc || stickerIcon && spritemap) {
$templateAlias3({ elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: stickerShape != null ? stickerShape : 'rounded', spritemap: spritemap, style: stickerStyle != null ? stickerStyle : 'primary' }, opt_ijData);
$templateAlias3({ elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: ($$temp = stickerShape) == null ? 'rounded' : $$temp, spritemap: spritemap, style: ($$temp = stickerStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
}
};
exports.__deltemplate__ClayCardBase_VisualArea_image = __deltemplate__ClayCardBase_VisualArea_image;
}
exports.__deltemplate_s663_970abbf1 = __deltemplate_s663_970abbf1;
/**

@@ -235,10 +276,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_image.Params;
__deltemplate_s663_970abbf1.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_image.soyTemplateName = 'ClayImageCard.__deltemplate__ClayCardBase_VisualArea_image';
__deltemplate_s663_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s663_970abbf1';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate__ClayCardBase_VisualArea_image);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s663_970abbf1);

@@ -245,0 +286,0 @@ exports.render.params = ["title", "_handleActionItemClicked", "_handleItemToggled", "actionAriaLabel", "actionItems", "disabled", "elementClasses", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerClasses", "stickerIcon", "stickerImageAlt", "stickerImageSrc", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];

127

lib/ClayUserCard.soy.js

@@ -47,18 +47,38 @@ 'use strict';

var $templateAlias4 = _metalSoy2.default.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias3 = _metalSoy2.default.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias1 = _metalSoy2.default.getTemplate('ClayCardBase.incrementaldom', 'render');
var $templateAlias3 = _metalSoy2.default.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias2 = _metalSoy2.default.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias2 = _metalSoy2.default.getTemplate('ClaySticker.incrementaldom', 'render');
var $templateAlias4 = _metalSoy2.default.getTemplate('ClaySticker.incrementaldom', 'render');
/**
* @param {$render.Params} opt_data
* @param {{
* name: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -73,4 +93,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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 +124,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 userColorClass = soy.asserts.assertType(opt_data.userColorClass == null || goog.isString(opt_data.userColorClass) || opt_data.userColorClass instanceof goog.soy.data.SanitizedContent, 'userColorClass', opt_data.userColorClass, '!goog.soy.data.SanitizedContent|null|string|undefined');
var classes__soy773 = '';
classes__soy773 += 'user-card';
classes__soy773 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: classes__soy773, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerStyle: userColorClass, subtitle: subtitle, title: name }, opt_ijData);
};
var classes__soy766 = '';
classes__soy766 += 'user-card';
classes__soy766 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: classes__soy766, events: { itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled }, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerStyle: userColorClass, subtitle: subtitle, title: name }, null, opt_ijData);
}
exports.render = $render;

@@ -117,3 +137,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -132,3 +152,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -142,9 +162,19 @@ */

/**
* @param {__deltemplate__ClayCardBase_DescriptiveArea_user.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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: (?),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_DescriptiveArea_user = function __deltemplate__ClayCardBase_DescriptiveArea_user(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s797_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -157,4 +187,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent, 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -180,3 +210,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');

if (href) {
$templateAlias3({ elementClasses: 'card-title text-truncate', href: href, label: title }, opt_ijData);
$templateAlias2({ elementClasses: 'card-title text-truncate', href: href, label: title }, null, opt_ijData);
} else if (title) {

@@ -198,10 +228,10 @@ incrementalDom.elementOpenStart('div');

if (actionItems && spritemap) {
var msg_3_6305962755687847469__soy3271 = '';
var msg_3795__soy3796 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_3_6305962755687847469__soy3271 += MSG_EXTERNAL_6305962755687847469;
msg_3795__soy3796 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3_6305962755687847469__soy3271 }, opt_ijData);
$templateAlias3({ events: { itemClicked: _handleActionItemClicked }, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3795__soy3796 }, null, opt_ijData);
incrementalDom.elementClose('div');

@@ -211,4 +241,4 @@ }

incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_DescriptiveArea_user = __deltemplate__ClayCardBase_DescriptiveArea_user;
}
exports.__deltemplate_s797_488cf0c1 = __deltemplate_s797_488cf0c1;
/**

@@ -219,25 +249,38 @@ * @typedef {{

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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: (?|undefined),
* labelStylesMap: (?),
* 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__ClayCardBase_DescriptiveArea_user.Params;
__deltemplate_s797_488cf0c1.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_DescriptiveArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_DescriptiveArea_user';
__deltemplate_s797_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s797_488cf0c1';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate__ClayCardBase_DescriptiveArea_user);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s797_488cf0c1);
/**
* @param {__deltemplate__ClayCardBase_VisualArea_user.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_user = function __deltemplate__ClayCardBase_VisualArea_user(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s847_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -269,6 +312,6 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

incrementalDom.elementOpenEnd();
$templateAlias2({ elementClasses: 'sticker-user-icon', icon: icon != null ? icon : !imageSrc ? 'user' : null, imageAlt: imageAlt, imageSrc: imageSrc, shape: 'circle', spritemap: spritemap, style: stickerStyle }, opt_ijData);
$templateAlias4({ elementClasses: 'sticker-user-icon', icon: ($$temp = icon) == null ? !imageSrc ? 'user' : null : $$temp, imageAlt: imageAlt, imageSrc: imageSrc, shape: 'circle', spritemap: spritemap, style: stickerStyle }, null, opt_ijData);
incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_VisualArea_user = __deltemplate__ClayCardBase_VisualArea_user;
}
exports.__deltemplate_s847_d12b8598 = __deltemplate_s847_d12b8598;
/**

@@ -286,10 +329,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_user.Params;
__deltemplate_s847_d12b8598.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_VisualArea_user';
__deltemplate_s847_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s847_d12b8598';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate__ClayCardBase_VisualArea_user);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s847_d12b8598);

@@ -296,0 +339,0 @@ exports.render.params = ["name", "_handleActionItemClicked", "_handleItemToggled", "actionAriaLabel", "actionItems", "disabled", "elementClasses", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColorClass"];

26

package.json
{
"name": "clay-card",
"version": "2.13.0",
"version": "2.14.0",
"description": "Metal ClayCard component",

@@ -31,9 +31,9 @@ "license": "BSD-3-Clause",

"dependencies": {
"clay-checkbox": "^2.13.0",
"clay-component": "^2.13.0",
"clay-dropdown": "^2.13.0",
"clay-icon": "^2.13.0",
"clay-label": "^2.13.0",
"clay-link": "^2.13.0",
"clay-sticker": "^2.13.0",
"clay-checkbox": "^2.14.0",
"clay-component": "^2.14.0",
"clay-dropdown": "^2.14.0",
"clay-icon": "^2.14.0",
"clay-label": "^2.14.0",
"clay-link": "^2.14.0",
"clay-sticker": "^2.14.0",
"metal": "^2.16.0",

@@ -51,8 +51,8 @@ "metal-component": "^2.16.0",

"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.13.0",
"clay-css": "^2.13.0",
"browserslist-config-clay": "^2.14.0",
"clay-css": "^2.14.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^6.0.0",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
"webpack-config-clay": "^2.13.0"
"webpack-config-clay": "^2.14.0"
},

@@ -62,3 +62,3 @@ "browserslist": [

],
"gitHead": "fef2c15a6c6a85daa328f93e4cb25d9ee4bb86dc"
"gitHead": "cc93f63941787d174b5871282dc36ccf15ee85f5"
}

280

src/ClayCardBase.soy.js

@@ -29,7 +29,7 @@ /* jshint ignore:start */

var $templateAlias3 = Soy.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias4 = Soy.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias1 = Soy.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias4 = Soy.getTemplate('ClayLabel.incrementaldom', 'render');
var $templateAlias3 = Soy.getTemplate('ClayLabel.incrementaldom', 'render');

@@ -40,10 +40,40 @@ var $templateAlias2 = Soy.getTemplate('ClayLink.incrementaldom', 'render');

/**
* @param {$render.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemCheckboxClick: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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),
* disabled: (boolean|null|undefined),
* elementClasses: (!goog.soy.data.SanitizedContent|null|string|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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -57,4 +87,4 @@ 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');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -106,3 +136,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__soy51 = function() {
var attributes__soy32 = function() {
incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));

@@ -113,36 +143,36 @@ if (id) {

};
var variant__soy53 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy67 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy53, false)({_handleActionItemClicked: _handleActionItemClicked, actionAriaLabel: actionAriaLabel, actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title}, opt_ijData);
var variant__soy53 = ($$temp = contentRenderer) == null ? '' : $$temp;
var descriptiveArea__soy55 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy53, false)(opt_data, null, opt_ijData);
};
var visualArea__soy83 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy53, false)({icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle}, opt_ijData);
var visualArea__soy69 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy53, false)(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy51();
attributes__soy32();
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 param96 = function() {
visualArea__soy83();
};
$templateAlias1({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param96, name: inputName, value: inputValue}, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy67();
incrementalDom.elementClose('div');
} else {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
visualArea__soy83();
incrementalDom.elementClose('div');
descriptiveArea__soy67();
}
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 param94 = function() {
visualArea__soy69();
};
$templateAlias1({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param94, name: inputName, value: inputValue}, null, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy55();
incrementalDom.elementClose('div');
} else {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
visualArea__soy69();
incrementalDom.elementClose('div');
descriptiveArea__soy55();
}
incrementalDom.elementClose('div');
};
}
exports.render = $render;

@@ -155,3 +185,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -168,3 +198,3 @@ * disabled: (boolean|null|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -180,3 +210,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -191,10 +221,21 @@ */

/**
* @param {__deltemplate__ClayCardBase_DescriptiveArea_.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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: (?),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_DescriptiveArea_ = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s110_04cead22(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -206,4 +247,4 @@ 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');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -222,66 +263,59 @@ 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}, opt_ijData);
} else {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card-title text-truncate');
incrementalDom.attr('class', 'card-row');
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 label144List = labels;
var label144ListLen = label144List.length;
for (var label144Index = 0; label144Index < label144ListLen; label144Index++) {
var label144Data = label144List[label144Index];
if (label144Data.label) {
$templateAlias4({label: label144Data.label, style: label144Data.style}, opt_ijData);
} else {
var $tmp$$1;
if (labelStylesMap) {
var $tmp = labelStylesMap[label144Data];
$tmp$$1 = $tmp != null ? $tmp : labelStylesMap['*'];
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 {
$tmp$$1 = null;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card-title text-truncate');
incrementalDom.elementOpenEnd();
soyIdom.print(title);
incrementalDom.elementClose('div');
}
$templateAlias4({label: label144Data, style: $tmp$$1}, opt_ijData);
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 label163List = labels;
var label163ListLen = label163List.length;
for (var label163Index = 0; label163Index < label163ListLen; label163Index++) {
var label163Data = label163List[label163Index];
if (label163Data.label) {
$templateAlias3({label: label163Data.label, style: label163Data.style}, null, opt_ijData);
} else {
$templateAlias3({label: label163Data, style: labelStylesMap ? (($$temp = labelStylesMap[label163Data]) == null ? labelStylesMap['*'] : $$temp) : null}, null, opt_ijData);
}
if (!(label163Index == label163ListLen - 1)) {
incrementalDom.text(' ');
}
}
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
if (actionItems && spritemap) {
var msg_3789__soy3790 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_3789__soy3790 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3789__soy3790}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (!(label144Index == label144ListLen - 1)) {
incrementalDom.text(' ');
}
}
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
if (actionItems && spritemap) {
var msg_1_6305962755687847469__soy3267 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_1_6305962755687847469__soy3267 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias3({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_1_6305962755687847469__soy3267}, opt_ijData);
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_DescriptiveArea_ = __deltemplate__ClayCardBase_DescriptiveArea_;
}
exports.__deltemplate_s110_04cead22 = __deltemplate_s110_04cead22;
/**

@@ -292,25 +326,37 @@ * @typedef {{

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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: (?|undefined),
* labelStylesMap: (?),
* 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__ClayCardBase_DescriptiveArea_.Params;
__deltemplate_s110_04cead22.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_DescriptiveArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_DescriptiveArea_';
__deltemplate_s110_04cead22.soyTemplateName = 'ClayCardBase.__deltemplate_s110_04cead22';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate__ClayCardBase_DescriptiveArea_);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), '', 0, __deltemplate_s110_04cead22);
/**
* @param {__deltemplate__ClayCardBase_VisualArea_.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_ = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s186_acd6bb5f(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -340,4 +386,4 @@ opt_data = opt_data || {};

var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || (goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent), 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
};
exports.__deltemplate__ClayCardBase_VisualArea_ = __deltemplate__ClayCardBase_VisualArea_;
}
exports.__deltemplate_s186_acd6bb5f = __deltemplate_s186_acd6bb5f;
/**

@@ -355,10 +401,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_.Params;
__deltemplate_s186_acd6bb5f.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_.soyTemplateName = 'ClayCardBase.__deltemplate__ClayCardBase_VisualArea_';
__deltemplate_s186_acd6bb5f.soyTemplateName = 'ClayCardBase.__deltemplate_s186_acd6bb5f';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate__ClayCardBase_VisualArea_);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), '', 0, __deltemplate_s186_acd6bb5f);

@@ -365,0 +411,0 @@ exports.render.params = ["title","_handleActionItemClicked","_handleItemCheckboxClick","actionAriaLabel","actionItems","contentRenderer","disabled","elementClasses","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerClasses","stickerIcon","stickerImageAlt","stickerImageSrc","stickerLabel","stickerShape","stickerStyle","subtitle"];

88

src/ClayFileCard.soy.js

@@ -34,10 +34,37 @@ /* jshint ignore:start */

/**
* @param {$render.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -53,4 +80,4 @@ var spritemap = soy.asserts.assertType(goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|string');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -94,7 +121,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__soy330 = '';
classes__soy330 += 'file-card';
classes__soy330 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy330, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
};
var classes__soy323 = '';
classes__soy323 += 'file-card';
classes__soy323 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy323, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, null, opt_ijData);
}
exports.render = $render;

@@ -108,3 +135,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -118,3 +145,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -129,3 +156,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -140,10 +167,23 @@ */

/**
* @param {__deltemplate__ClayCardBase_VisualArea_file.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_file = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s360_a0f52d4d(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -176,10 +216,10 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, opt_ijData);
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (stickerLabel || stickerImageSrc || stickerIcon && spritemap) {
$templateAlias3({elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: stickerShape != null ? stickerShape : 'rounded', spritemap: spritemap, style: stickerStyle != null ? stickerStyle : 'primary'}, opt_ijData);
$templateAlias3({elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: ($$temp = stickerShape) == null ? 'rounded' : $$temp, spritemap: spritemap, style: ($$temp = stickerStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
};
exports.__deltemplate__ClayCardBase_VisualArea_file = __deltemplate__ClayCardBase_VisualArea_file;
}
exports.__deltemplate_s360_a0f52d4d = __deltemplate_s360_a0f52d4d;
/**

@@ -197,10 +237,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_file.Params;
__deltemplate_s360_a0f52d4d.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_file.soyTemplateName = 'ClayFileCard.__deltemplate__ClayCardBase_VisualArea_file';
__deltemplate_s360_a0f52d4d.soyTemplateName = 'ClayFileCard.__deltemplate_s360_a0f52d4d';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate__ClayCardBase_VisualArea_file);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'file', 0, __deltemplate_s360_a0f52d4d);

@@ -207,0 +247,0 @@ exports.render.params = ["spritemap","title","_handleActionItemClicked","_handleItemToggled","actionAriaLabel","actionItems","disabled","elementClasses","href","icon","id","inputName","inputValue","labels","labelStylesMap","selectable","selected","stickerClasses","stickerIcon","stickerImageAlt","stickerImageSrc","stickerLabel","stickerShape","stickerStyle","subtitle"];

153

src/ClayHorizontalCard.soy.js

@@ -26,17 +26,33 @@ /* jshint ignore:start */

var $templateAlias2 = Soy.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias1 = Soy.getTemplate('ClayCheckbox.incrementaldom', 'render');
var $templateAlias3 = Soy.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias1 = Soy.getTemplate('ClaySticker.incrementaldom', 'render');
var $templateAlias2 = Soy.getTemplate('ClaySticker.incrementaldom', 'render');
/**
* @param {$render.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemCheckboxClick: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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 {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -53,4 +69,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -74,3 +90,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__soy441 = function() {
var attributes__soy422 = function() {
incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));

@@ -81,22 +97,22 @@ if (id) {

};
var descriptiveArea__soy453 = function() {
$descriptiveArea({_handleActionItemClicked: _handleActionItemClicked, actionAriaLabel: actionAriaLabel, actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title}, opt_ijData);
var descriptiveArea__soy443 = function() {
$descriptiveArea(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy441();
attributes__soy422();
incrementalDom.elementOpenEnd();
if (selectable) {
var param466 = function() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy453();
incrementalDom.elementClose('div');
};
$templateAlias2({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param466, name: inputName, value: inputValue}, opt_ijData);
} else {
descriptiveArea__soy453();
}
if (selectable) {
var param464 = function() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy443();
incrementalDom.elementClose('div');
};
$templateAlias1({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param464, name: inputName, value: inputValue}, null, opt_ijData);
} else {
descriptiveArea__soy443();
}
incrementalDom.elementClose('div');
};
}
exports.render = $render;

@@ -110,3 +126,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -120,3 +136,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* selected: (boolean|null|undefined)
* }}

@@ -131,10 +147,19 @@ */

/**
* @param {$descriptiveArea.Params} opt_data
* @param {{
* spritemap: (!goog.soy.data.SanitizedContent|string),
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $descriptiveArea = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $descriptiveArea(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
/** @type {!goog.soy.data.SanitizedContent|string} */

@@ -148,4 +173,4 @@ var spritemap = soy.asserts.assertType(goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|string');

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -158,37 +183,37 @@ 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();
$templateAlias1({icon: icon != null ? icon : 'folder', spritemap: spritemap, style: 'unstyled'}, 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}, opt_ijData);
} else {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card-title text-truncate');
incrementalDom.attr('class', 'card-row');
incrementalDom.elementOpenEnd();
soyIdom.print(title);
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) {
var msg_3792__soy3793 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_3792__soy3793 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3792__soy3793}, null, opt_ijData);
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
if (actionItems) {
var msg_2_6305962755687847469__soy3269 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_2_6305962755687847469__soy3269 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_2_6305962755687847469__soy3269}, opt_ijData);
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
incrementalDom.elementClose('div');
};
}
exports.descriptiveArea = $descriptiveArea;

@@ -201,5 +226,5 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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)
* }}

@@ -206,0 +231,0 @@ */

103

src/ClayImageCard.soy.js

@@ -34,9 +34,37 @@ /* jshint ignore:start */

/**
* @param {$render.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -51,4 +79,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -98,7 +126,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__soy631 = '';
classes__soy631 += 'image-card';
classes__soy631 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy631, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
};
var classes__soy624 = '';
classes__soy624 += 'image-card';
classes__soy624 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy624, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, 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, stickerClasses: stickerClasses, stickerIcon: stickerIcon, stickerImageAlt: stickerImageAlt, stickerImageSrc: stickerImageSrc, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, null, opt_ijData);
}
exports.render = $render;

@@ -111,3 +139,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -123,3 +151,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* labels: (!Array<?>|null|undefined),
* labelStylesMap: (?|undefined),
* labelStylesMap: (?),
* selectable: (boolean|null|undefined),

@@ -135,3 +163,3 @@ * selected: (boolean|null|undefined),

* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -146,10 +174,23 @@ */

/**
* @param {__deltemplate__ClayCardBase_VisualArea_image.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_image = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s663_970abbf1(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -178,13 +219,13 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

var stickerStyle = soy.asserts.assertType(opt_data.stickerStyle == null || (goog.isString(opt_data.stickerStyle) || opt_data.stickerStyle instanceof goog.soy.data.SanitizedContent), 'stickerStyle', opt_data.stickerStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
var aspectRatioClasses__soy681 = '';
aspectRatioClasses__soy681 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
aspectRatioClasses__soy681 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
var aspectRatioClasses__soy676 = '';
aspectRatioClasses__soy676 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
aspectRatioClasses__soy676 += !imageSrc && icon && spritemap ? ' card-type-asset-icon' : '';
if (imageSrc) {
var imageAttributes__soy697 = function() {
var imageAttributes__soy686 = function() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', aspectRatioClasses__soy681);
incrementalDom.attr('class', aspectRatioClasses__soy676);
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy697();
imageAttributes__soy686();
incrementalDom.elementOpenEnd();

@@ -194,12 +235,12 @@ incrementalDom.elementClose('img');

incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy681);
incrementalDom.attr('class', aspectRatioClasses__soy676);
incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, opt_ijData);
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (stickerLabel || stickerImageSrc || stickerIcon && spritemap) {
$templateAlias3({elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: stickerShape != null ? stickerShape : 'rounded', spritemap: spritemap, style: stickerStyle != null ? stickerStyle : 'primary'}, opt_ijData);
$templateAlias3({elementClasses: stickerClasses, icon: stickerIcon, imageAlt: stickerImageAlt, imageSrc: stickerImageSrc, label: stickerLabel, position: 'bottom-left', shape: ($$temp = stickerShape) == null ? 'rounded' : $$temp, spritemap: spritemap, style: ($$temp = stickerStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
};
exports.__deltemplate__ClayCardBase_VisualArea_image = __deltemplate__ClayCardBase_VisualArea_image;
}
exports.__deltemplate_s663_970abbf1 = __deltemplate_s663_970abbf1;
/**

@@ -217,10 +258,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_image.Params;
__deltemplate_s663_970abbf1.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_image.soyTemplateName = 'ClayImageCard.__deltemplate__ClayCardBase_VisualArea_image';
__deltemplate_s663_970abbf1.soyTemplateName = 'ClayImageCard.__deltemplate_s663_970abbf1';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate__ClayCardBase_VisualArea_image);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'image', 0, __deltemplate_s663_970abbf1);

@@ -227,0 +268,0 @@ exports.render.params = ["title","_handleActionItemClicked","_handleItemToggled","actionAriaLabel","actionItems","disabled","elementClasses","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerClasses","stickerIcon","stickerImageAlt","stickerImageSrc","stickerLabel","stickerShape","stickerStyle","subtitle"];

183

src/ClayUserCard.soy.js

@@ -27,19 +27,39 @@ /* jshint ignore:start */

var $templateAlias4 = Soy.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias3 = Soy.getTemplate('ClayActionsDropdown.incrementaldom', 'render');
var $templateAlias1 = Soy.getTemplate('ClayCardBase.incrementaldom', 'render');
var $templateAlias3 = Soy.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias2 = Soy.getTemplate('ClayLink.incrementaldom', 'render');
var $templateAlias2 = Soy.getTemplate('ClaySticker.incrementaldom', 'render');
var $templateAlias4 = Soy.getTemplate('ClaySticker.incrementaldom', 'render');
/**
* @param {$render.Params} opt_data
* @param {{
* name: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* _handleItemToggled: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),
* 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),
* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var $render = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -54,4 +74,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -85,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 userColorClass = soy.asserts.assertType(opt_data.userColorClass == null || (goog.isString(opt_data.userColorClass) || opt_data.userColorClass instanceof goog.soy.data.SanitizedContent), 'userColorClass', opt_data.userColorClass, '!goog.soy.data.SanitizedContent|null|string|undefined');
var classes__soy773 = '';
classes__soy773 += 'user-card';
classes__soy773 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: classes__soy773, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerStyle: userColorClass, subtitle: subtitle, title: name}, opt_ijData);
};
var classes__soy766 = '';
classes__soy766 += 'user-card';
classes__soy766 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionAriaLabel: actionAriaLabel, actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: classes__soy766, events: {itemClicked: _handleActionItemClicked, itemToggled: _handleItemToggled}, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerStyle: userColorClass, subtitle: subtitle, title: name}, null, opt_ijData);
}
exports.render = $render;

@@ -98,3 +118,3 @@ /**

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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),

@@ -113,3 +133,3 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined),
* userColorClass: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}

@@ -124,9 +144,19 @@ */

/**
* @param {__deltemplate__ClayCardBase_DescriptiveArea_user.Params} opt_data
* @param {{
* title: (!goog.soy.data.SanitizedContent|string),
* _handleActionItemClicked: (*|null|undefined),
* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|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: (?),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_DescriptiveArea_user = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s797_488cf0c1(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -139,4 +169,4 @@ /** @type {!goog.soy.data.SanitizedContent|string} */

var actionAriaLabel = soy.asserts.assertType(opt_data.actionAriaLabel == null || (goog.isString(opt_data.actionAriaLabel) || opt_data.actionAriaLabel instanceof goog.soy.data.SanitizedContent), 'actionAriaLabel', opt_data.actionAriaLabel, '!goog.soy.data.SanitizedContent|null|string|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 {!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} */

@@ -155,40 +185,40 @@ 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) {
$templateAlias3({elementClasses: 'card-title text-truncate', href: href, label: title}, opt_ijData);
} else if (title) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card-title text-truncate');
incrementalDom.attr('class', 'card-row');
incrementalDom.elementOpenEnd();
soyIdom.print(title);
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) {
var msg_3795__soy3796 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_3795__soy3796 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias3({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3795__soy3796}, null, opt_ijData);
incrementalDom.elementClose('div');
}
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) {
var msg_3_6305962755687847469__soy3271 = '';
/** @desc */
var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
msg_3_6305962755687847469__soy3271 += MSG_EXTERNAL_6305962755687847469;
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'autofit-col');
incrementalDom.elementOpenEnd();
$templateAlias4({events: {itemClicked: _handleActionItemClicked}, items: actionItems, spritemap: spritemap, triggerAriaLabel: actionAriaLabel, triggerClasses: 'component-action', triggerTitle: title + ' ' + msg_3_6305962755687847469__soy3271}, opt_ijData);
incrementalDom.elementClose('div');
}
incrementalDom.elementClose('div');
incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_DescriptiveArea_user = __deltemplate__ClayCardBase_DescriptiveArea_user;
}
exports.__deltemplate_s797_488cf0c1 = __deltemplate_s797_488cf0c1;
/**

@@ -199,26 +229,39 @@ * @typedef {{

* actionAriaLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* 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: (?|undefined),
* labelStylesMap: (?),
* 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__ClayCardBase_DescriptiveArea_user.Params;
__deltemplate_s797_488cf0c1.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_DescriptiveArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_DescriptiveArea_user';
__deltemplate_s797_488cf0c1.soyTemplateName = 'ClayUserCard.__deltemplate_s797_488cf0c1';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate__ClayCardBase_DescriptiveArea_user);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), 'user', 0, __deltemplate_s797_488cf0c1);
/**
* @param {__deltemplate__ClayCardBase_VisualArea_user.Params} opt_data
* @param {{
* 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),
* stickerClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerIcon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerImageSrc: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerLabel: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data
* @param {Object<string, *>=} opt_ijData
* @param {Object<string, *>=} opt_ijData_deprecated
* @return {void}
* @suppress {checkTypes|uselessCode}
* @suppress {checkTypes}
*/
var __deltemplate__ClayCardBase_VisualArea_user = function(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s847_d12b8598(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
var $$temp;
opt_data = opt_data || {};

@@ -250,6 +293,6 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */

incrementalDom.elementOpenEnd();
$templateAlias2({elementClasses: 'sticker-user-icon', icon: icon != null ? icon : !imageSrc ? 'user' : null, imageAlt: imageAlt, imageSrc: imageSrc, shape: 'circle', spritemap: spritemap, style: stickerStyle}, opt_ijData);
$templateAlias4({elementClasses: 'sticker-user-icon', icon: ($$temp = icon) == null ? (!imageSrc ? 'user' : null) : $$temp, imageAlt: imageAlt, imageSrc: imageSrc, shape: 'circle', spritemap: spritemap, style: stickerStyle}, null, opt_ijData);
incrementalDom.elementClose('div');
};
exports.__deltemplate__ClayCardBase_VisualArea_user = __deltemplate__ClayCardBase_VisualArea_user;
}
exports.__deltemplate_s847_d12b8598 = __deltemplate_s847_d12b8598;
/**

@@ -267,10 +310,10 @@ * @typedef {{

* stickerShape: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* stickerStyle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate__ClayCardBase_VisualArea_user.Params;
__deltemplate_s847_d12b8598.Params;
if (goog.DEBUG) {
__deltemplate__ClayCardBase_VisualArea_user.soyTemplateName = 'ClayUserCard.__deltemplate__ClayCardBase_VisualArea_user';
__deltemplate_s847_d12b8598.soyTemplateName = 'ClayUserCard.__deltemplate_s847_d12b8598';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate__ClayCardBase_VisualArea_user);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), 'user', 0, __deltemplate_s847_d12b8598);

@@ -277,0 +320,0 @@ exports.render.params = ["name","_handleActionItemClicked","_handleItemToggled","actionAriaLabel","actionItems","disabled","elementClasses","href","icon","id","imageAlt","imageSrc","inputName","inputValue","selectable","selected","spritemap","subtitle","userColorClass"];

lib/ClayCardBase.soy.js.map

Sorry, the diff of this file is not supported yet

lib/ClayFileCard.soy.js.map

Sorry, the diff of this file is not supported yet

lib/ClayHorizontalCard.soy.js.map

Sorry, the diff of this file is not supported yet

lib/ClayImageCard.soy.js.map

Sorry, the diff of this file is not supported yet

lib/ClayUserCard.soy.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc