@digital-realty/ix-widget 2.2.19 → 2.2.31

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.
Files changed (6) hide show
  1. package/dist/ix-news-feed.js +5 -3
  2. package/dist/ix-news-feed.js.map +1 -1
  3. package/dist/mock/news-feed.d.ts +146 -0
  4. package/dist/mock/news-feed.js +221 -0
  5. package/dist/mock/news-feed.js.map +1 -0
  6. package/package.json +9 -8
package/dist/ix-news-feed.js CHANGED
@@ -19,9 +19,11 @@ let IxNewsFeed = class IxNewsFeed extends LitElement {
19
19
  var _a;
20
20
  return html `${(_a = this.data) === null || _a === void 0 ? void 0 : _a.map((item, id) => {
21
21
  const { title = 'date', abstract = '...', uid = '#', dateAdded = '', } = item;
22
- const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {
23
- addSuffix: true,
24
- });
22
+ const dateOffset = dateAdded
23
+ ? formatDistance(parseISO(dateAdded), startOfToday(), {
24
+ addSuffix: true,
25
+ })
26
+ : '';
25
27
  return html `<li data-testid="ix-news-feed-item">
26
28
  <a href=${uid} tabindex=${id} data-testid="ix-news-feed-item-cta">
27
29
  <div class="icon">${ticket}</div>
package/dist/ix-news-feed.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAgNuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAU,EAAE,CAAC;QAEhB,SAAI,GAAG,GAAG,CAAC;QAE9B,SAAI,GAAG,KAAK,CAAC;IAkExB,CAAC;IAhEC,aAAa;;QACX,OAAO,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAU,EAAE,EAAE;YACrD,MAAM,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,GACf,GAAG,IAAI,CAAC;YACT,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,EAAE;gBACrE,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,OAAO,IAAI,CAAA;kBACC,GAAG,aAAa,EAAE;8BACN,MAAM;;qEAEiC,KAAK;;gBAE1D,QAAQ;;oCAEY,UAAU;;kCAEZ,UAAU;;;;YAIhC,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;aAMF,IAAI,CAAC,IAAI;;;;;iBAKL,CAAC;IAChB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;kBACG,IAAI,CAAC,IAAI;uBACJ,SAAS;;;;;2BAKL,IAAI,CAAC,MAAM;UAC5B,IAAI,CAAC,aAAa,EAAE;8BACA,IAAI,CAAC,aAAa,EAAE;;;;gBAIlC,IAAI,CAAC,MAAM;YACf,IAAI,CAAC,aAAa,EAAE;;UAEtB,IAAI,CAAC,aAAa,EAAE;mBACX,CAAC;IAClB,CAAC;;AAtRM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6MlB,AA7MY,CA6MX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AAElB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAAkB;AAEhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AAE9B;IAAR,KAAK,EAAE;wCAAc;AAtNX,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAwRtB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\n\nimport { formatDistance } from 'date-fns/formatDistance.js';\nimport { parseISO } from 'date-fns/parseISO.js';\nimport { startOfToday } from 'date-fns/startOfToday.js';\nimport { ticket } from './assets/iconset.js';\n\n@customElement('ix-news-feed')\nexport class IxNewsFeed extends LitElement {\n static styles = css`\n :host {\n --ix-widget-padding: 0;\n }\n .header {\n display: flex;\n -webkit-box-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n align-items: center;\n padding: 16px 11px 16px 24px;\n }\n h6 {\n margin: 0px;\n font-family: var(--text-heading-font, sans-serif);\n font-size: var(--text-heading-size, 1.25rem);\n letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n line-height: var(--text-heading-line-height, 1.2em);\n font-weight: var(--text-heading-weight, bold);\n }\n li {\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n }\n li:hover {\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n }\n a {\n display: grid;\n grid-template-columns: auto 1fr auto;\n padding: 12px 24px 12px 20px;\n -webkit-box-align: center;\n\n -webkit-box-pack: center;\n justify-content: center;\n position: relative;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n appearance: none;\n text-decoration: none;\n color: inherit;\n -webkit-box-flex: 1;\n flex-grow: 1;\n align-items: center;\n gap: 20px;\n text-align: start;\n }\n\n .icon {\n flex-shrink: 0;\n display: inline-flex;\n -webkit-box-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n align-items: center;\n min-width: 48px;\n width: 48px;\n height: 48px;\n font-size: 20px;\n border-radius: 8px;\n color: var(--clr-on-primary, #fff);\n background-color: var(--clr-primary, #1456e0);\n }\n svg {\n user-select: none;\n width: 1em;\n height: 1em;\n display: inline-block;\n fill: currentcolor;\n flex-shrink: 0;\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n font-size: 1.5rem;\n }\n .details {\n gap: 0;\n min-width: 0px;\n display: flex;\n flex-direction: column;\n }\n .title {\n margin: 0;\n }\n .description {\n overflow-wrap: break-word;\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n margin: 0;\n font-size: var(--text-small-size, 0.875rem);\n letter-spacing: var(--text-small-letter-spacing, 0.0275em);\n line-height: var(--text-small-line-height, 1.42857143em);\n font-weight: var(--text-small-weight, normal);\n font-family: var(--root-primary-font, sans-serif);\n text-decoration: var(--text-small-decoration, none);\n text-transform: var(--text-small-transform, none);\n }\n .caption {\n margin: 0px;\n font-family: var(--text-caption-font, sans-serif);\n font-size: var(--text-caption-size, 0.75rem);\n letter-spacing: var(--text-caption-letter-spacing, 0.03333333em);\n line-height: var(--text-caption-line-height, 1.33333333em);\n font-weight: var(--text-caption-weight, normal);\n text-transform: var(--text-caption-transform, none);\n text-decoration: var(--text-caption-decoration, none);\n color: rgba(9, 34, 65, 0.7);\n }\n .ripple {\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n z-index: 0;\n inset: 0px;\n border-radius: inherit;\n }\n ix-accordion {\n display: none;\n }\n ix-widget {\n display: block;\n }\n\n @media only screen and (max-width: 1200px) {\n ix-accordion {\n display: block;\n --md-icon-button-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-hover-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-focus-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-icon-size: 2rem;\n --ix-accordion-padding: 8px 12px 8px 20px;\n --ix-accordion-border-radius: 0.75rem;\n }\n ix-widget,\n a > .caption {\n display: none;\n }\n .description {\n margin-bottom: 0.5rem;\n }\n ix-button {\n display: inline-block;\n }\n .footer {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid var(--cp-neutral-blue-12p, #0922411f);\n }\n a {\n padding: 1rem 0.5rem 0 0;\n }\n }\n `;\n\n @property({ type: String }) header = 'title';\n\n @property({ type: Array }) data: any[] = [];\n\n @property({ type: String }) href = '#';\n\n @state() open = false;\n\n renderStories() {\n return html`${this.data?.map((item: any, id: number) => {\n const {\n title = 'date',\n abstract = '...',\n uid = '#',\n dateAdded = '',\n } = item;\n const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {\n addSuffix: true,\n });\n return html`<li data-testid=\"ix-news-feed-item\">\n <a href=${uid} tabindex=${id} data-testid=\"ix-news-feed-item-cta\">\n <div class=\"icon\">${ticket}</div>\n <div class=\"details\">\n <p class=\"title\" data-testid=\"ix-news-feed-item-title\">${title}</p>\n <p class=\"description\" data-testid=\"ix-news-feed-item-description\">\n ${abstract}\n </p>\n <span class=\"caption\">${dateOffset}</span>\n </div>\n <span class=\"caption\">${dateOffset}</span>\n <span class=\"ripple\"></span>\n </a>\n <span class=\"ripple\"></span>\n </li>`;\n })}`;\n }\n\n renderViewAll() {\n return html` <ix-button\n slot=\"cta\"\n type=\"button\"\n has-icon\n trailing-icon\n appearance=\"text\"\n href=${this.href}\n data-testid=\"ix-news-feed-item-cta\"\n >\n <ix-icon slot=\"icon\">chevron_right</ix-icon>\n View All\n </ix-button>`;\n }\n\n protected override render() {\n return html` <ix-accordion\n ?isOpen=${this.open}\n .accordionId=${'f.label'}\n chevronRight\n iconOpen=\"keyboard_arrow_down\"\n iconClose=\"keyboard_arrow_up\"\n >\n <h6 slot=\"title\">${this.header}</h6>\n ${this.renderStories()}\n <div class=\"footer\">${this.renderViewAll()}</div>\n </ix-accordion>\n <ix-widget type=\"news-feed\">\n <div class=\"header\">\n <h6>${this.header}</h6>\n ${this.renderViewAll()}\n </div>\n ${this.renderStories()}\n </ix-widget>`;\n }\n}\n"]}
1
+ {"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAgNuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAU,EAAE,CAAC;QAEhB,SAAI,GAAG,GAAG,CAAC;QAE9B,SAAI,GAAG,KAAK,CAAC;IAoExB,CAAC;IAlEC,aAAa;;QACX,OAAO,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAU,EAAE,EAAE;YACrD,MAAM,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,GACf,GAAG,IAAI,CAAC;YACT,MAAM,UAAU,GAAG,SAAS;gBAC1B,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,EAAE;oBAClD,SAAS,EAAE,IAAI;iBAChB,CAAC;gBACJ,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,IAAI,CAAA;kBACC,GAAG,aAAa,EAAE;8BACN,MAAM;;qEAEiC,KAAK;;gBAE1D,QAAQ;;oCAEY,UAAU;;kCAEZ,UAAU;;;;YAIhC,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;aAMF,IAAI,CAAC,IAAI;;;;;iBAKL,CAAC;IAChB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;kBACG,IAAI,CAAC,IAAI;uBACJ,SAAS;;;;;2BAKL,IAAI,CAAC,MAAM;UAC5B,IAAI,CAAC,aAAa,EAAE;8BACA,IAAI,CAAC,aAAa,EAAE;;;;gBAIlC,IAAI,CAAC,MAAM;YACf,IAAI,CAAC,aAAa,EAAE;;UAEtB,IAAI,CAAC,aAAa,EAAE;mBACX,CAAC;IAClB,CAAC;;AAxRM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6MlB,AA7MY,CA6MX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AAElB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAAkB;AAEhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AAE9B;IAAR,KAAK,EAAE;wCAAc;AAtNX,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CA0RtB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\n\nimport { formatDistance } from 'date-fns/formatDistance.js';\nimport { parseISO } from 'date-fns/parseISO.js';\nimport { startOfToday } from 'date-fns/startOfToday.js';\nimport { ticket } from './assets/iconset.js';\n\n@customElement('ix-news-feed')\nexport class IxNewsFeed extends LitElement {\n static styles = css`\n :host {\n --ix-widget-padding: 0;\n }\n .header {\n display: flex;\n -webkit-box-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n align-items: center;\n padding: 16px 11px 16px 24px;\n }\n h6 {\n margin: 0px;\n font-family: var(--text-heading-font, sans-serif);\n font-size: var(--text-heading-size, 1.25rem);\n letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n line-height: var(--text-heading-line-height, 1.2em);\n font-weight: var(--text-heading-weight, bold);\n }\n li {\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n }\n li:hover {\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n vertical-align: middle;\n appearance: none;\n color: inherit;\n display: flex;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n position: relative;\n text-decoration: none;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0px;\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n }\n a {\n display: grid;\n grid-template-columns: auto 1fr auto;\n padding: 12px 24px 12px 20px;\n -webkit-box-align: center;\n\n -webkit-box-pack: center;\n justify-content: center;\n position: relative;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n outline: 0px;\n border: 0px;\n margin: 0px;\n border-radius: 0px;\n cursor: pointer;\n user-select: none;\n appearance: none;\n text-decoration: none;\n color: inherit;\n -webkit-box-flex: 1;\n flex-grow: 1;\n align-items: center;\n gap: 20px;\n text-align: start;\n }\n\n .icon {\n flex-shrink: 0;\n display: inline-flex;\n -webkit-box-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n align-items: center;\n min-width: 48px;\n width: 48px;\n height: 48px;\n font-size: 20px;\n border-radius: 8px;\n color: var(--clr-on-primary, #fff);\n background-color: var(--clr-primary, #1456e0);\n }\n svg {\n user-select: none;\n width: 1em;\n height: 1em;\n display: inline-block;\n fill: currentcolor;\n flex-shrink: 0;\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n font-size: 1.5rem;\n }\n .details {\n gap: 0;\n min-width: 0px;\n display: flex;\n flex-direction: column;\n }\n .title {\n margin: 0;\n }\n .description {\n overflow-wrap: break-word;\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n margin: 0;\n font-size: var(--text-small-size, 0.875rem);\n letter-spacing: var(--text-small-letter-spacing, 0.0275em);\n line-height: var(--text-small-line-height, 1.42857143em);\n font-weight: var(--text-small-weight, normal);\n font-family: var(--root-primary-font, sans-serif);\n text-decoration: var(--text-small-decoration, none);\n text-transform: var(--text-small-transform, none);\n }\n .caption {\n margin: 0px;\n font-family: var(--text-caption-font, sans-serif);\n font-size: var(--text-caption-size, 0.75rem);\n letter-spacing: var(--text-caption-letter-spacing, 0.03333333em);\n line-height: var(--text-caption-line-height, 1.33333333em);\n font-weight: var(--text-caption-weight, normal);\n text-transform: var(--text-caption-transform, none);\n text-decoration: var(--text-caption-decoration, none);\n color: rgba(9, 34, 65, 0.7);\n }\n .ripple {\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n z-index: 0;\n inset: 0px;\n border-radius: inherit;\n }\n ix-accordion {\n display: none;\n }\n ix-widget {\n display: block;\n }\n\n @media only screen and (max-width: 1200px) {\n ix-accordion {\n display: block;\n --md-icon-button-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-hover-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-focus-icon-color: var(--clr-on-surface-primary);\n --md-icon-button-icon-size: 2rem;\n --ix-accordion-padding: 8px 12px 8px 20px;\n --ix-accordion-border-radius: 0.75rem;\n }\n ix-widget,\n a > .caption {\n display: none;\n }\n .description {\n margin-bottom: 0.5rem;\n }\n ix-button {\n display: inline-block;\n }\n .footer {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid var(--cp-neutral-blue-12p, #0922411f);\n }\n a {\n padding: 1rem 0.5rem 0 0;\n }\n }\n `;\n\n @property({ type: String }) header = 'title';\n\n @property({ type: Array }) data: any[] = [];\n\n @property({ type: String }) href = '#';\n\n @state() open = false;\n\n renderStories() {\n return html`${this.data?.map((item: any, id: number) => {\n const {\n title = 'date',\n abstract = '...',\n uid = '#',\n dateAdded = '',\n } = item;\n const dateOffset = dateAdded\n ? formatDistance(parseISO(dateAdded), startOfToday(), {\n addSuffix: true,\n })\n : '';\n return html`<li data-testid=\"ix-news-feed-item\">\n <a href=${uid} tabindex=${id} data-testid=\"ix-news-feed-item-cta\">\n <div class=\"icon\">${ticket}</div>\n <div class=\"details\">\n <p class=\"title\" data-testid=\"ix-news-feed-item-title\">${title}</p>\n <p class=\"description\" data-testid=\"ix-news-feed-item-description\">\n ${abstract}\n </p>\n <span class=\"caption\">${dateOffset}</span>\n </div>\n <span class=\"caption\">${dateOffset}</span>\n <span class=\"ripple\"></span>\n </a>\n <span class=\"ripple\"></span>\n </li>`;\n })}`;\n }\n\n renderViewAll() {\n return html` <ix-button\n slot=\"cta\"\n type=\"button\"\n has-icon\n trailing-icon\n appearance=\"text\"\n href=${this.href}\n data-testid=\"ix-news-feed-item-cta\"\n >\n <ix-icon slot=\"icon\">chevron_right</ix-icon>\n View All\n </ix-button>`;\n }\n\n protected override render() {\n return html` <ix-accordion\n ?isOpen=${this.open}\n .accordionId=${'f.label'}\n chevronRight\n iconOpen=\"keyboard_arrow_down\"\n iconClose=\"keyboard_arrow_up\"\n >\n <h6 slot=\"title\">${this.header}</h6>\n ${this.renderStories()}\n <div class=\"footer\">${this.renderViewAll()}</div>\n </ix-accordion>\n <ix-widget type=\"news-feed\">\n <div class=\"header\">\n <h6>${this.header}</h6>\n ${this.renderViewAll()}\n </div>\n ${this.renderStories()}\n </ix-widget>`;\n }\n}\n"]}
package/dist/mock/news-feed.d.ts ADDED
@@ -0,0 +1,146 @@
1
+ export declare const valid: {
2
+ whatsNews: {
3
+ id: number;
4
+ abstract: string;
5
+ behavior: string;
6
+ topics: {
7
+ code: string;
8
+ icon: string;
9
+ id: number;
10
+ name: string;
11
+ }[];
12
+ thumbnail: {
13
+ url: string;
14
+ alternativeText: string;
15
+ };
16
+ video: null;
17
+ category: {
18
+ icon: string;
19
+ image: {
20
+ url: string;
21
+ alternativeText: string;
22
+ };
23
+ showSortBy: boolean;
24
+ showFilterByTopic: boolean;
25
+ subtitle: string;
26
+ title: string;
27
+ uid: string;
28
+ };
29
+ dateAdded: string;
30
+ documents: null;
31
+ duration: null;
32
+ featured: boolean;
33
+ text: null;
34
+ title: string;
35
+ uid: string;
36
+ }[];
37
+ resources: never[];
38
+ newsAndPromotions: never[];
39
+ welcomeVideo: {
40
+ id: number;
41
+ abstract: string;
42
+ behavior: null;
43
+ topics: null;
44
+ thumbnail: {
45
+ url: string;
46
+ alternativeText: string;
47
+ };
48
+ video: {
49
+ url: string;
50
+ };
51
+ category: null;
52
+ dateAdded: string;
53
+ documents: null;
54
+ duration: null;
55
+ featured: boolean;
56
+ text: null;
57
+ title: string;
58
+ uid: string;
59
+ };
60
+ release: null;
61
+ };
62
+ export declare const invalidDate: {
63
+ whatsNews: ({
64
+ id: number;
65
+ abstract: string;
66
+ behavior: string;
67
+ topics: never[];
68
+ thumbnail: {
69
+ url: string;
70
+ alternativeText: string;
71
+ };
72
+ video: null;
73
+ category: {
74
+ icon: string;
75
+ image: {
76
+ url: string;
77
+ alternativeText: string;
78
+ };
79
+ showSortBy: boolean;
80
+ showFilterByTopic: boolean;
81
+ subtitle: string;
82
+ title: string;
83
+ uid: string;
84
+ };
85
+ dateAdded: string;
86
+ documents: null;
87
+ duration: null;
88
+ featured: boolean;
89
+ text: null;
90
+ title: string;
91
+ uid: string;
92
+ } | {
93
+ id: number;
94
+ abstract: string;
95
+ behavior: string;
96
+ topics: never[];
97
+ thumbnail: {
98
+ url: string;
99
+ alternativeText: string;
100
+ };
101
+ video: null;
102
+ category: {
103
+ icon: string;
104
+ image: {
105
+ url: string;
106
+ alternativeText: string;
107
+ };
108
+ showSortBy: boolean;
109
+ showFilterByTopic: boolean;
110
+ subtitle: string;
111
+ title: string;
112
+ uid: string;
113
+ };
114
+ dateAdded: null;
115
+ documents: null;
116
+ duration: null;
117
+ featured: boolean;
118
+ text: null;
119
+ title: string;
120
+ uid: string;
121
+ })[];
122
+ resources: never[];
123
+ newsAndPromotions: never[];
124
+ welcomeVideo: {
125
+ id: number;
126
+ abstract: null;
127
+ behavior: null;
128
+ topics: null;
129
+ thumbnail: {
130
+ url: string;
131
+ alternativeText: string;
132
+ };
133
+ video: {
134
+ url: string;
135
+ };
136
+ category: null;
137
+ dateAdded: string;
138
+ documents: null;
139
+ duration: number;
140
+ featured: boolean;
141
+ text: string;
142
+ title: string;
143
+ uid: string;
144
+ };
145
+ release: null;
146
+ };
package/dist/mock/news-feed.js ADDED
@@ -0,0 +1,221 @@
1
+ export const valid = {
2
+ whatsNews: [
3
+ {
4
+ id: 2,
5
+ abstract: 'Welcome to the Global Portal! Please watch this video to learn more about features.',
6
+ behavior: 'text',
7
+ topics: [
8
+ {
9
+ code: 'V2InterestingTopic',
10
+ icon: 'computer',
11
+ id: 1,
12
+ name: 'V2 Interesting Topic',
13
+ },
14
+ ],
15
+ thumbnail: {
16
+ url: '',
17
+ alternativeText: '',
18
+ },
19
+ video: null,
20
+ category: {
21
+ icon: 'local_offer',
22
+ image: {
23
+ url: '',
24
+ alternativeText: '',
25
+ },
26
+ showSortBy: false,
27
+ showFilterByTopic: false,
28
+ subtitle: 'Click here to find out more about our newly released functionality and enhancements!',
29
+ title: "V2 What's New",
30
+ uid: 'whats-new',
31
+ },
32
+ dateAdded: '2025-11-03',
33
+ documents: null,
34
+ duration: null,
35
+ featured: false,
36
+ text: null,
37
+ title: 'V2 Global Portal Welcome Video',
38
+ uid: 'global-portal-welcome-video',
39
+ },
40
+ {
41
+ id: 1,
42
+ abstract: 'Welcome to the April 2024 edition of the Global Portal release notes!',
43
+ behavior: 'text',
44
+ topics: [
45
+ {
46
+ code: 'V2InterestingTopic',
47
+ icon: 'computer',
48
+ id: 1,
49
+ name: 'V2 Interesting Topic',
50
+ },
51
+ ],
52
+ thumbnail: {
53
+ url: '',
54
+ alternativeText: '',
55
+ },
56
+ video: null,
57
+ category: {
58
+ icon: 'local_offer',
59
+ image: {
60
+ url: '',
61
+ alternativeText: '',
62
+ },
63
+ showSortBy: false,
64
+ showFilterByTopic: false,
65
+ subtitle: 'Click here to find out more about our newly released functionality and enhancements!',
66
+ title: "V2 What's New",
67
+ uid: 'whats-new',
68
+ },
69
+ dateAdded: '2025-10-29',
70
+ documents: null,
71
+ duration: null,
72
+ featured: false,
73
+ text: null,
74
+ title: 'V2 April 2024',
75
+ uid: 'April2024RN',
76
+ },
77
+ ],
78
+ resources: [],
79
+ newsAndPromotions: [],
80
+ welcomeVideo: {
81
+ id: 2,
82
+ abstract: 'Welcome to the Global Portal! Please watch this video to learn more about features.',
83
+ behavior: null,
84
+ topics: null,
85
+ thumbnail: {
86
+ url: '',
87
+ alternativeText: '',
88
+ },
89
+ video: {
90
+ url: '/uploads/global_portal_placeholder_video_7a207fb065.mp4',
91
+ },
92
+ category: null,
93
+ dateAdded: '2025-11-03',
94
+ documents: null,
95
+ duration: null,
96
+ featured: true,
97
+ text: null,
98
+ title: 'V2 Global Portal Welcome Video',
99
+ uid: 'global-portal-welcome-video',
100
+ },
101
+ release: null,
102
+ };
103
+ export const invalidDate = {
104
+ whatsNews: [
105
+ {
106
+ id: 15,
107
+ abstract: 'Welcome to the February 2026 edition of the Global Portal release note!',
108
+ behavior: 'accordion',
109
+ topics: [],
110
+ thumbnail: {
111
+ url: '',
112
+ alternativeText: '',
113
+ },
114
+ video: null,
115
+ category: {
116
+ icon: 'local_offer',
117
+ image: {
118
+ url: '',
119
+ alternativeText: '',
120
+ },
121
+ showSortBy: true,
122
+ showFilterByTopic: true,
123
+ subtitle: 'Click here to find out more about our newly released functionality and enhancements!',
124
+ title: "What's New",
125
+ uid: 'whats-new',
126
+ },
127
+ dateAdded: '2026-02-26',
128
+ documents: null,
129
+ duration: null,
130
+ featured: false,
131
+ text: null,
132
+ title: 'February Release Notes',
133
+ uid: 'February2026ReleaseNotes',
134
+ },
135
+ {
136
+ id: 5,
137
+ abstract: 'Welcome to the January 2026 edition of the Global Portal release notes!',
138
+ behavior: 'accordion',
139
+ topics: [],
140
+ thumbnail: {
141
+ url: '',
142
+ alternativeText: '',
143
+ },
144
+ video: null,
145
+ category: {
146
+ icon: 'local_offer',
147
+ image: {
148
+ url: '',
149
+ alternativeText: '',
150
+ },
151
+ showSortBy: true,
152
+ showFilterByTopic: true,
153
+ subtitle: 'Click here to find out more about our newly released functionality and enhancements!',
154
+ title: "What's New",
155
+ uid: 'whats-new',
156
+ },
157
+ dateAdded: '2026-01-29',
158
+ documents: null,
159
+ duration: null,
160
+ featured: false,
161
+ text: null,
162
+ title: 'January Release Notes',
163
+ uid: 'January2026ReleaseNotes',
164
+ },
165
+ {
166
+ id: 2,
167
+ abstract: "Introducing Digital Realty's new Global Portal, a unified experience that brings global access, control, and visibility into one platform.",
168
+ behavior: 'accordion',
169
+ topics: [],
170
+ thumbnail: {
171
+ url: '',
172
+ alternativeText: '',
173
+ },
174
+ video: null,
175
+ category: {
176
+ icon: 'local_offer',
177
+ image: {
178
+ url: '',
179
+ alternativeText: '',
180
+ },
181
+ showSortBy: true,
182
+ showFilterByTopic: true,
183
+ subtitle: 'Click here to find out more about our newly released functionality and enhancements!',
184
+ title: "What's New",
185
+ uid: 'whats-new',
186
+ },
187
+ dateAdded: null,
188
+ documents: null,
189
+ duration: null,
190
+ featured: false,
191
+ text: null,
192
+ title: 'Welcome to the Global Portal!',
193
+ uid: 'welcome-to-the-global-portal',
194
+ },
195
+ ],
196
+ resources: [],
197
+ newsAndPromotions: [],
198
+ welcomeVideo: {
199
+ id: 4,
200
+ abstract: null,
201
+ behavior: null,
202
+ topics: null,
203
+ thumbnail: {
204
+ url: '',
205
+ alternativeText: '',
206
+ },
207
+ video: {
208
+ url: '/uploads/AN_v9_Global_Portal_FULL_740d4e5772.mp4',
209
+ },
210
+ category: null,
211
+ dateAdded: '2026-02-04',
212
+ documents: null,
213
+ duration: 229,
214
+ featured: true,
215
+ text: '<p>Welcome to the Global Portal! Discover how our Global Portal streamlines access to key services, integrates seamlessly with backend systems, and empowers you with self-service capabilities designed for scale and ease.</p>',
216
+ title: 'Global Portal Overview Video',
217
+ uid: 'global-portal-welcome-video',
218
+ },
219
+ release: null,
220
+ };
221
+ //# sourceMappingURL=news-feed.js.map
package/dist/mock/news-feed.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"news-feed.js","sourceRoot":"","sources":["../../src/mock/news-feed.ts"],"names":[],"mappings":"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","sourcesContent":["export const valid = {\n whatsNews: [\n {\n id: 2,\n abstract:\n 'Welcome to the Global Portal! Please watch this video to learn more about features.',\n behavior: 'text',\n topics: [\n {\n code: 'V2InterestingTopic',\n icon: 'computer',\n id: 1,\n name: 'V2 Interesting Topic',\n },\n ],\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: null,\n category: {\n icon: 'local_offer',\n image: {\n url: '',\n alternativeText: '',\n },\n showSortBy: false,\n showFilterByTopic: false,\n subtitle:\n 'Click here to find out more about our newly released functionality and enhancements!',\n title: \"V2 What's New\",\n uid: 'whats-new',\n },\n dateAdded: '2025-11-03',\n documents: null,\n duration: null,\n featured: false,\n text: null,\n title: 'V2 Global Portal Welcome Video',\n uid: 'global-portal-welcome-video',\n },\n {\n id: 1,\n abstract:\n 'Welcome to the April 2024 edition of the Global Portal release notes!',\n behavior: 'text',\n topics: [\n {\n code: 'V2InterestingTopic',\n icon: 'computer',\n id: 1,\n name: 'V2 Interesting Topic',\n },\n ],\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: null,\n category: {\n icon: 'local_offer',\n image: {\n url: '',\n alternativeText: '',\n },\n showSortBy: false,\n showFilterByTopic: false,\n subtitle:\n 'Click here to find out more about our newly released functionality and enhancements!',\n title: \"V2 What's New\",\n uid: 'whats-new',\n },\n dateAdded: '2025-10-29',\n documents: null,\n duration: null,\n featured: false,\n text: null,\n title: 'V2 April 2024',\n uid: 'April2024RN',\n },\n ],\n resources: [],\n newsAndPromotions: [],\n welcomeVideo: {\n id: 2,\n abstract:\n 'Welcome to the Global Portal! Please watch this video to learn more about features.',\n behavior: null,\n topics: null,\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: {\n url: '/uploads/global_portal_placeholder_video_7a207fb065.mp4',\n },\n category: null,\n dateAdded: '2025-11-03',\n documents: null,\n duration: null,\n featured: true,\n text: null,\n title: 'V2 Global Portal Welcome Video',\n uid: 'global-portal-welcome-video',\n },\n release: null,\n};\n\nexport const invalidDate = {\n whatsNews: [\n {\n id: 15,\n abstract:\n 'Welcome to the February 2026 edition of the Global Portal release note!',\n behavior: 'accordion',\n topics: [],\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: null,\n category: {\n icon: 'local_offer',\n image: {\n url: '',\n alternativeText: '',\n },\n showSortBy: true,\n showFilterByTopic: true,\n subtitle:\n 'Click here to find out more about our newly released functionality and enhancements!',\n title: \"What's New\",\n uid: 'whats-new',\n },\n dateAdded: '2026-02-26',\n documents: null,\n duration: null,\n featured: false,\n text: null,\n title: 'February Release Notes',\n uid: 'February2026ReleaseNotes',\n },\n {\n id: 5,\n abstract:\n 'Welcome to the January 2026 edition of the Global Portal release notes!',\n behavior: 'accordion',\n topics: [],\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: null,\n category: {\n icon: 'local_offer',\n image: {\n url: '',\n alternativeText: '',\n },\n showSortBy: true,\n showFilterByTopic: true,\n subtitle:\n 'Click here to find out more about our newly released functionality and enhancements!',\n title: \"What's New\",\n uid: 'whats-new',\n },\n dateAdded: '2026-01-29',\n documents: null,\n duration: null,\n featured: false,\n text: null,\n title: 'January Release Notes',\n uid: 'January2026ReleaseNotes',\n },\n {\n id: 2,\n abstract:\n \"Introducing Digital Realty's new Global Portal, a unified experience that brings global access, control, and visibility into one platform.\",\n behavior: 'accordion',\n topics: [],\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: null,\n category: {\n icon: 'local_offer',\n image: {\n url: '',\n alternativeText: '',\n },\n showSortBy: true,\n showFilterByTopic: true,\n subtitle:\n 'Click here to find out more about our newly released functionality and enhancements!',\n title: \"What's New\",\n uid: 'whats-new',\n },\n dateAdded: null,\n documents: null,\n duration: null,\n featured: false,\n text: null,\n title: 'Welcome to the Global Portal!',\n uid: 'welcome-to-the-global-portal',\n },\n ],\n resources: [],\n newsAndPromotions: [],\n welcomeVideo: {\n id: 4,\n abstract: null,\n behavior: null,\n topics: null,\n thumbnail: {\n url: '',\n alternativeText: '',\n },\n video: {\n url: '/uploads/AN_v9_Global_Portal_FULL_740d4e5772.mp4',\n },\n category: null,\n dateAdded: '2026-02-04',\n documents: null,\n duration: 229,\n featured: true,\n text: '<p>Welcome to the Global Portal! Discover how our Global Portal streamlines access to key services, integrates seamlessly with backend systems, and empowers you with self-service capabilities designed for scale and ease.</p>',\n title: 'Global Portal Overview Video',\n uid: 'global-portal-welcome-video',\n },\n release: null,\n};\n"]}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent ix-widget following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "Digital Realty",
6
- "version": "2.2.19",
6
+ "version": "2.2.31",
7
7
  "type": "module",
