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
1
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 1.0.0-alpha.8 to 1.0.0-alpha.9

4

lib/action_items_validator.js

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

disabled: _metalState.Config.bool().value(false),
href: _metalState.Config.string().required(),
icon: _metalState.Config.string(),
label: _metalState.Config.string(),
separator: _metalState.Config.bool().value(false),
type: _metalState.Config.oneOf(['group', 'item']).value('item'),
url: _metalState.Config.string().required()
type: _metalState.Config.oneOf(['group', 'item']).value('item')
};

@@ -19,0 +19,0 @@

35

lib/ClayCard.js

@@ -8,2 +8,4 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('clay-checkbox');

@@ -61,2 +63,15 @@

_createClass(ClayCard, [{
key: 'handleItemCheckboxClick_',
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
value: function handleItemCheckboxClick_(event) {
this.emit('itemToggled', event);
}
}]);
return ClayCard;

@@ -128,2 +143,11 @@ }(_metalComponent2.default);

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayCard
* @type {?string|undefined}
* @default undefined
*/
href: _metalState.Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -237,12 +261,3 @@ * @instance

*/
title: _metalState.Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayCard
* @type {?string|undefined}
* @default undefined
*/
url: _metalState.Config.string()
title: _metalState.Config.string().required()
};

@@ -249,0 +264,0 @@

124

lib/ClayCard.soy.js

@@ -60,3 +60,3 @@ 'use strict';

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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),

@@ -67,2 +67,4 @@ * disabled: (boolean|null|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -78,4 +80,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -91,4 +92,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -104,3 +105,7 @@ 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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent, 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemCheckboxClick_ = opt_data.handleItemCheckboxClick_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent, 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -127,5 +132,3 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
var attributes__soy23 = function attributes__soy23() {
var attributes__soy24 = function attributes__soy24() {
incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));

@@ -136,22 +139,32 @@ if (id) {

};
var descriptiveArea__soy45 = function descriptiveArea__soy45() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
var visualArea__soy56 = function visualArea__soy56() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy23();
attributes__soy24();
incrementalDom.elementOpenEnd();
var content__soy46 = function content__soy46() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
if (selectable) {
var param71 = function param71() {
var classesCard__soy73 = '';
classesCard__soy73 += 'card card-type-asset';
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', classesCard__soy73);
incrementalDom.elementOpenEnd();
content__soy46();
incrementalDom.elementClose('div');
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card');
incrementalDom.elementOpenEnd();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
var param76 = function param76() {
visualArea__soy56();
};
$templateAlias1({ checked: selected, disabled: disabled, labelContent: param71, name: inputName, value: inputValue }, null, opt_ijData);
$templateAlias1({ checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param76, name: inputName, value: inputValue }, null, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy45();
incrementalDom.elementClose('div');
} else {
content__soy46();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
visualArea__soy56();
incrementalDom.elementClose('div');
descriptiveArea__soy45();
}

@@ -164,3 +177,3 @@ incrementalDom.elementClose('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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),

@@ -171,2 +184,4 @@ * disabled: (boolean|null|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -182,4 +197,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -195,7 +209,7 @@ */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -207,8 +221,10 @@ * @param {Object<string, *>=} opt_ijData

*/
function __deltemplate_s88_d9eb5c46(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s92_d9eb5c46(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
/** @type {!goog.soy.data.SanitizedContent|string} */
var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */

@@ -220,4 +236,2 @@ var labels = soy.asserts.assertType(opt_data.labels == null || goog.isArray(opt_data.labels), 'labels', opt_data.labels, '!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -232,4 +246,4 @@ incrementalDom.attr('class', 'card-body');

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

@@ -255,7 +269,7 @@ incrementalDom.elementOpenStart('div');

incrementalDom.elementOpenEnd();
var label128List = labels;
var label128ListLen = label128List.length;
for (var label128Index = 0; label128Index < label128ListLen; label128Index++) {
var label128Data = label128List[label128Index];
$templateAlias3({ label: label128Data.label, style: label128Data.style }, null, opt_ijData);
var label132List = labels;
var label132ListLen = label132List.length;
for (var label132Index = 0; label132Index < label132ListLen; label132Index++) {
var label132Data = label132List[label132Index];
$templateAlias3({ label: label132Data.label, style: label132Data.style }, null, opt_ijData);
}

@@ -275,18 +289,18 @@ incrementalDom.elementClose('div');

}
exports.__deltemplate_s88_d9eb5c46 = __deltemplate_s88_d9eb5c46;
exports.__deltemplate_s92_d9eb5c46 = __deltemplate_s92_d9eb5c46;
/**
* @typedef {{
* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate_s88_d9eb5c46.Params;
__deltemplate_s92_d9eb5c46.Params;
if (goog.DEBUG) {
__deltemplate_s88_d9eb5c46.soyTemplateName = 'ClayCard.__deltemplate_s88_d9eb5c46';
__deltemplate_s92_d9eb5c46.soyTemplateName = 'ClayCard.__deltemplate_s92_d9eb5c46';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), '', 0, __deltemplate_s88_d9eb5c46);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), '', 0, __deltemplate_s92_d9eb5c46);

@@ -307,3 +321,3 @@ /**

*/
function __deltemplate_s140_b752ef6a(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s144_b752ef6a(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -324,3 +338,3 @@ opt_data = opt_data || {};

}
exports.__deltemplate_s140_b752ef6a = __deltemplate_s140_b752ef6a;
exports.__deltemplate_s144_b752ef6a = __deltemplate_s144_b752ef6a;
/**

@@ -336,10 +350,10 @@ * @typedef {{

*/
__deltemplate_s140_b752ef6a.Params;
__deltemplate_s144_b752ef6a.Params;
if (goog.DEBUG) {
__deltemplate_s140_b752ef6a.soyTemplateName = 'ClayCard.__deltemplate_s140_b752ef6a';
__deltemplate_s144_b752ef6a.soyTemplateName = 'ClayCard.__deltemplate_s144_b752ef6a';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), '', 0, __deltemplate_s140_b752ef6a);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), '', 0, __deltemplate_s144_b752ef6a);
exports.render.params = ["title", "actionItems", "contentRenderer", "disabled", "elementClasses", "fileType", "fileTypeStyle", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "selectable", "selected", "spritemap", "subtitle", "url"];
exports.render.types = { "title": "string", "actionItems": "list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n\t\tlabel: string,\n\t\tstyle: string\n\t]>", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string", "url": "string" };
exports.render.params = ["title", "actionItems", "contentRenderer", "disabled", "elementClasses", "fileType", "fileTypeStyle", "handleItemCheckboxClick_", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "selectable", "selected", "spritemap", "subtitle"];
exports.render.types = { "title": "string", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "handleItemCheckboxClick_": "any", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n\t\tlabel: string,\n\t\tstyle: string\n\t]>", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string" };
exports.templates = templates = exports;

@@ -346,0 +360,0 @@ return exports;

35

lib/ClayFileCard.js

@@ -8,2 +8,4 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('clay-icon');

@@ -57,2 +59,15 @@

_createClass(ClayFileCard, [{
key: 'handleItemToggled_',
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
value: function handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}]);
return ClayFileCard;

@@ -115,2 +130,11 @@ }(_metalComponent2.default);

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayFileCard
* @type {?string|undefined}
* @default undefined
*/
href: _metalState.Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -206,12 +230,3 @@ * @instance

*/
title: _metalState.Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayFileCard
* @type {?string|undefined}
* @default undefined
*/
url: _metalState.Config.string()
title: _metalState.Config.string().required()
};

@@ -218,0 +233,0 @@

49

lib/ClayFileCard.soy.js

@@ -56,3 +56,3 @@ 'use strict';

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -62,2 +62,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -70,4 +72,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selected: (boolean|null|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -86,4 +87,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -97,3 +98,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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent, 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent, 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -114,5 +119,6 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: elementClasses, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, url: url }, null, opt_ijData);
var classes__soy273 = '';
classes__soy273 += 'file-card';
classes__soy273 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, href: href }, null, opt_ijData);
}

