@internetarchive/collection-browser 2.0.1-alpha.0 → 2.0.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -71,6 +71,7 @@ let ReviewBlock = class ReviewBlock extends LitElement {
|
|
|
71
71
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
72
72
|
overflow: hidden;
|
|
73
73
|
overflow-wrap: break-word;
|
|
74
|
+
word-break: break-word;
|
|
74
75
|
-webkit-line-clamp: var(--maxLines, 3);
|
|
75
76
|
-webkit-box-orient: vertical;
|
|
76
77
|
margin: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"review-block.js","sourceRoot":"","sources":["../../../src/tiles/review-block.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,UAAU;IAA3C;;QAC8B,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;QAEV,eAAU,GAAG,CAAC,CAAC;QAEf,aAAQ,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"review-block.js","sourceRoot":"","sources":["../../../src/tiles/review-block.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,UAAU;IAA3C;;QAC8B,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;QAEV,eAAU,GAAG,CAAC,CAAC;QAEf,aAAQ,GAAG,SAAS,CAAC;IA2GnD,CAAC;IAzGC,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO,OAAO,CAAC;QAElE,OAAO,IAAI,CAAA;;mCAEoB,IAAI,CAAC,QAAQ;YACpC,IAAI,CAAC,aAAa;oCACM,IAAI,CAAC,KAAK;mCACX,IAAI,CAAC,IAAI;;;KAGvC,CAAC;IACJ,CAAC;IAED,IAAY,aAAa;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC;YAAE,OAAO,OAAO,CAAC;QAEzC,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAA;;gCAEiB,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,gBAAgB,CAAC;UAC9D,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;UACnD,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC;;KAE5D,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA,4BAA4B,kBAAkB,SAAS,CAAC;IACrE,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAA;;UAEL,oBAAoB;;KAEzB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2DF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAjH6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAY;AAEX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAgB;AAEf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAsB;AAPtC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkHvB;SAlHY,WAAW","sourcesContent":["import {\n css,\n CSSResultGroup,\n html,\n LitElement,\n nothing,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport { favoriteFilledIcon } from '../assets/img/icons/favorite-filled';\nimport { favoriteUnfilledIcon } from '../assets/img/icons/favorite-unfilled';\nimport { srOnlyStyle } from '../styles/sr-only';\n\n@customElement('review-block')\nexport class ReviewBlock extends LitElement {\n @property({ type: String }) title = '';\n\n @property({ type: String }) body = '';\n\n @property({ type: Number }) starRating = 0;\n\n @property({ type: String }) viewSize = 'desktop';\n\n render() {\n if (!this.title && !this.body && !this.starRating) return nothing;\n\n return html`\n <div class=\"review-container\">\n <div class=\"snippet-view ${this.viewSize}\">\n ${this.starsTemplate}\n <p class=\"review-title\">${this.title}</p>\n <p class=\"review-body\">${this.body}</p>\n </div>\n </div>\n `;\n }\n\n private get starsTemplate(): TemplateResult | typeof nothing {\n if (this.starRating <= 0) return nothing;\n\n const numFilledStars = Math.min(5, this.starRating);\n const numUnfilledStars = Math.min(5, 5 - this.starRating);\n return html`\n <div class=\"star-rating\">\n <span class=\"sr-only\">${this.starRating} ${msg('out of 5 stars')}</span>\n ${Array(numFilledStars).fill(this.filledStarTemplate)}\n ${Array(numUnfilledStars).fill(this.unfilledStarTemplate)}\n </div>\n `;\n }\n\n private get filledStarTemplate(): TemplateResult {\n return html`<span aria-hidden=\"true\">${favoriteFilledIcon}</span>`;\n }\n\n private get unfilledStarTemplate(): TemplateResult {\n return html`\n <span class=\"unfilled-star\" aria-hidden=\"true\">\n ${favoriteUnfilledIcon}\n </span>\n `;\n }\n\n static get styles(): CSSResultGroup {\n return [\n srOnlyStyle,\n css`\n .review-container {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: calc(100% - 10px);\n border: 1px solid #ccc;\n margin-top: var(--containerTopMargin, 10px);\n margin-left: var(--containerLeftMargin, 0px);\n padding: 5px;\n box-sizing: border-box;\n }\n\n .review-title,\n .review-body {\n display: -webkit-box;\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n overflow: hidden;\n overflow-wrap: break-word;\n word-break: break-word;\n -webkit-line-clamp: var(--maxLines, 3);\n -webkit-box-orient: vertical;\n margin: 0;\n }\n\n .review-title {\n font-size: 1.4rem;\n line-height: 2rem;\n max-height: 6rem;\n }\n\n .review-title > a[href] {\n color: inherit;\n text-decoration: none;\n }\n\n .review-title > a[href]:hover {\n text-decoration: underline;\n }\n\n .review-body {\n font-size: 1rem;\n line-height: 1.4rem;\n max-height: 4.2rem;\n }\n\n .star-rating svg {\n width: 10px;\n height: 10px;\n }\n\n .unfilled-star {\n fill: #ccc;\n }\n\n .list {\n margin: 0;\n padding-left: 5px;\n }\n `,\n ];\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -84,6 +84,7 @@ export class ReviewBlock extends LitElement {
|
|
|
84
84
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
85
85
|
overflow: hidden;
|
|
86
86
|
overflow-wrap: break-word;
|
|
87
|
+
word-break: break-word;
|
|
87
88
|
-webkit-line-clamp: var(--maxLines, 3);
|
|
88
89
|
-webkit-box-orient: vertical;
|
|
89
90
|
margin: 0;
|