8
8
  "main": "dist/index.js",
9
9
  "module": "dist/index.js",
@@ -38,12 +38,12 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@adobe/lit-mobx": "^2.2.2",
41
- "@digital-realty/ix-accordion": "^1.1.14",
42
- "@digital-realty/ix-button": "^3.4.6",
43
- "@digital-realty/ix-dialog": "^1.2.10",
44
- "@digital-realty/ix-grid": "^1.3.15",
45
- "@digital-realty/ix-icon": "^1.2.4",
46
- "@digital-realty/ix-list": "^1.2.4",
41
+ "@digital-realty/ix-accordion": "^1.1.23",
42
+ "@digital-realty/ix-button": "^3.4.16",
43
+ "@digital-realty/ix-dialog": "^1.2.20",
44
+ "@digital-realty/ix-grid": "^1.3.26",
45
+ "@digital-realty/ix-icon": "^1.2.12",
46
+ "@digital-realty/ix-list": "^1.2.12",
47
47
  "@lit/react": "^1.0.2",
48
48
  "@material/web": "2.4.0",
49
49
  "date-fns": "^4.1.0",
@@ -54,6 +54,7 @@
54
54
  },
55
55
  "devDependencies": {
56
56
  "@custom-elements-manifest/analyzer": "^0.4.17",
57
+ "@digital-realty/ix-app-logic": "^2.0.19",
57
58
  "@open-wc/eslint-config": "^9.2.1",
58
59
  "@open-wc/testing": "^3.1.6",
59
60
  "@types/markdown-it": "^14.1.1",
@@ -130,5 +131,5 @@
130
131
  "README.md",
131
132
  "LICENSE"
132
133
  ],
133
- "gitHead": "ab315b433acc9b12065e1a2038a2bc3a7c07487f"
134
+ "gitHead": "b47ba9e880c386ecf579ab21a118f94221cd1e1c"
134
135
  }