@@ -124,3 +130,3 @@ exports.render = $render;

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

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

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -138,4 +146,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -162,3 +169,3 @@ */

*/
function __deltemplate_s271_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s303_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -179,8 +186,5 @@ var $$temp;

var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
if (icon && spritemap) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid card-type-asset-icon');
incrementalDom.elementOpenEnd();

@@ -193,5 +197,4 @@ $templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);

}
incrementalDom.elementClose('div');
}
exports.__deltemplate_s271_c6865235 = __deltemplate_s271_c6865235;
exports.__deltemplate_s303_c6865235 = __deltemplate_s303_c6865235;
/**

@@ -207,10 +210,10 @@ * @typedef {{

*/
__deltemplate_s271_c6865235.Params;
__deltemplate_s303_c6865235.Params;
if (goog.DEBUG) {
__deltemplate_s271_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s271_c6865235';
__deltemplate_s303_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s303_c6865235';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s271_c6865235);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s303_c6865235);
exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "icon", "id", "inputName", "inputValue", "labels", "selectable", "selected", "subtitle", "url"];
exports.render.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n label: string,\n separator: bool,\n url: string\n ]>", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n \tlabel: string,\n \tstyle: string\n ]>", "selectable": "bool", "selected": "bool", "subtitle": "string", "url": "string" };
exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "handleItemToggled_", "href", "icon", "id", "inputName", "inputValue", "labels", "selectable", "selected", "subtitle"];
exports.render.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n href: string,\n label: string,\n separator: bool\n ]>", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "handleItemToggled_": "any", "href": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n \tlabel: string,\n \tstyle: string\n ]>", "selectable": "bool", "selected": "bool", "subtitle": "string" };
exports.templates = templates = exports;

@@ -217,0 +220,0 @@ return exports;

35

lib/ClayHorizontalCard.js

@@ -8,2 +8,4 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('clay-checkbox');

@@ -59,2 +61,15 @@

_createClass(ClayHorizontalCard, [{
key: 'handleItemCheckboxClick_',
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
value: function handleItemCheckboxClick_(event) {
this.emit('itemToggled', event);
}
}]);
return ClayHorizontalCard;

@@ -99,2 +114,11 @@ }(_metalComponent2.default);

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayHorizontalCard
* @type {?string|undefined}
* @default undefined
*/
href: _metalState.Config.string(),
/**
* Icon of the card.

@@ -169,12 +193,3 @@ * @instance

*/
title: _metalState.Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayHorizontalCard
* @type {?string|undefined}
* @default undefined
*/
url: _metalState.Config.string()
title: _metalState.Config.string().required()
};

@@ -181,0 +196,0 @@

76

lib/ClayHorizontalCard.soy.js

@@ -56,5 +56,7 @@ 'use strict';

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -65,4 +67,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* selected: (boolean|null|undefined)
* }} opt_data

@@ -80,4 +81,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -87,3 +88,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 elementClasses = soy.asserts.assertType(opt_data.elementClasses == null || goog.isString(opt_data.elementClasses) || opt_data.elementClasses instanceof goog.soy.data.SanitizedContent, 'elementClasses', opt_data.elementClasses, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemCheckboxClick_ = opt_data.handleItemCheckboxClick_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent, 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -100,5 +105,3 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
var attributes__soy328 = function attributes__soy328() {
var attributes__soy352 = function attributes__soy352() {
incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));

@@ -109,19 +112,19 @@ if (id) {

};
var descriptiveArea__soy349 = function descriptiveArea__soy349() {
var descriptiveArea__soy373 = function descriptiveArea__soy373() {
$descriptiveArea(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy328();
attributes__soy352();
incrementalDom.elementOpenEnd();
if (selectable) {
var param367 = function param367() {
var param392 = function param392() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy349();
descriptiveArea__soy373();
incrementalDom.elementClose('div');
};
$templateAlias1({ checked: selected, disabled: disabled, labelContent: param367, name: inputName, value: inputValue }, null, opt_ijData);
$templateAlias1({ checked: selected, disabled: disabled, events: { change: handleItemCheckboxClick_ }, labelContent: param392, name: inputName, value: inputValue }, null, opt_ijData);
} else {
descriptiveArea__soy349();
descriptiveArea__soy373();
}

@@ -135,5 +138,7 @@ incrementalDom.elementClose('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -144,4 +149,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* selected: (boolean|null|undefined)
* }}

@@ -158,5 +162,5 @@ */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!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

@@ -175,8 +179,8 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent, 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -188,10 +192,10 @@ incrementalDom.attr('class', 'card-body');

incrementalDom.elementOpenEnd();
var classesDescription__soy387 = '';
classesDescription__soy387 += 'flex-col flex-col-expand flex-col-gutters';
var classesDescription__soy412 = '';
classesDescription__soy412 += 'flex-col flex-col-expand flex-col-gutters';
$templateAlias2({ icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled' }, null, opt_ijData);
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', classesDescription__soy387);
incrementalDom.attr('class', classesDescription__soy412);
incrementalDom.elementOpenEnd();
if (url) {
$templateAlias3({ elementClasses: 'card-title text-truncate', href: url, label: title }, null, opt_ijData);
if (href) {
$templateAlias3({ elementClasses: 'card-title text-truncate', href: href, label: title }, null, opt_ijData);
} else {

@@ -221,5 +225,5 @@ incrementalDom.elementOpenStart('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!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)
* }}

@@ -232,6 +236,6 @@ */

exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "icon", "id", "inputName", "inputValue", "selectable", "selected", "url"];
exports.render.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>", "disabled": "bool", "elementClasses": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "selectable": "bool", "selected": "bool", "url": "string" };
exports.descriptiveArea.params = ["spritemap", "title", "actionItems", "icon", "url"];
exports.descriptiveArea.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>", "icon": "string", "url": "string" };
exports.render.params = ["spritemap", "title", "actionItems", "disabled", "elementClasses", "handleItemCheckboxClick_", "href", "icon", "id", "inputName", "inputValue", "selectable", "selected"];
exports.render.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "disabled": "bool", "elementClasses": "string", "handleItemCheckboxClick_": "any", "href": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "selectable": "bool", "selected": "bool" };
exports.descriptiveArea.params = ["spritemap", "title", "actionItems", "href", "icon"];
exports.descriptiveArea.types = { "spritemap": "string", "title": "string", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "href": "string", "icon": "string" };
exports.templates = templates = exports;

@@ -238,0 +242,0 @@ return exports;

35

lib/ClayImageCard.js

@@ -8,2 +8,4 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('clay-icon');

@@ -57,2 +59,15 @@

_createClass(ClayImageCard, [{
key: 'handleItemToggled_',
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
value: function handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}]);
return ClayImageCard;

@@ -115,2 +130,11 @@ }(_metalComponent2.default);

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayImageCard
* @type {?string|undefined}
* @default undefined
*/
href: _metalState.Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -224,12 +248,3 @@ * @instance

*/
title: _metalState.Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayImageCard
* @type {?string|undefined}
* @default undefined
*/
url: _metalState.Config.string()
title: _metalState.Config.string().required()
};

@@ -236,0 +251,0 @@

60

lib/ClayImageCard.soy.js

@@ -55,3 +55,3 @@ 'use strict';

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -61,2 +61,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -72,4 +74,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -85,4 +86,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -96,3 +97,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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent, 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent, 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -119,5 +124,6 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: elementClasses, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, url: url }, null, opt_ijData);
var classes__soy532 = '';
classes__soy532 += 'image-card';
classes__soy532 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy532, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
}

@@ -128,3 +134,3 @@ exports.render = $render;

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -134,2 +140,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

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

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

*/
function __deltemplate_s528_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s564_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -186,15 +193,13 @@ var $$temp;

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

@@ -204,3 +209,3 @@ incrementalDom.elementClose('img');

incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy537);
incrementalDom.attr('class', aspectRatioClasses__soy572);
incrementalDom.elementOpenEnd();

@@ -213,5 +218,4 @@ $templateAlias2({ spritemap: spritemap, symbol: icon }, null, opt_ijData);

}
incrementalDom.elementClose('div');
}
exports.__deltemplate_s528_747d9a43 = __deltemplate_s528_747d9a43;
exports.__deltemplate_s564_747d9a43 = __deltemplate_s564_747d9a43;
/**

@@ -227,10 +231,10 @@ * @typedef {{

*/
__deltemplate_s528_747d9a43.Params;
__deltemplate_s564_747d9a43.Params;
if (goog.DEBUG) {
__deltemplate_s528_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s528_747d9a43';
__deltemplate_s564_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s564_747d9a43';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s528_747d9a43);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s564_747d9a43);
exports.render.params = ["title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "selectable", "selected", "spritemap", "subtitle", "url"];
exports.render.types = { "title": "string", "actionItems": "list<[\n label: string,\n separator: bool,\n url: string\n ]>", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n \tlabel: string,\n \tstyle: string\n ]>", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string", "url": "string" };
exports.render.params = ["title", "actionItems", "disabled", "elementClasses", "fileType", "fileTypeStyle", "handleItemToggled_", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "selectable", "selected", "spritemap", "subtitle"];
exports.render.types = { "title": "string", "actionItems": "list<[\n href: string,\n label: string,\n separator: bool\n ]>", "disabled": "bool", "elementClasses": "string", "fileType": "string", "fileTypeStyle": "string", "handleItemToggled_": "any", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<[\n \tlabel: string,\n \tstyle: string\n ]>", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string" };
exports.templates = templates = exports;

@@ -237,0 +241,0 @@ return exports;

33

lib/ClayUserCard.js

@@ -8,2 +8,4 @@ 'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('clay-link');

@@ -59,2 +61,15 @@

_createClass(ClayUserCard, [{
key: 'handleItemToggled_',
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
value: function handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}]);
return ClayUserCard;

@@ -99,2 +114,11 @@ }(_metalComponent2.default);

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayUserCard
* @type {?string|undefined}
* @default undefined
*/
href: _metalState.Config.string(),
/**
* Id to be applied to the element.

@@ -199,11 +223,2 @@ * @instance

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayUserCard
* @type {?string|undefined}
* @default undefined
*/
url: _metalState.Config.string(),
/**
* Color of the user sticker.

@@ -210,0 +225,0 @@ * @instance

95

lib/ClayUserCard.soy.js

@@ -58,5 +58,7 @@ 'use strict';

* name: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* id: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -72,3 +74,2 @@ * imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -85,4 +86,4 @@ * }} opt_data

var name = soy.asserts.assertType(goog.isString(opt_data.name) || opt_data.name instanceof goog.soy.data.SanitizedContent, 'name', opt_data.name, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -92,3 +93,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 elementClasses = soy.asserts.assertType(opt_data.elementClasses == null || goog.isString(opt_data.elementClasses) || opt_data.elementClasses instanceof goog.soy.data.SanitizedContent, 'elementClasses', opt_data.elementClasses, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var id = soy.asserts.assertType(opt_data.id == null || goog.isString(opt_data.id) || opt_data.id instanceof goog.soy.data.SanitizedContent, 'id', opt_data.id, '!goog.soy.data.SanitizedContent|null|string|undefined');

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

/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var userColor = soy.asserts.assertType(opt_data.userColor == null || goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent, 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, fileType: initials, fileTypeStyle: userColor, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name, url: url }, null, opt_ijData);
var classes__soy654 = '';
classes__soy654 += 'user-card';
classes__soy654 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: handleItemToggled_ }, fileType: initials, fileTypeStyle: userColor, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name }, null, opt_ijData);
}

@@ -124,5 +130,7 @@ exports.render = $render;

* name: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* id: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -138,3 +146,2 @@ * imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -151,7 +158,7 @@ * }}

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -163,8 +170,10 @@ * @param {Object<string, *>=} opt_ijData

*/
function __deltemplate_s642_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s684_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
/** @type {!goog.soy.data.SanitizedContent|string} */
var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */

@@ -176,4 +185,2 @@ var labels = soy.asserts.assertType(opt_data.labels == null || goog.isArray(opt_data.labels), 'labels', opt_data.labels, '!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent, 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -188,4 +195,4 @@ incrementalDom.attr('class', 'card-body');

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

@@ -218,18 +225,18 @@ incrementalDom.elementOpenStart('div');

}
exports.__deltemplate_s642_27954ffd = __deltemplate_s642_27954ffd;
exports.__deltemplate_s684_27954ffd = __deltemplate_s684_27954ffd;
/**
* @typedef {{
* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate_s642_27954ffd.Params;
__deltemplate_s684_27954ffd.Params;
if (goog.DEBUG) {
__deltemplate_s642_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s642_27954ffd';
__deltemplate_s684_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s684_27954ffd';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s642_27954ffd);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s684_27954ffd);

@@ -250,3 +257,3 @@ /**

*/
function __deltemplate_s682_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s724_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -267,13 +274,10 @@ var $$temp;

