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

clay-card

Package Overview
Dependencies
Maintainers
6
Versions
94
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

clay-card - npm Package Compare versions

Comparing version 2.3.0 to 2.3.2

9

lib/ClayCardBase.js

@@ -126,11 +126,2 @@ 'use strict';

/**
* Group Index the card belongs to.
* @default undefined
* @instance
* @memberof ClayCardBase
* @type {?(string|undefined)}
*/
groupName: _metalState.Config.string(),
/**
* Url to be applied to the title of the card.

@@ -137,0 +128,0 @@ * @default undefined

51

lib/ClayCardBase.soy.js

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

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

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

@@ -120,11 +118,11 @@ if (id) {

};
var variant__soy48 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy60 = function descriptiveArea__soy60() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy48, false)({ actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title }, opt_ijData);
var variant__soy47 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy59 = function descriptiveArea__soy59() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy47, false)({ actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title }, opt_ijData);
};
var visualArea__soy72 = function visualArea__soy72() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy48, false)({ icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle }, opt_ijData);
var visualArea__soy71 = function visualArea__soy71() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy47, false)({ icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle }, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy46();
attributes__soy45();
incrementalDom.elementOpenEnd();

@@ -138,8 +136,8 @@ if (selectable) {

incrementalDom.elementOpenEnd();
var param86 = function param86() {
visualArea__soy72();
var param84 = function param84() {
visualArea__soy71();
};
$templateAlias1({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param86, name: inputName, value: inputValue }, opt_ijData);
$templateAlias1({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param84, name: inputName, value: inputValue }, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy60();
descriptiveArea__soy59();
incrementalDom.elementClose('div');

@@ -150,5 +148,5 @@ } else {

incrementalDom.elementOpenEnd();
visualArea__soy72();
visualArea__soy71();
incrementalDom.elementClose('div');
descriptiveArea__soy60();
descriptiveArea__soy59();
}

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

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -243,12 +240,12 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

incrementalDom.elementOpenEnd();
var label132List = labels;
var label132ListLen = label132List.length;
for (var label132Index = 0; label132Index < label132ListLen; label132Index++) {
var label132Data = label132List[label132Index];
if (label132Data.label) {
$templateAlias4({ label: label132Data.label, style: label132Data.style }, opt_ijData);
var label130List = labels;
var label130ListLen = label130List.length;
for (var label130Index = 0; label130Index < label130ListLen; label130Index++) {
var label130Data = label130List[label130Index];
if (label130Data.label) {
$templateAlias4({ label: label130Data.label, style: label130Data.style }, opt_ijData);
} else {
var $tmp$$1;
if (labelStylesMap) {
var $tmp = labelStylesMap[label132Data];
var $tmp = labelStylesMap[label130Data];
$tmp$$1 = $tmp != null ? $tmp : labelStylesMap['*'];

@@ -258,5 +255,5 @@ } else {

}
$templateAlias4({ label: label132Data, style: $tmp$$1 }, opt_ijData);
$templateAlias4({ label: label130Data, style: $tmp$$1 }, opt_ijData);
}
if (!(label132Index == label132ListLen - 1)) {
if (!(label130Index == label130ListLen - 1)) {
incrementalDom.text(' ');

@@ -339,4 +336,4 @@ }

exports.render.params = ["title", "_handleItemCheckboxClick", "actionItems", "contentRenderer", "disabled", "elementClasses", "groupName", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "title": "string", "_handleItemCheckboxClick": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "groupName": "string", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "spritemap": "string", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.render.params = ["title", "_handleItemCheckboxClick", "actionItems", "contentRenderer", "disabled", "elementClasses", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "title": "string", "_handleItemCheckboxClick": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "spritemap": "string", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.templates = templates = exports;

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

@@ -111,11 +111,2 @@ 'use strict';

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

@@ -122,0 +113,0 @@ * @default undefined

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

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

@@ -102,6 +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');
var classes__soy299 = '';
classes__soy299 += 'file-card';
classes__soy299 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy299, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
var classes__soy296 = '';
classes__soy296 += 'file-card';
classes__soy296 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy296, events: { itemToggled: _handleItemToggled }, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
};

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

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -192,4 +189,4 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

exports.render.params = ["spritemap", "title", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "groupName", "href", "icon", "id", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "spritemap": "string", "title": "string", "_handleItemToggled": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "disabled": "bool", "elementClasses": "string", "groupName": "string", "href": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.render.params = ["spritemap", "title", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "href", "icon", "id", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "spritemap": "string", "title": "string", "_handleItemToggled": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "disabled": "bool", "elementClasses": "string", "href": "string", "icon": "string", "id": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.templates = templates = exports;

@@ -196,0 +193,0 @@ return exports;

@@ -115,11 +115,2 @@ 'use strict';

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

@@ -126,0 +117,0 @@ * @default undefined

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

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

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

@@ -97,19 +95,19 @@ if (id) {

};
var descriptiveArea__soy406 = function descriptiveArea__soy406() {
var descriptiveArea__soy401 = function descriptiveArea__soy401() {
$descriptiveArea({ actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title }, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy396();
attributes__soy391();
incrementalDom.elementOpenEnd();
if (selectable) {
var param420 = function param420() {
var param414 = function param414() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy406();
descriptiveArea__soy401();
incrementalDom.elementClose('div');
};
$templateAlias2({ ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param420, name: inputName, value: inputValue }, opt_ijData);
$templateAlias2({ checked: selected, disabled: disabled, events: { change: _handleItemCheckboxClick }, labelContent: param414, name: inputName, value: inputValue }, opt_ijData);
} else {
descriptiveArea__soy406();
descriptiveArea__soy401();
}

@@ -127,3 +125,2 @@ incrementalDom.elementClose('div');

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -211,4 +208,4 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -215,0 +212,0 @@ 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" };

@@ -111,11 +111,2 @@ 'use strict';

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

@@ -122,0 +113,0 @@ * @default undefined

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

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

@@ -106,6 +104,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');
var classes__soy568 = '';
classes__soy568 += 'image-card';
classes__soy568 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy568, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
var classes__soy561 = '';
classes__soy561 += 'image-card';
classes__soy561 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy561, events: { itemToggled: _handleItemToggled }, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title }, opt_ijData);
};

@@ -120,3 +118,2 @@ exports.render = $render;

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -169,13 +166,13 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -185,3 +182,3 @@ incrementalDom.elementClose('img');

incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy610);
incrementalDom.attr('class', aspectRatioClasses__soy602);
incrementalDom.elementOpenEnd();

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

exports.render.params = ["title", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "groupName", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "title": "string", "_handleItemToggled": "any", "actionItems": "list<[\n href: string,\n label: string,\n separator: bool\n ]>", "disabled": "bool", "elementClasses": "string", "groupName": "string", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "spritemap": "string", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.render.params = ["title", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "href", "icon", "id", "imageAlt", "imageSrc", "inputName", "inputValue", "labels", "labelStylesMap", "selectable", "selected", "spritemap", "stickerLabel", "stickerShape", "stickerStyle", "subtitle"];
exports.render.types = { "title": "string", "_handleItemToggled": "any", "actionItems": "list<[\n href: string,\n label: string,\n separator: bool\n ]>", "disabled": "bool", "elementClasses": "string", "href": "string", "icon": "string", "id": "string", "imageAlt": "string", "imageSrc": "string", "inputName": "string", "inputValue": "string", "labels": "list<?>", "labelStylesMap": "?", "selectable": "bool", "selected": "bool", "spritemap": "string", "stickerLabel": "string", "stickerShape": "string", "stickerStyle": "string", "subtitle": "string" };
exports.templates = templates = exports;

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

@@ -115,11 +115,2 @@ 'use strict';

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

@@ -126,0 +117,0 @@ * @default undefined

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

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

@@ -101,6 +99,6 @@ /** @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');
var classes__soy696 = '';
classes__soy696 += 'user-card';
classes__soy696 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: _handleItemToggled }, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name }, opt_ijData);
var classes__soy687 = '';
classes__soy687 += 'user-card';
classes__soy687 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({ actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: { itemToggled: _handleItemToggled }, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name }, opt_ijData);
};

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

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

exports.render.params = ["name", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "groupName", "href", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColor"];
exports.render.types = { "name": "string", "_handleItemToggled": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "disabled": "bool", "elementClasses": "string", "groupName": "string", "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.render.params = ["name", "_handleItemToggled", "actionItems", "disabled", "elementClasses", "href", "id", "imageAlt", "imageSrc", "initials", "inputName", "inputValue", "selectable", "selected", "spritemap", "subtitle", "userColor"];
exports.render.types = { "name": "string", "_handleItemToggled": "any", "actionItems": "list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>", "disabled": "bool", "elementClasses": "string", "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;

@@ -265,0 +262,0 @@ return exports;

{
"name": "clay-card",
"version": "2.3.0",
"version": "2.3.2",
"description": "Metal ClayCard component",

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

"dependencies": {
"clay-checkbox": "^2.3.0",
"clay-dropdown": "^2.3.0",
"clay-icon": "^2.3.0",
"clay-label": "^2.3.0",
"clay-link": "^2.3.0",
"clay-sticker": "^2.3.0",
"clay-checkbox": "^2.3.2",
"clay-dropdown": "^2.3.2",
"clay-icon": "^2.3.2",
"clay-label": "^2.3.2",
"clay-link": "^2.3.2",
"clay-sticker": "^2.3.2",
"metal": "^2.16.0",

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

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

@@ -58,0 +58,0 @@ "browserslist": [

@@ -73,11 +73,2 @@ import 'clay-checkbox';

/**
* Group Index the card belongs to.
* @default undefined
* @instance
* @memberof ClayCardBase
* @type {?(string|undefined)}
*/
groupName: Config.string(),
/**
* Url to be applied to the title of the card.

@@ -84,0 +75,0 @@ * @default undefined

@@ -60,4 +60,2 @@ /* jshint ignore:start */

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

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