var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
var classesAspectRatio__soy690 = '';
classesAspectRatio__soy690 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
var classesAspectRatio__soy732 = '';
classesAspectRatio__soy732 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid card-type-asset-icon');
incrementalDom.elementOpenEnd();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid');
incrementalDom.elementOpenEnd();
var param694 = function param694() {
var param736 = function param736() {
if (imageSrc) {
var imageAttributes__soy699 = function imageAttributes__soy699() {
var imageAttributes__soy741 = function imageAttributes__soy741() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');

@@ -284,14 +288,17 @@ incrementalDom.attr('class', 'img-fluid');

incrementalDom.elementOpenStart('img');
imageAttributes__soy699();
imageAttributes__soy741();
incrementalDom.elementOpenEnd();
incrementalDom.elementClose('img');
} else if (fileType) {
incrementalDom.elementOpenStart('span');
incrementalDom.attr('class', 'sticker-overlay');
incrementalDom.elementOpenEnd();
soyIdom.print(fileType);
incrementalDom.elementClose('span');
}
};
$templateAlias4({ label: param694, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
$templateAlias4({ label: param736, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
incrementalDom.elementClose('div');
incrementalDom.elementClose('div');
}
exports.__deltemplate_s682_18b495b5 = __deltemplate_s682_18b495b5;
exports.__deltemplate_s724_18b495b5 = __deltemplate_s724_18b495b5;
/**

@@ -307,10 +314,10 @@ * @typedef {{

*/
__deltemplate_s682_18b495b5.Params;
__deltemplate_s724_18b495b5.Params;
if (goog.DEBUG) {
__deltemplate_s682_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s682_18b495b5';
__deltemplate_s724_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s724_18b495b5';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s682_18b495b5);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s724_18b495b5);
exports.render.params = ["name", "actionItems", "disabled", "elementClasses", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "url", "userColor"];
exports.render.types = { "name": "string", "actionItems": "list<[\n label: string,\n separator: bool,\n url: string\n ]>", "disabled": "bool", "elementClasses": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "initials": "string", "inputName": "string", "inputValue": "string", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string", "url": "string", "userColor": "string" };
exports.render.params = ["name", "actionItems", "disabled", "elementClasses", "handleItemToggled_", "href", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColor"];
exports.render.types = { "name": "string", "actionItems": "list<[\n href: string,\n label: string,\n separator: bool\n ]>", "disabled": "bool", "elementClasses": "string", "handleItemToggled_": "any", "href": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "initials": "string", "inputName": "string", "inputValue": "string", "selectable": "bool", "selected": "bool", "spritemap": "string", "subtitle": "string", "userColor": "string" };
exports.templates = templates = exports;

@@ -317,0 +324,0 @@ return exports;

12

package.json
{
"name": "clay-card",
"version": "1.0.0-alpha.8",
"version": "1.0.0-alpha.9",
"description": "Metal ClayCard component",

@@ -31,7 +31,7 @@ "license": "BSD",

"clay-checkbox": "^1.0.0-alpha.5",
"clay-dropdown": "^1.0.0-alpha.8",
"clay-icon": "^1.0.0-alpha.5",
"clay-label": "^1.0.0-alpha.8",
"clay-link": "^1.0.0-alpha.8",
"clay-sticker": "^1.0.0-alpha.5",
"clay-dropdown": "^1.0.0-alpha.9",
"clay-icon": "^1.0.0-alpha.9",
"clay-label": "^1.0.0-alpha.9",
"clay-link": "^1.0.0-alpha.9",
"clay-sticker": "^1.0.0-alpha.9",
"metal": "^2.14.0",

@@ -38,0 +38,0 @@ "metal-component": "^2.14.0",

23

src/__tests__/ClayFileCard.js

@@ -7,8 +7,8 @@ import ClayFileCard from '../ClayFileCard';

{
href: '#1',
label: 'Edit',
url: '#1',
},
{
href: '#1',
label: 'Save',
url: '#1',
},

@@ -360,7 +360,7 @@ ];

it('should render a ClayFileCard with url', () => {
it('should render a ClayFileCard with href', () => {
component = new ClayFileCard({
href: '#1',
spritemap: spritemap,
title: 'My Title',
url: '#1',
});

@@ -371,2 +371,17 @@

it('should render a selectable ClayFileCard and emit an event on item toggle', () => {
component = new ClayFileCard({
selectable: true,
spritemap: spritemap,
title: 'My Title',
});
const spy = jest.spyOn(component, 'emit');
component.element.querySelector('input[type="checkbox"]').click();
expect(spy).toHaveBeenCalled();
expect(spy).toHaveBeenCalledWith('itemToggled', expect.any(Object));
});
it('should fail when no spritemap is passed', function() {

@@ -373,0 +388,0 @@ expect(() => {

23

src/__tests__/ClayHorizontalCard.js

@@ -7,8 +7,8 @@ import ClayHorizontalCard from '../ClayHorizontalCard';

{
href: '#1',
label: 'Edit',
url: '#1',
},
{
href: '#1',
label: 'Save',
url: '#1',
},

@@ -117,7 +117,7 @@ ];

it('should render a ClayHorizontalCard with url', () => {
it('should render a ClayHorizontalCard with href', () => {
component = new ClayHorizontalCard({
href: '#1',
spritemap: spritemap,
title: 'My Title',
url: '#1',
});

@@ -138,2 +138,17 @@

it('should render a selectable ClayHorizontalCard and emit an event on item toggle', () => {
component = new ClayHorizontalCard({
selectable: true,
spritemap: spritemap,
title: 'My Title',
});
const spy = jest.spyOn(component, 'emit');
component.element.querySelector('input[type="checkbox"]').click();
expect(spy).toHaveBeenCalled();
expect(spy).toHaveBeenCalledWith('itemToggled', expect.any(Object));
});
it('should fail when no spritemap is passed', function() {

@@ -140,0 +155,0 @@ expect(() => {

23

src/__tests__/ClayImageCard.js

@@ -7,8 +7,8 @@ import ClayImageCard from '../ClayImageCard';

{
href: '#1',
label: 'Edit',
url: '#1',
},
{
href: '#1',
label: 'Save',
url: '#1',
},

@@ -380,7 +380,7 @@ ];

it('should render a ClayImageCard with url', () => {
it('should render a ClayImageCard with href', () => {
component = new ClayImageCard({
href: '#1',
spritemap: spritemap,
title: 'My Title',
url: '#1',
});

@@ -391,2 +391,17 @@

it('should render a selectable ClayImageCard and emit an event on item toggle', () => {
component = new ClayImageCard({
selectable: true,
spritemap: spritemap,
title: 'My Title',
});
const spy = jest.spyOn(component, 'emit');
component.element.querySelector('input[type="checkbox"]').click();
expect(spy).toHaveBeenCalled();
expect(spy).toHaveBeenCalledWith('itemToggled', expect.any(Object));
});
it('should fail when no title is passed', function() {

@@ -393,0 +408,0 @@ expect(() => {

23

src/__tests__/ClayUserCard.js

@@ -7,8 +7,8 @@ import ClayUserCard from '../ClayUserCard';

{
href: '#1',
label: 'Edit',
url: '#1',
},
{
href: '#1',
label: 'Save',
url: '#1',
},

@@ -245,6 +245,6 @@ ];

it('should render a ClayUserCard with url', () => {
it('should render a ClayUserCard with href', () => {
component = new ClayUserCard({
href: '#1',
name: 'User Name',
url: '#1',
spritemap: spritemap,

@@ -256,2 +256,17 @@ });

it('should render a selectable ClayUserCard and emit an event on item toggle', () => {
component = new ClayUserCard({
name: 'User Name',
selectable: true,
spritemap: spritemap,
});
const spy = jest.spyOn(component, 'emit');
component.element.querySelector('input[type="checkbox"]').click();
expect(spy).toHaveBeenCalled();
expect(spy).toHaveBeenCalledWith('itemToggled', expect.any(Object));
});
it('should fail when no name is passed', function() {

@@ -258,0 +273,0 @@ expect(() => {

2

src/action_items_validator.js

@@ -5,2 +5,3 @@ import {Config} from 'metal-state';

disabled: Config.bool().value(false),
href: Config.string().required(),
icon: Config.string(),

@@ -10,3 +11,2 @@ label: Config.string(),

type: Config.oneOf(['group', 'item']).value('item'),
url: Config.string().required(),
};

@@ -13,0 +13,0 @@

29

src/ClayCard.js

@@ -17,3 +17,12 @@ import 'clay-checkbox';

*/
class ClayCard extends Component {}
class ClayCard extends Component {
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
handleItemCheckboxClick_(event) {
this.emit('itemToggled', event);
}
}

@@ -90,2 +99,11 @@ /**

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayCard
* @type {?string|undefined}
* @default undefined
*/
href: Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -208,11 +226,2 @@ * @instance

title: Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayCard
* @type {?string|undefined}
* @default undefined
*/
url: Config.string(),
};

@@ -219,0 +228,0 @@

120

src/ClayCard.soy.js

@@ -41,3 +41,3 @@ /* jshint ignore:start */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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),

@@ -48,2 +48,4 @@ * disabled: (boolean|null|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -59,4 +61,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -72,4 +73,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -85,3 +86,7 @@ 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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || (goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent), 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemCheckboxClick_ = opt_data.handleItemCheckboxClick_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || (goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent), 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -108,5 +113,3 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
var attributes__soy23 = function() {
var attributes__soy24 = function() {
incrementalDom.attr('class', 'card-type-asset' + (selectable ? ' form-check form-check-card form-check-top-left' : ' card') + (elementClasses ? ' ' + elementClasses : ''));

@@ -117,22 +120,32 @@ if (id) {

};
var descriptiveArea__soy45 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
var visualArea__soy56 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy23();
attributes__soy24();
incrementalDom.elementOpenEnd();
var content__soy46 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
};
if (selectable) {
var param71 = function() {
var classesCard__soy73 = '';
classesCard__soy73 += 'card card-type-asset';
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card');
incrementalDom.elementOpenEnd();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', classesCard__soy73);
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
content__soy46();
var param76 = function() {
visualArea__soy56();
};
$templateAlias1({checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param76, name: inputName, value: inputValue}, null, opt_ijData);
incrementalDom.elementClose('div');
};
$templateAlias1({checked: selected, disabled: disabled, labelContent: param71, name: inputName, value: inputValue}, null, opt_ijData);
descriptiveArea__soy45();
incrementalDom.elementClose('div');
} else {
content__soy46();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
visualArea__soy56();
incrementalDom.elementClose('div');
descriptiveArea__soy45();
}

@@ -145,3 +158,3 @@ incrementalDom.elementClose('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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),

@@ -152,2 +165,4 @@ * disabled: (boolean|null|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -163,4 +178,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -177,7 +191,7 @@ */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -189,8 +203,10 @@ * @param {Object<string, *>=} opt_ijData

*/
function __deltemplate_s88_d9eb5c46(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s92_d9eb5c46(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
/** @type {!goog.soy.data.SanitizedContent|string} */
var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */

@@ -202,4 +218,2 @@ var labels = soy.asserts.assertType(opt_data.labels == null || goog.isArray(opt_data.labels), 'labels', opt_data.labels, '!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -214,4 +228,4 @@ incrementalDom.attr('class', 'card-body');

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

@@ -237,7 +251,7 @@ incrementalDom.elementOpenStart('div');

incrementalDom.elementOpenEnd();
var label128List = labels;
var label128ListLen = label128List.length;
for (var label128Index = 0; label128Index < label128ListLen; label128Index++) {
var label128Data = label128List[label128Index];
$templateAlias3({label: label128Data.label, style: label128Data.style}, null, opt_ijData);
var label132List = labels;
var label132ListLen = label132List.length;
for (var label132Index = 0; label132Index < label132ListLen; label132Index++) {
var label132Data = label132List[label132Index];
$templateAlias3({label: label132Data.label, style: label132Data.style}, null, opt_ijData);
}

@@ -257,18 +271,18 @@ incrementalDom.elementClose('div');

}
exports.__deltemplate_s88_d9eb5c46 = __deltemplate_s88_d9eb5c46;
exports.__deltemplate_s92_d9eb5c46 = __deltemplate_s92_d9eb5c46;
/**
* @typedef {{
* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate_s88_d9eb5c46.Params;
__deltemplate_s92_d9eb5c46.Params;
if (goog.DEBUG) {
__deltemplate_s88_d9eb5c46.soyTemplateName = 'ClayCard.__deltemplate_s88_d9eb5c46';
__deltemplate_s92_d9eb5c46.soyTemplateName = 'ClayCard.__deltemplate_s92_d9eb5c46';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), '', 0, __deltemplate_s88_d9eb5c46);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), '', 0, __deltemplate_s92_d9eb5c46);

@@ -290,3 +304,3 @@

*/
function __deltemplate_s140_b752ef6a(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s144_b752ef6a(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -307,3 +321,3 @@ opt_data = opt_data || {};

}
exports.__deltemplate_s140_b752ef6a = __deltemplate_s140_b752ef6a;
exports.__deltemplate_s144_b752ef6a = __deltemplate_s144_b752ef6a;
/**

@@ -319,10 +333,10 @@ * @typedef {{

*/
__deltemplate_s140_b752ef6a.Params;
__deltemplate_s144_b752ef6a.Params;
if (goog.DEBUG) {
__deltemplate_s140_b752ef6a.soyTemplateName = 'ClayCard.__deltemplate_s140_b752ef6a';
__deltemplate_s144_b752ef6a.soyTemplateName = 'ClayCard.__deltemplate_s144_b752ef6a';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), '', 0, __deltemplate_s140_b752ef6a);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), '', 0, __deltemplate_s144_b752ef6a);
exports.render.params = ["title","actionItems","contentRenderer","disabled","elementClasses","fileType","fileTypeStyle","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","selectable","selected","spritemap","subtitle","url"];
exports.render.types = {"title":"string","actionItems":"list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>","contentRenderer":"string","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<[\n\t\tlabel: string,\n\t\tstyle: string\n\t]>","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string","url":"string"};
exports.render.params = ["title","actionItems","contentRenderer","disabled","elementClasses","fileType","fileTypeStyle","handleItemCheckboxClick_","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","selectable","selected","spritemap","subtitle"];
exports.render.types = {"title":"string","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","contentRenderer":"string","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","handleItemCheckboxClick_":"any","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<[\n\t\tlabel: string,\n\t\tstyle: string\n\t]>","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string"};
templates = exports;

@@ -329,0 +343,0 @@ return exports;

29

src/ClayFileCard.js

@@ -15,3 +15,12 @@ import 'clay-icon';

*/
class ClayFileCard extends Component {}
class ClayFileCard extends Component {
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}

@@ -79,2 +88,11 @@ /**

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayFileCard
* @type {?string|undefined}
* @default undefined
*/
href: Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -179,11 +197,2 @@ * @instance

title: Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayFileCard
* @type {?string|undefined}
* @default undefined
*/
url: Config.string(),
};

@@ -190,0 +199,0 @@

67

src/ClayFileCard.soy.js

@@ -37,3 +37,3 @@ /* jshint ignore:start */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -43,2 +43,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -51,4 +53,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selected: (boolean|null|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -67,4 +68,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -78,3 +79,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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || (goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent), 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || (goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent), 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -95,5 +100,6 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: elementClasses, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, url: url}, null, opt_ijData);
var classes__soy273 = '';
classes__soy273 += 'file-card';
classes__soy273 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, href: href}, null, opt_ijData);
}

@@ -105,3 +111,3 @@ exports.render = $render;

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -111,2 +117,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -119,4 +127,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -144,3 +151,3 @@ */

*/
function __deltemplate_s271_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s303_c6865235(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -161,18 +168,14 @@ var $$temp;

var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.elementOpenEnd();
if (icon && spritemap) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid');
incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (fileType) {
$templateAlias3({label: fileType, position: 'bottom-left', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
incrementalDom.elementClose('div');
if (icon && spritemap) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid card-type-asset-icon');
incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (fileType) {
$templateAlias3({label: fileType, position: 'bottom-left', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
}
exports.__deltemplate_s271_c6865235 = __deltemplate_s271_c6865235;
exports.__deltemplate_s303_c6865235 = __deltemplate_s303_c6865235;
/**

@@ -188,10 +191,10 @@ * @typedef {{

*/
__deltemplate_s271_c6865235.Params;
__deltemplate_s303_c6865235.Params;
if (goog.DEBUG) {
__deltemplate_s271_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s271_c6865235';
__deltemplate_s303_c6865235.soyTemplateName = 'ClayFileCard.__deltemplate_s303_c6865235';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s271_c6865235);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'file', 0, __deltemplate_s303_c6865235);
exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","icon","id","inputName","inputValue","labels","selectable","selected","subtitle","url"];
exports.render.types = {"spritemap":"string","title":"string","actionItems":"list<[\n label: string,\n separator: bool,\n url: string\n ]>","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","labels":"list<[\n \tlabel: string,\n \tstyle: string\n ]>","selectable":"bool","selected":"bool","subtitle":"string","url":"string"};
exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","handleItemToggled_","href","icon","id","inputName","inputValue","labels","selectable","selected","subtitle"];
exports.render.types = {"spritemap":"string","title":"string","actionItems":"list<[\n href: string,\n label: string,\n separator: bool\n ]>","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","handleItemToggled_":"any","href":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","labels":"list<[\n \tlabel: string,\n \tstyle: string\n ]>","selectable":"bool","selected":"bool","subtitle":"string"};
templates = exports;

@@ -198,0 +201,0 @@ return exports;

29

src/ClayHorizontalCard.js

@@ -16,3 +16,12 @@ import 'clay-checkbox';

*/
class ClayHorizontalCard extends Component {}
class ClayHorizontalCard extends Component {
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
handleItemCheckboxClick_(event) {
this.emit('itemToggled', event);
}
}

@@ -53,2 +62,11 @@ /**

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayHorizontalCard
* @type {?string|undefined}
* @default undefined
*/
href: Config.string(),
/**
* Icon of the card.

@@ -124,11 +142,2 @@ * @instance

title: Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayHorizontalCard
* @type {?string|undefined}
* @default undefined
*/
url: Config.string(),
};

@@ -135,0 +144,0 @@

76

src/ClayHorizontalCard.soy.js

@@ -37,5 +37,7 @@ /* jshint ignore:start */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -46,4 +48,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* selected: (boolean|null|undefined)
* }} opt_data

@@ -61,4 +62,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -68,3 +69,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 elementClasses = soy.asserts.assertType(opt_data.elementClasses == null || (goog.isString(opt_data.elementClasses) || opt_data.elementClasses instanceof goog.soy.data.SanitizedContent), 'elementClasses', opt_data.elementClasses, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemCheckboxClick_ = opt_data.handleItemCheckboxClick_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || (goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent), 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -81,5 +86,3 @@ /** @type {!goog.soy.data.SanitizedContent|null|string|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
var attributes__soy328 = function() {
var attributes__soy352 = function() {
incrementalDom.attr('class', 'card-type-directory' + (selectable ? ' form-check form-check-card form-check-middle-left' : ' card card-horizontal') + (elementClasses ? ' ' + elementClasses : ''));

@@ -90,19 +93,19 @@ if (id) {

};
var descriptiveArea__soy349 = function() {
var descriptiveArea__soy373 = function() {
$descriptiveArea(opt_data, null, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy328();
attributes__soy352();
incrementalDom.elementOpenEnd();
if (selectable) {
var param367 = function() {
var param392 = function() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy349();
descriptiveArea__soy373();
incrementalDom.elementClose('div');
};
$templateAlias1({checked: selected, disabled: disabled, labelContent: param367, name: inputName, value: inputValue}, null, opt_ijData);
$templateAlias1({checked: selected, disabled: disabled, events: {change: handleItemCheckboxClick_}, labelContent: param392, name: inputName, value: inputValue}, null, opt_ijData);
} else {
descriptiveArea__soy349();
descriptiveArea__soy373();
}

@@ -116,5 +119,7 @@ incrementalDom.elementClose('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemCheckboxClick_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -125,4 +130,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

* selectable: (boolean|null|undefined),
* selected: (boolean|null|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* selected: (boolean|null|undefined)
* }}

@@ -140,5 +144,5 @@ */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!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

@@ -157,8 +161,8 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || (goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent), 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -170,10 +174,10 @@ incrementalDom.attr('class', 'card-body');

incrementalDom.elementOpenEnd();
var classesDescription__soy387 = '';
classesDescription__soy387 += 'flex-col flex-col-expand flex-col-gutters';
var classesDescription__soy412 = '';
classesDescription__soy412 += 'flex-col flex-col-expand flex-col-gutters';
$templateAlias2({icon: ($$temp = icon) == null ? 'folder' : $$temp, spritemap: spritemap, style: 'unstyled'}, null, opt_ijData);
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', classesDescription__soy387);
incrementalDom.attr('class', classesDescription__soy412);
incrementalDom.elementOpenEnd();
if (url) {
$templateAlias3({elementClasses: 'card-title text-truncate', href: url, label: title}, null, opt_ijData);
if (href) {
$templateAlias3({elementClasses: 'card-title text-truncate', href: href, label: title}, null, opt_ijData);
} else {

@@ -203,5 +207,5 @@ incrementalDom.elementOpenStart('div');

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!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)
* }}

@@ -214,6 +218,6 @@ */

exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","icon","id","inputName","inputValue","selectable","selected","url"];
exports.render.types = {"spritemap":"string","title":"string","actionItems":"list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>","disabled":"bool","elementClasses":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","selectable":"bool","selected":"bool","url":"string"};
exports.descriptiveArea.params = ["spritemap","title","actionItems","icon","url"];
exports.descriptiveArea.types = {"spritemap":"string","title":"string","actionItems":"list<[\n\t\tlabel: string,\n\t\tseparator: bool,\n\t\turl: string\n\t]>","icon":"string","url":"string"};
exports.render.params = ["spritemap","title","actionItems","disabled","elementClasses","handleItemCheckboxClick_","href","icon","id","inputName","inputValue","selectable","selected"];
exports.render.types = {"spritemap":"string","title":"string","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","disabled":"bool","elementClasses":"string","handleItemCheckboxClick_":"any","href":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","selectable":"bool","selected":"bool"};
exports.descriptiveArea.params = ["spritemap","title","actionItems","href","icon"];
exports.descriptiveArea.types = {"spritemap":"string","title":"string","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","href":"string","icon":"string"};
templates = exports;

@@ -220,0 +224,0 @@ return exports;

29

src/ClayImageCard.js

@@ -15,3 +15,12 @@ import 'clay-icon';

*/
class ClayImageCard extends Component {}
class ClayImageCard extends Component {
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}

@@ -79,2 +88,11 @@ /**

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayImageCard
* @type {?string|undefined}
* @default undefined
*/
href: Config.string(),
/**
* Icon to be rendered in the visual area of the card.

@@ -197,11 +215,2 @@ * @instance

title: Config.string().required(),
/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayImageCard
* @type {?string|undefined}
* @default undefined
*/
url: Config.string(),
};

@@ -208,0 +217,0 @@

92

src/ClayImageCard.soy.js

@@ -36,3 +36,3 @@ /* jshint ignore:start */

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -42,2 +42,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -53,4 +55,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -66,4 +67,4 @@ * @param {Object<string, *>=} opt_ijData

var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -77,3 +78,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 fileTypeStyle = soy.asserts.assertType(opt_data.fileTypeStyle == null || (goog.isString(opt_data.fileTypeStyle) || opt_data.fileTypeStyle instanceof goog.soy.data.SanitizedContent), 'fileTypeStyle', opt_data.fileTypeStyle, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var icon = soy.asserts.assertType(opt_data.icon == null || (goog.isString(opt_data.icon) || opt_data.icon instanceof goog.soy.data.SanitizedContent), 'icon', opt_data.icon, '!goog.soy.data.SanitizedContent|null|string|undefined');

@@ -100,5 +105,6 @@ /** @type {!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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: elementClasses, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, url: url}, null, opt_ijData);
var classes__soy532 = '';
classes__soy532 += 'image-card';
classes__soy532 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy532, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
}

@@ -109,3 +115,3 @@ exports.render = $render;

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* actionItems: (!Array<{href: (!goog.soy.data.SanitizedContent|string), label: (!goog.soy.data.SanitizedContent|string), separator: boolean}>|null|undefined),
* disabled: (boolean|null|undefined),

@@ -115,2 +121,4 @@ * elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),

* fileTypeStyle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -126,4 +134,3 @@ * id: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

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

*/
function __deltemplate_s528_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s564_747d9a43(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -168,30 +175,27 @@ var $$temp;

var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first bg-checkered');
incrementalDom.elementOpenEnd();
var aspectRatioClasses__soy537 = '';
aspectRatioClasses__soy537 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
if (imageSrc) {
var imageAttributes__soy543 = function() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', aspectRatioClasses__soy537);
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy543();
incrementalDom.elementOpenEnd();
incrementalDom.elementClose('img');
} else if (icon && spritemap) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy537);
incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (fileType) {
$templateAlias3({label: fileType, position: 'bottom-left', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
incrementalDom.elementClose('div');
var aspectRatioClasses__soy572 = '';
aspectRatioClasses__soy572 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
aspectRatioClasses__soy572 += icon && spritemap ? ' card-type-asset-icon' : '';
if (imageSrc) {
var imageAttributes__soy582 = function() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', aspectRatioClasses__soy572);
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy582();
incrementalDom.elementOpenEnd();
incrementalDom.elementClose('img');
} else if (icon && spritemap) {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy572);
incrementalDom.elementOpenEnd();
$templateAlias2({spritemap: spritemap, symbol: icon}, null, opt_ijData);
incrementalDom.elementClose('div');
}
if (fileType) {
$templateAlias3({label: fileType, position: 'bottom-left', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
}
}
exports.__deltemplate_s528_747d9a43 = __deltemplate_s528_747d9a43;
exports.__deltemplate_s564_747d9a43 = __deltemplate_s564_747d9a43;
/**

@@ -207,10 +211,10 @@ * @typedef {{

*/
__deltemplate_s528_747d9a43.Params;
__deltemplate_s564_747d9a43.Params;
if (goog.DEBUG) {
__deltemplate_s528_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s528_747d9a43';
__deltemplate_s564_747d9a43.soyTemplateName = 'ClayImageCard.__deltemplate_s564_747d9a43';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s528_747d9a43);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'image', 0, __deltemplate_s564_747d9a43);
exports.render.params = ["title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","selectable","selected","spritemap","subtitle","url"];
exports.render.types = {"title":"string","actionItems":"list<[\n label: string,\n separator: bool,\n url: string\n ]>","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<[\n \tlabel: string,\n \tstyle: string\n ]>","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string","url":"string"};
exports.render.params = ["title","actionItems","disabled","elementClasses","fileType","fileTypeStyle","handleItemToggled_","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","selectable","selected","spritemap","subtitle"];
exports.render.types = {"title":"string","actionItems":"list<[\n href: string,\n label: string,\n separator: bool\n ]>","disabled":"bool","elementClasses":"string","fileType":"string","fileTypeStyle":"string","handleItemToggled_":"any","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<[\n \tlabel: string,\n \tstyle: string\n ]>","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string"};
templates = exports;

@@ -217,0 +221,0 @@ return exports;

29

src/ClayUserCard.js

@@ -16,3 +16,12 @@ import 'clay-link';

*/
class ClayUserCard extends Component {}
class ClayUserCard extends Component {
/**
* Continues the propagation of the checkbox changed event
* @param {!Event} event
* @private
*/
handleItemToggled_(event) {
this.emit('itemToggled', event);
}
}

@@ -53,2 +62,11 @@ /**

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayUserCard
* @type {?string|undefined}
* @default undefined
*/
href: Config.string(),
/**
* Id to be applied to the element.

@@ -153,11 +171,2 @@ * @instance

/**
* Url to be applied to the title of the card.
* @instance
* @memberof ClayUserCard
* @type {?string|undefined}
* @default undefined
*/
url: Config.string(),
/**
* Color of the user sticker.

@@ -164,0 +173,0 @@ * @instance

117

src/ClayUserCard.soy.js

@@ -39,5 +39,7 @@ /* jshint ignore:start */

* name: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* id: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -53,3 +55,2 @@ * imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -66,4 +67,4 @@ * }} opt_data

var name = soy.asserts.assertType(goog.isString(opt_data.name) || opt_data.name instanceof goog.soy.data.SanitizedContent, 'name', opt_data.name, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */

@@ -73,3 +74,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 elementClasses = soy.asserts.assertType(opt_data.elementClasses == null || (goog.isString(opt_data.elementClasses) || opt_data.elementClasses instanceof goog.soy.data.SanitizedContent), 'elementClasses', opt_data.elementClasses, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {*|null|undefined} */
var handleItemToggled_ = opt_data.handleItemToggled_;
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var id = soy.asserts.assertType(opt_data.id == null || (goog.isString(opt_data.id) || opt_data.id instanceof goog.soy.data.SanitizedContent), 'id', opt_data.id, '!goog.soy.data.SanitizedContent|null|string|undefined');

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

/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var userColor = soy.asserts.assertType(opt_data.userColor == null || (goog.isString(opt_data.userColor) || opt_data.userColor instanceof goog.soy.data.SanitizedContent), 'userColor', opt_data.userColor, '!goog.soy.data.SanitizedContent|null|string|undefined');
$templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, fileType: initials, fileTypeStyle: userColor, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name, url: url}, null, opt_ijData);
var classes__soy654 = '';
classes__soy654 += 'user-card';
classes__soy654 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: handleItemToggled_}, fileType: initials, fileTypeStyle: userColor, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: name}, null, opt_ijData);
}

@@ -105,5 +111,7 @@ exports.render = $render;

* name: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|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),
* handleItemToggled_: (*|null|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),
* id: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -119,3 +127,2 @@ * imageAlt: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -133,7 +140,7 @@ * }}

* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }} opt_data

@@ -145,8 +152,10 @@ * @param {Object<string, *>=} opt_ijData

*/
function __deltemplate_s642_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s684_27954ffd(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;
/** @type {!goog.soy.data.SanitizedContent|string} */
var title = soy.asserts.assertType(goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|string');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */
var actionItems = soy.asserts.assertType(opt_data.actionItems == null || goog.isArray(opt_data.actionItems), 'actionItems', opt_data.actionItems, '!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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} */
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');
/** @type {!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined} */

@@ -158,4 +167,2 @@ var labels = soy.asserts.assertType(opt_data.labels == null || goog.isArray(opt_data.labels), 'labels', opt_data.labels, '!Array<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|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');
/** @type {!goog.soy.data.SanitizedContent|null|string|undefined} */
var url = soy.asserts.assertType(opt_data.url == null || (goog.isString(opt_data.url) || opt_data.url instanceof goog.soy.data.SanitizedContent), 'url', opt_data.url, '!goog.soy.data.SanitizedContent|null|string|undefined');
incrementalDom.elementOpenStart('div');

@@ -170,4 +177,4 @@ incrementalDom.attr('class', 'card-body');

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

@@ -200,18 +207,18 @@ incrementalDom.elementOpenStart('div');

}
exports.__deltemplate_s642_27954ffd = __deltemplate_s642_27954ffd;
exports.__deltemplate_s684_27954ffd = __deltemplate_s684_27954ffd;
/**
* @typedef {{
* title: (!goog.soy.data.SanitizedContent|string),
* actionItems: (!Array<{label: (!goog.soy.data.SanitizedContent|string), separator: boolean, url: (!goog.soy.data.SanitizedContent|string)}>|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<{label: (!goog.soy.data.SanitizedContent|string), style: (!goog.soy.data.SanitizedContent|string)}>|null|undefined),
* spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
* url: (!goog.soy.data.SanitizedContent|null|string|undefined)
* subtitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
* }}
*/
__deltemplate_s642_27954ffd.Params;
__deltemplate_s684_27954ffd.Params;
if (goog.DEBUG) {
__deltemplate_s642_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s642_27954ffd';
__deltemplate_s684_27954ffd.soyTemplateName = 'ClayUserCard.__deltemplate_s684_27954ffd';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s642_27954ffd);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.DescriptiveArea.idom'), 'user', 0, __deltemplate_s684_27954ffd);

@@ -233,3 +240,3 @@

*/
function __deltemplate_s682_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
function __deltemplate_s724_18b495b5(opt_data, opt_ijData, opt_ijData_deprecated) {
opt_ijData = opt_ijData_deprecated || opt_ijData;

@@ -250,30 +257,30 @@ var $$temp;

var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
var classesAspectRatio__soy690 = '';
classesAspectRatio__soy690 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
var classesAspectRatio__soy732 = '';
classesAspectRatio__soy732 += 'aspect-ratio-item-center-middle aspect-ratio-item-fluid';
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio card-item-first');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid card-type-asset-icon');
incrementalDom.elementOpenEnd();
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'aspect-ratio-item-center-middle aspect-ratio-item-fluid');
incrementalDom.elementOpenEnd();
var param694 = function() {
if (imageSrc) {
var imageAttributes__soy699 = function() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', 'img-fluid');
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy699();
incrementalDom.elementOpenEnd();
incrementalDom.elementClose('img');
} else if (fileType) {
var param736 = function() {
if (imageSrc) {
var imageAttributes__soy741 = function() {
incrementalDom.attr('alt', imageAlt ? imageAlt : '');
incrementalDom.attr('class', 'img-fluid');
incrementalDom.attr('src', imageSrc);
};
incrementalDom.elementOpenStart('img');
imageAttributes__soy741();
incrementalDom.elementOpenEnd();
incrementalDom.elementClose('img');
} else if (fileType) {
incrementalDom.elementOpenStart('span');
incrementalDom.attr('class', 'sticker-overlay');
incrementalDom.elementOpenEnd();
soyIdom.print(fileType);
}
};
$templateAlias4({label: param694, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
incrementalDom.elementClose('div');
incrementalDom.elementClose('span');
}
};
$templateAlias4({label: param736, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
incrementalDom.elementClose('div');
}
exports.__deltemplate_s682_18b495b5 = __deltemplate_s682_18b495b5;
exports.__deltemplate_s724_18b495b5 = __deltemplate_s724_18b495b5;
/**

@@ -289,10 +296,10 @@ * @typedef {{

*/
__deltemplate_s682_18b495b5.Params;
__deltemplate_s724_18b495b5.Params;
if (goog.DEBUG) {
__deltemplate_s682_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s682_18b495b5';
__deltemplate_s724_18b495b5.soyTemplateName = 'ClayUserCard.__deltemplate_s724_18b495b5';
}
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s682_18b495b5);
soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayCard.VisualArea.idom'), 'user', 0, __deltemplate_s724_18b495b5);
exports.render.params = ["name","actionItems","disabled","elementClasses","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","url","userColor"];
exports.render.types = {"name":"string","actionItems":"list<[\n label: string,\n separator: bool,\n url: string\n ]>","disabled":"bool","elementClasses":"string","id":"string","imageAlt":"string","imageSrc":"string","initials":"string","inputName":"string","inputValue":"string","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string","url":"string","userColor":"string"};
exports.render.params = ["name","actionItems","disabled","elementClasses","handleItemToggled_","href","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","userColor"];
exports.render.types = {"name":"string","actionItems":"list<[\n href: string,\n label: string,\n separator: bool\n ]>","disabled":"bool","elementClasses":"string","handleItemToggled_":"any","href":"string","id":"string","imageAlt":"string","imageSrc":"string","initials":"string","inputName":"string","inputValue":"string","selectable":"bool","selected":"bool","spritemap":"string","subtitle":"string","userColor":"string"};
templates = exports;

@@ -299,0 +306,0 @@ return exports;

lib/action_items_validator.js.map

Sorry, the diff of this file is not supported yet

lib/ClayCard.js.map

Sorry, the diff of this file is not supported yet

lib/ClayCard.soy.js.map

Sorry, the diff of this file is not supported yet

lib/ClayFileCard.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.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.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.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

src/__tests__/__snapshots__/ClayFileCard.js.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/ClayHorizontalCard.js.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/ClayImageCard.js.snap

Sorry, the diff of this file is not supported yet

src/__tests__/__snapshots__/ClayUserCard.js.snap

Sorry, the diff of this file is not supported yet

src/ClayCard.soy

Sorry, the diff of this file is not supported yet

src/ClayFileCard.soy

Sorry, the diff of this file is not supported yet

src/ClayHorizontalCard.soy

Sorry, the diff of this file is not supported yet

src/ClayImageCard.soy

Sorry, the diff of this file is not supported yet

src/ClayUserCard.soy

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