@@ -101,11 +99,11 @@ if (id) {

};
var variant__soy48 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy60 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy48, false)({actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title}, opt_ijData);
var variant__soy47 = contentRenderer != null ? contentRenderer : '';
var descriptiveArea__soy59 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.DescriptiveArea.idom'), variant__soy47, false)({actionItems: actionItems, href: href, labels: labels, labelStylesMap: labelStylesMap, spritemap: spritemap, subtitle: subtitle, title: title}, opt_ijData);
};
var visualArea__soy72 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy48, false)({icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle}, opt_ijData);
var visualArea__soy71 = function() {
soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayCardBase.VisualArea.idom'), variant__soy47, false)({icon: icon, imageAlt: imageAlt, imageSrc: imageSrc, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle}, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy46();
attributes__soy45();
incrementalDom.elementOpenEnd();

@@ -119,8 +117,8 @@ if (selectable) {

incrementalDom.elementOpenEnd();
var param86 = function() {
visualArea__soy72();
var param84 = function() {
visualArea__soy71();
};
$templateAlias1({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param86, name: inputName, value: inputValue}, opt_ijData);
$templateAlias1({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param84, name: inputName, value: inputValue}, opt_ijData);
incrementalDom.elementClose('div');
descriptiveArea__soy60();
descriptiveArea__soy59();
incrementalDom.elementClose('div');

@@ -131,5 +129,5 @@ } else {

incrementalDom.elementOpenEnd();
visualArea__soy72();
visualArea__soy71();
incrementalDom.elementClose('div');
descriptiveArea__soy60();
descriptiveArea__soy59();
}

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

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -225,12 +222,12 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

incrementalDom.elementOpenEnd();
var label132List = labels;
var label132ListLen = label132List.length;
for (var label132Index = 0; label132Index < label132ListLen; label132Index++) {
var label132Data = label132List[label132Index];
if (label132Data.label) {
$templateAlias4({label: label132Data.label, style: label132Data.style}, opt_ijData);
var label130List = labels;
var label130ListLen = label130List.length;
for (var label130Index = 0; label130Index < label130ListLen; label130Index++) {
var label130Data = label130List[label130Index];
if (label130Data.label) {
$templateAlias4({label: label130Data.label, style: label130Data.style}, opt_ijData);
} else {
var $tmp$$1;
if (labelStylesMap) {
var $tmp = labelStylesMap[label132Data];
var $tmp = labelStylesMap[label130Data];
$tmp$$1 = $tmp != null ? $tmp : labelStylesMap['*'];

@@ -240,5 +237,5 @@ } else {

}
$templateAlias4({label: label132Data, style: $tmp$$1}, opt_ijData);
$templateAlias4({label: label130Data, style: $tmp$$1}, opt_ijData);
}
if (!(label132Index == label132ListLen - 1)) {
if (!(label130Index == label130ListLen - 1)) {
incrementalDom.text(' ');

@@ -322,4 +319,4 @@ }

exports.render.params = ["title","_handleItemCheckboxClick","actionItems","contentRenderer","disabled","elementClasses","groupName","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"title":"string","_handleItemCheckboxClick":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","contentRenderer":"string","disabled":"bool","elementClasses":"string","groupName":"string","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","spritemap":"string","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
exports.render.params = ["title","_handleItemCheckboxClick","actionItems","contentRenderer","disabled","elementClasses","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"title":"string","_handleItemCheckboxClick":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","contentRenderer":"string","disabled":"bool","elementClasses":"string","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","spritemap":"string","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
templates = exports;

@@ -326,0 +323,0 @@ return exports;

@@ -61,11 +61,2 @@ import 'clay-icon';

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

@@ -72,0 +63,0 @@ * @default undefined

@@ -55,4 +55,2 @@ /* jshint ignore:start */

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

@@ -83,6 +81,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');
var classes__soy299 = '';
classes__soy299 += 'file-card';
classes__soy299 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy299, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
var classes__soy296 = '';
classes__soy296 += 'file-card';
classes__soy296 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy296, events: {itemToggled: _handleItemToggled}, href: href, icon: icon != null ? icon : 'documents-and-media', id: id, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
};

@@ -98,3 +96,2 @@ exports.render = $render;

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -174,4 +171,4 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

exports.render.params = ["spritemap","title","_handleItemToggled","actionItems","disabled","elementClasses","groupName","href","icon","id","inputName","inputValue","labels","labelStylesMap","selectable","selected","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"spritemap":"string","title":"string","_handleItemToggled":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","disabled":"bool","elementClasses":"string","groupName":"string","href":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
exports.render.params = ["spritemap","title","_handleItemToggled","actionItems","disabled","elementClasses","href","icon","id","inputName","inputValue","labels","labelStylesMap","selectable","selected","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"spritemap":"string","title":"string","_handleItemToggled":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","disabled":"bool","elementClasses":"string","href":"string","icon":"string","id":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
templates = exports;

@@ -178,0 +175,0 @@ return exports;

@@ -63,11 +63,2 @@ import 'clay-checkbox';

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

@@ -74,0 +65,0 @@ * @default undefined

@@ -55,4 +55,2 @@ /* jshint ignore:start */

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

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

@@ -78,19 +76,19 @@ if (id) {

};
var descriptiveArea__soy406 = function() {
var descriptiveArea__soy401 = function() {
$descriptiveArea({actionItems: actionItems, href: href, icon: icon, spritemap: spritemap, title: title}, opt_ijData);
};
incrementalDom.elementOpenStart('div');
attributes__soy396();
attributes__soy391();
incrementalDom.elementOpenEnd();
if (selectable) {
var param420 = function() {
var param414 = function() {
incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', 'card card-horizontal');
incrementalDom.elementOpenEnd();
descriptiveArea__soy406();
descriptiveArea__soy401();
incrementalDom.elementClose('div');
};
$templateAlias2({ariaLabelledBy: groupName ? 'group-' + groupName : null, checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param420, name: inputName, value: inputValue}, opt_ijData);
$templateAlias2({checked: selected, disabled: disabled, events: {change: _handleItemCheckboxClick}, labelContent: param414, name: inputName, value: inputValue}, opt_ijData);
} else {
descriptiveArea__soy406();
descriptiveArea__soy401();
}

@@ -108,3 +106,2 @@ incrementalDom.elementClose('div');

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -193,4 +190,4 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -197,0 +194,0 @@ 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"};

@@ -61,11 +61,2 @@ import 'clay-icon';

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

@@ -72,0 +63,0 @@ * @default undefined

@@ -53,4 +53,2 @@ /* jshint ignore:start */

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

@@ -87,6 +85,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');
var classes__soy568 = '';
classes__soy568 += 'image-card';
classes__soy568 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy568, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
var classes__soy561 = '';
classes__soy561 += 'image-card';
classes__soy561 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'image', disabled: disabled, elementClasses: classes__soy561, events: {itemToggled: _handleItemToggled}, href: href, icon: icon, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, labels: labels, labelStylesMap: labelStylesMap, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: stickerLabel, stickerShape: stickerShape, stickerStyle: stickerStyle, subtitle: subtitle, title: title}, opt_ijData);
};

@@ -101,3 +99,2 @@ exports.render = $render;

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

@@ -151,13 +148,13 @@ * icon: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

@@ -167,3 +164,3 @@ incrementalDom.elementClose('img');

incrementalDom.elementOpenStart('div');
incrementalDom.attr('class', aspectRatioClasses__soy610);
incrementalDom.attr('class', aspectRatioClasses__soy602);
incrementalDom.elementOpenEnd();

@@ -195,4 +192,4 @@ $templateAlias2({spritemap: spritemap, symbol: icon}, opt_ijData);

exports.render.params = ["title","_handleItemToggled","actionItems","disabled","elementClasses","groupName","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"title":"string","_handleItemToggled":"any","actionItems":"list<[\n href: string,\n label: string,\n separator: bool\n ]>","disabled":"bool","elementClasses":"string","groupName":"string","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","spritemap":"string","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
exports.render.params = ["title","_handleItemToggled","actionItems","disabled","elementClasses","href","icon","id","imageAlt","imageSrc","inputName","inputValue","labels","labelStylesMap","selectable","selected","spritemap","stickerLabel","stickerShape","stickerStyle","subtitle"];
exports.render.types = {"title":"string","_handleItemToggled":"any","actionItems":"list<[\n href: string,\n label: string,\n separator: bool\n ]>","disabled":"bool","elementClasses":"string","href":"string","icon":"string","id":"string","imageAlt":"string","imageSrc":"string","inputName":"string","inputValue":"string","labels":"list<?>","labelStylesMap":"?","selectable":"bool","selected":"bool","spritemap":"string","stickerLabel":"string","stickerShape":"string","stickerStyle":"string","subtitle":"string"};
templates = exports;

@@ -199,0 +196,0 @@ return exports;

@@ -63,11 +63,2 @@ import './ClayCardBase';

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

@@ -74,0 +65,0 @@ * @default undefined

@@ -56,4 +56,2 @@ /* jshint ignore:start */

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

@@ -82,6 +80,6 @@ /** @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');
var classes__soy696 = '';
classes__soy696 += 'user-card';
classes__soy696 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: _handleItemToggled}, groupName: groupName, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name}, opt_ijData);
var classes__soy687 = '';
classes__soy687 += 'user-card';
classes__soy687 += elementClasses ? ' ' + elementClasses : '';
$templateAlias1({actionItems: actionItems, contentRenderer: 'user', disabled: disabled, elementClasses: elementClasses, events: {itemToggled: _handleItemToggled}, href: href, id: id, imageAlt: imageAlt, imageSrc: imageSrc, inputName: inputName, inputValue: inputValue, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, stickerLabel: initials, stickerStyle: userColor, subtitle: subtitle, title: name}, opt_ijData);
};

@@ -96,3 +94,2 @@ exports.render = $render;

* elementClasses: (!goog.soy.data.SanitizedContent|null|string|undefined),
* groupName: (!goog.soy.data.SanitizedContent|null|string|undefined),
* href: (!goog.soy.data.SanitizedContent|null|string|undefined),

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

exports.render.params = ["name","_handleItemToggled","actionItems","disabled","elementClasses","groupName","href","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","userColor"];
exports.render.types = {"name":"string","_handleItemToggled":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","disabled":"bool","elementClasses":"string","groupName":"string","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.render.params = ["name","_handleItemToggled","actionItems","disabled","elementClasses","href","id","imageAlt","imageSrc","initials","inputName","inputValue","selectable","selected","spritemap","subtitle","userColor"];
exports.render.types = {"name":"string","_handleItemToggled":"any","actionItems":"list<[\n\t\thref: string,\n\t\tlabel: string,\n\t\tseparator: bool\n\t]>","disabled":"bool","elementClasses":"string","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;

@@ -248,0 +245,0 @@ return exports;

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc