@digital-realty/ix-widget 2.3.1-alpha.1 → 2.3.1

package/dist/ix-launchpad.js

@@ -1,294 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import './ix-status-counter-group.js';
-import './ix-contacts.js';
-import './ix-info-card.js';
-import './ix-news-feed.js';
-import './ix-table-data.js';
-import './ix-nav-item.js';
-import './ix-nav-list.js';
-import { IxLaunchpadStyles } from './styles/launchpad-styles.js';
-import { testIdTransform } from './utils/testIdTransform.js';
-import '@digital-realty/ix-dialog/ix-dialog.js';
-let IxLaunchpad = class IxLaunchpad extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.data = {};
-        this.status = [];
-        this.nav = [];
-        this.news = [];
-        this.contacts = {};
-        this.resources = [];
-        this.promotions = [];
-        this.kbImgBaseUrl = '';
-        this.kbVideoBaseUrl = '';
-        this.kbLinkBaseUrl = '';
-        this.kbNewsViewAllUrl = '/knowledge-base/category/whats-new/';
-        this.knowledgebase = '';
-        this.updates = {
-            columns: [],
-            rows: [],
-            header: '',
-            href: '',
-        };
-        this.actions = {
-            columns: [],
-            rows: [],
-            header: '',
-            href: '',
-            disabled: true,
-        };
-        this.showVideoModal = false;
-        this.videoUrl = '';
-        this.videoTitle = '';
-        this.handleResourceOpen = (videoUrl, videoTitle = '') => (e) => {
-            if (!videoUrl)
-                return;
-            e.preventDefault();
-            this.videoUrl = `${this.kbVideoBaseUrl}${encodeURIComponent(videoUrl)}`;
-            this.videoTitle = videoTitle;
-            this.showVideoModal = true;
-        };
-        this.handleResourceClosed = () => {
-            this.showVideoModal = false;
-        };
-        this.renderNavigation = () => html `
-    ${this.nav.map((nav) => html ` <ix-nav-list
-        .header="${nav.header}"
-        data-testid=${`lp-navigation-${testIdTransform(nav.header)}`}
-      >
-        ${nav.items.map((item) => html `<ix-nav-item .icon=${item === null || item === void 0 ? void 0 : item.icon} .target=${item === null || item === void 0 ? void 0 : item.target}
-              >${item.name}</ix-nav-item
-            >`)}
-      </ix-nav-list>`)}
-  `;
-        this.renderTicketUpdatesGrid = () => html `<ix-table-data
-    .columns=${this.updates.columns}
-    .rows=${this.updates.rows}
-    .header=${this.updates.header}
-    .href=${this.updates.href}
-    ?disabled=${this.updates.disabled}
-    emptyDescription="No Recent Service Ticket Updates"
-    showViewAllButtonOnEmpty
-    data-testid="lp-ticketUpdates"
-  >
-  </ix-table-data>`;
-        this.renderActionsRequiredGrid = () => html `<ix-table-data
-    .columns=${this.actions.columns}
-    .rows=${this.actions.rows}
-    .header=${this.actions.header}
-    .href=${this.actions.href}
-    ?disabled=${this.actions.disabled}
-    emptyDescription="No Pending Actions"
-    data-testid="lp-yourActionRequired"
-  >
-  </ix-table-data>`;
-    }
-    render() {
-        var _a, _b, _c;
-        return html `
-      ${this.showVideoModal
-            ? html `<ix-dialog open @close=${this.handleResourceClosed}>
-            <div id="videoPlayer" class="headline" slot="headline">
-              <span class="title">${this.videoTitle}</span>
-              <ix-icon-button @click=${this.handleResourceClosed} icon="close">
-              </ix-icon-button>
-            </div>
-            <div slot="content">
-              <video
-                src=${this.videoUrl}
-                controls=""
-                autoplay=""
-                controlslist="nodownload"
-              ></video>
-            </div>
-          </ix-dialog>`
-            : nothing}
-      <main class="wrapper">
-        <section>
-          <div class="container">
-            <div class="content">
-              <ix-status-counter-group
-                .data=${this.status}
-              ></ix-status-counter-group>
-
-              <nav>${this.renderNavigation()}</nav>
-
-              ${this.actions.isAuthorizedToView
-            ? this.renderActionsRequiredGrid()
-            : nothing}
-              ${this.updates.isAuthorizedToView
-            ? this.renderTicketUpdatesGrid()
-            : nothing}
-              ${this.knowledgebase !== ''
-            ? html ` <iframe
-                    class="knowledge-base"
-                    title="knowledge base"
-                    .src=${this.knowledgebase}
-                  ></iframe>`
-            : nothing}
-              ${((_a = this.news) === null || _a === void 0 ? void 0 : _a.length)
-            ? html `<ix-news-feed
-                    header="What's New"
-                    .data=${this.news.map(item => ({
-                ...item,
-                uid: `${this.kbLinkBaseUrl}${item.uid}`,
-            }))}
-                    .href=${this.kbNewsViewAllUrl}
-                    data-testid="lp-newsFeed"
-                  ></ix-news-feed>`
-            : nothing}
-              ${((_b = this.resources) === null || _b === void 0 ? void 0 : _b.length)
-            ? html `<div class="news-info">
-                    <h2>Resources</h2>
-                    <div class="resources">
-                      ${this.resources.map(item => {
-                var _a, _b, _c, _d;
-                return html ` <a
-                          href=${`${this.kbLinkBaseUrl}${item.uid}`}
-                          data-testid="lp-resourceItem"
-                          @click=${this.handleResourceOpen((_a = item.video) === null || _a === void 0 ? void 0 : _a.url, item.title)}
-                          ><ix-info-card type="info-card-resources"
-                            ><img
-                              slot="image"
-                              name="image"
-                              alt=${((_b = item === null || item === void 0 ? void 0 : item.thumbnail) === null || _b === void 0 ? void 0 : _b.alternativeText) || ''}
-                              src="${`${this.kbImgBaseUrl}${encodeURIComponent(item.thumbnail.url)}&w=3840&q=75`}"
-                            />
-                            ${((_d = (_c = item.topics) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name)
-                    ? html `<div slot="label">
-                                  ${item.topics[0].name}
-                                </div>`
-                    : nothing}
-                            <div slot="title">${item.title}</div>
-                            ${item.abstract
-                    ? html `<div
-                                  slot="description"
-                                  class="news-item-description"
-                                >
-                                  ${item.abstract}
-                                </div>`
-                    : nothing}
-                            <ix-button
-                              slot="cta"
-                              type="button"
-                              has-icon
-                              trailing-icon
-                              appearance="text"
-                            >
-                              <ix-icon slot="icon">chevron_right</ix-icon>
-                              Learn more
-                            </ix-button>
-                          </ix-info-card></a
-                        >`;
-            })}
-                    </div>
-
-                    <h2 class="">News &amp; Promotions</h2>
-                    <div class="newsAndPromotions">
-                      ${this.promotions.map(item => html ` <a
-                          href=${`${this.kbLinkBaseUrl}${item.uid}`}
-                          data-testid="lp-newsPromotionsItem"
-                          ><ix-info-card type="info-card">
-                            <img
-                              slot="image"
-                              name="image"
-                              alt="${item.thumbnail.alternativeText}"
-                              src="${`${this.kbImgBaseUrl}${encodeURIComponent(item.thumbnail.url)}&w=3840&q=75`}"
-                            />
-                            <div slot="title">${item.title}</div>
-                            <div slot="description">${item.abstract}</div>
-                            <ix-button
-                              slot="cta"
-                              type="button"
-                              has-icon
-                              trailing-icon
-                              appearance="text"
-                            >
-                              <ix-icon slot="icon">chevron_right</ix-icon>
-                              Learn more
-                            </ix-button>
-                          </ix-info-card></a
-                        >`)}
-                    </div>
-                  </div>`
-            : nothing}
-              ${((_c = this.contacts) === null || _c === void 0 ? void 0 : _c.email)
-            ? html `<ix-contacts
-                    .contacts=${this.contacts}
-                    data-testid="lp-contacts"
-                  ></ix-contacts>`
-            : nothing}
-            </div>
-            <nav>
-              <div
-                class="side-nav"
-                style="top:calc(var(--header-height) + var(--intraportal-nav-height, 0px));"
-              >
-                ${this.renderNavigation()}
-              </div>
-            </nav>
-          </div>
-        </section>
-      </main>
-    `;
-    }
-};
-IxLaunchpad.styles = [IxLaunchpadStyles];
-__decorate([
-    property({ type: Object })
-], IxLaunchpad.prototype, "data", void 0);
-__decorate([
-    property({ type: Array })
-], IxLaunchpad.prototype, "status", void 0);
-__decorate([
-    property({ type: Array })
-], IxLaunchpad.prototype, "nav", void 0);
-__decorate([
-    property({ type: Array })
-], IxLaunchpad.prototype, "news", void 0);
-__decorate([
-    property({ type: Object })
-], IxLaunchpad.prototype, "contacts", void 0);
-__decorate([
-    property({ type: Array })
-], IxLaunchpad.prototype, "resources", void 0);
-__decorate([
-    property({ type: Array })
-], IxLaunchpad.prototype, "promotions", void 0);
-__decorate([
-    property({ type: String, attribute: 'kb-img-base-url' })
-], IxLaunchpad.prototype, "kbImgBaseUrl", void 0);
-__decorate([
-    property({ type: String, attribute: 'kb-video-base-url' })
-], IxLaunchpad.prototype, "kbVideoBaseUrl", void 0);
-__decorate([
-    property({ type: String, attribute: 'kb-link-base-url' })
-], IxLaunchpad.prototype, "kbLinkBaseUrl", void 0);
-__decorate([
-    property({ type: String, attribute: 'kb-news-view-all-url' })
-], IxLaunchpad.prototype, "kbNewsViewAllUrl", void 0);
-__decorate([
-    property({ type: String })
-], IxLaunchpad.prototype, "knowledgebase", void 0);
-__decorate([
-    property({ type: Object })
-], IxLaunchpad.prototype, "updates", void 0);
-__decorate([
-    property({ type: Object })
-], IxLaunchpad.prototype, "actions", void 0);
-__decorate([
-    state()
-], IxLaunchpad.prototype, "showVideoModal", void 0);
-__decorate([
-    state()
-], IxLaunchpad.prototype, "videoUrl", void 0);
-__decorate([
-    state()
-], IxLaunchpad.prototype, "videoTitle", void 0);
-IxLaunchpad = __decorate([
-    customElement('ix-launchpad')
-], IxLaunchpad);
-export { IxLaunchpad };
-//# sourceMappingURL=ix-launchpad.js.map

package/dist/ix-launchpad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ix-launchpad.js","sourceRoot":"","sources":["../src/ix-launchpad.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport './ix-status-counter-group.js';\nimport './ix-contacts.js';\nimport './ix-info-card.js';\nimport './ix-news-feed.js';\nimport './ix-table-data.js';\nimport './ix-nav-item.js';\nimport './ix-nav-list.js';\nimport { IxLaunchpadStyles } from './styles/launchpad-styles.js';\nimport { testIdTransform } from './utils/testIdTransform.js';\nimport '@digital-realty/ix-dialog/ix-dialog.js';\n\nexport interface NavItem {\n  icon: string;\n  target: string;\n  name: string;\n}\n\nexport interface NavList {\n  header: string;\n  items: NavItem[];\n}\n\nexport interface Topic {\n  name: string;\n}\n\nexport interface InfoCardItem {\n  thumbnail: {\n    alternativeText: string;\n    url: string;\n  };\n  topics: Topic[];\n  title: string;\n  abstract: string;\n  uid: string;\n  video?: {\n    url: string;\n  };\n}\n\nexport interface TableDataItem {\n  columns: string[];\n  rows?: string[];\n  header: string;\n  href: string;\n  disabled?: boolean;\n  isAuthorizedToView?: boolean;\n}\n\n@customElement('ix-launchpad')\nexport class IxLaunchpad extends LitElement {\n  static styles = [IxLaunchpadStyles];\n\n  @property({ type: Object }) data = {};\n\n  @property({ type: Array }) status = [];\n\n  @property({ type: Array }) nav = [];\n\n  @property({ type: Array }) news: InfoCardItem[] = [];\n\n  @property({ type: Object }) contacts: any = {};\n\n  @property({ type: Array }) resources: InfoCardItem[] = [];\n\n  @property({ type: Array }) promotions: InfoCardItem[] = [];\n\n  @property({ type: String, attribute: 'kb-img-base-url' }) kbImgBaseUrl = '';\n\n  @property({ type: String, attribute: 'kb-video-base-url' }) kbVideoBaseUrl =\n    '';\n\n  @property({ type: String, attribute: 'kb-link-base-url' }) kbLinkBaseUrl = '';\n\n  @property({ type: String, attribute: 'kb-news-view-all-url' })\n  kbNewsViewAllUrl = '/knowledge-base/category/whats-new/';\n\n  @property({ type: String }) knowledgebase = '';\n\n  @property({ type: Object }) updates: TableDataItem = {\n    columns: [],\n    rows: [],\n    header: '',\n    href: '',\n  };\n\n  @property({ type: Object }) actions: TableDataItem = {\n    columns: [],\n    rows: [],\n    header: '',\n    href: '',\n    disabled: true,\n  };\n\n  @state() showVideoModal = false;\n\n  @state() videoUrl = '';\n\n  @state() videoTitle = '';\n\n  handleResourceOpen =\n    (videoUrl: string | undefined, videoTitle: string = '') =>\n    (e: Event) => {\n      if (!videoUrl) return;\n      e.preventDefault();\n      this.videoUrl = `${this.kbVideoBaseUrl}${encodeURIComponent(videoUrl)}`;\n      this.videoTitle = videoTitle;\n      this.showVideoModal = true;\n    };\n\n  handleResourceClosed = () => {\n    this.showVideoModal = false;\n  };\n\n  renderNavigation = () => html`\n    ${this.nav.map(\n      (nav: NavList) => html` <ix-nav-list\n        .header=\"${nav.header}\"\n        data-testid=${`lp-navigation-${testIdTransform(nav.header)}`}\n      >\n        ${nav.items.map(\n          (item: NavItem) =>\n            html`<ix-nav-item .icon=${item?.icon} .target=${item?.target}\n              >${item.name}</ix-nav-item\n            >`\n        )}\n      </ix-nav-list>`\n    )}\n  `;\n\n  renderTicketUpdatesGrid = () => html`<ix-table-data\n    .columns=${this.updates.columns}\n    .rows=${this.updates.rows}\n    .header=${this.updates.header}\n    .href=${this.updates.href}\n    ?disabled=${this.updates.disabled}\n    emptyDescription=\"No Recent Service Ticket Updates\"\n    showViewAllButtonOnEmpty\n    data-testid=\"lp-ticketUpdates\"\n  >\n  </ix-table-data>`;\n\n  renderActionsRequiredGrid = () => html`<ix-table-data\n    .columns=${this.actions.columns}\n    .rows=${this.actions.rows}\n    .header=${this.actions.header}\n    .href=${this.actions.href}\n    ?disabled=${this.actions.disabled}\n    emptyDescription=\"No Pending Actions\"\n    data-testid=\"lp-yourActionRequired\"\n  >\n  </ix-table-data>`;\n\n  protected override render() {\n    return html`\n      ${this.showVideoModal\n        ? html`<ix-dialog open @close=${this.handleResourceClosed}>\n            <div id=\"videoPlayer\" class=\"headline\" slot=\"headline\">\n              <span class=\"title\">${this.videoTitle}</span>\n              <ix-icon-button @click=${this.handleResourceClosed} icon=\"close\">\n              </ix-icon-button>\n            </div>\n            <div slot=\"content\">\n              <video\n                src=${this.videoUrl}\n                controls=\"\"\n                autoplay=\"\"\n                controlslist=\"nodownload\"\n              ></video>\n            </div>\n          </ix-dialog>`\n        : nothing}\n      <main class=\"wrapper\">\n        <section>\n          <div class=\"container\">\n            <div class=\"content\">\n              <ix-status-counter-group\n                .data=${this.status}\n              ></ix-status-counter-group>\n\n              <nav>${this.renderNavigation()}</nav>\n\n              ${this.actions.isAuthorizedToView\n                ? this.renderActionsRequiredGrid()\n                : nothing}\n              ${this.updates.isAuthorizedToView\n                ? this.renderTicketUpdatesGrid()\n                : nothing}\n              ${this.knowledgebase !== ''\n                ? html` <iframe\n                    class=\"knowledge-base\"\n                    title=\"knowledge base\"\n                    .src=${this.knowledgebase}\n                  ></iframe>`\n                : nothing}\n              ${this.news?.length\n                ? html`<ix-news-feed\n                    header=\"What's New\"\n                    .data=${this.news.map(item => ({\n                      ...item,\n                      uid: `${this.kbLinkBaseUrl}${item.uid}`,\n                    }))}\n                    .href=${this.kbNewsViewAllUrl}\n                    data-testid=\"lp-newsFeed\"\n                  ></ix-news-feed>`\n                : nothing}\n              ${this.resources?.length\n                ? html`<div class=\"news-info\">\n                    <h2>Resources</h2>\n                    <div class=\"resources\">\n                      ${this.resources.map(\n                        item => html` <a\n                          href=${`${this.kbLinkBaseUrl}${item.uid}`}\n                          data-testid=\"lp-resourceItem\"\n                          @click=${this.handleResourceOpen(\n                            item.video?.url,\n                            item.title\n                          )}\n                          ><ix-info-card type=\"info-card-resources\"\n                            ><img\n                              slot=\"image\"\n                              name=\"image\"\n                              alt=${item?.thumbnail?.alternativeText || ''}\n                              src=\"${`${this.kbImgBaseUrl}${encodeURIComponent(\n                                item.thumbnail.url\n                              )}&w=3840&q=75`}\"\n                            />\n                            ${item.topics?.[0]?.name\n                              ? html`<div slot=\"label\">\n                                  ${item.topics[0].name}\n                                </div>`\n                              : nothing}\n                            <div slot=\"title\">${item.title}</div>\n                            ${item.abstract\n                              ? html`<div\n                                  slot=\"description\"\n                                  class=\"news-item-description\"\n                                >\n                                  ${item.abstract}\n                                </div>`\n                              : nothing}\n                            <ix-button\n                              slot=\"cta\"\n                              type=\"button\"\n                              has-icon\n                              trailing-icon\n                              appearance=\"text\"\n                            >\n                              <ix-icon slot=\"icon\">chevron_right</ix-icon>\n                              Learn more\n                            </ix-button>\n                          </ix-info-card></a\n                        >`\n                      )}\n                    </div>\n\n                    <h2 class=\"\">News &amp; Promotions</h2>\n                    <div class=\"newsAndPromotions\">\n                      ${this.promotions.map(\n                        item => html` <a\n                          href=${`${this.kbLinkBaseUrl}${item.uid}`}\n                          data-testid=\"lp-newsPromotionsItem\"\n                          ><ix-info-card type=\"info-card\">\n                            <img\n                              slot=\"image\"\n                              name=\"image\"\n                              alt=\"${item.thumbnail.alternativeText}\"\n                              src=\"${`${this.kbImgBaseUrl}${encodeURIComponent(\n                                item.thumbnail.url\n                              )}&w=3840&q=75`}\"\n                            />\n                            <div slot=\"title\">${item.title}</div>\n                            <div slot=\"description\">${item.abstract}</div>\n                            <ix-button\n                              slot=\"cta\"\n                              type=\"button\"\n                              has-icon\n                              trailing-icon\n                              appearance=\"text\"\n                            >\n                              <ix-icon slot=\"icon\">chevron_right</ix-icon>\n                              Learn more\n                            </ix-button>\n                          </ix-info-card></a\n                        >`\n                      )}\n                    </div>\n                  </div>`\n                : nothing}\n              ${this.contacts?.email\n                ? html`<ix-contacts\n                    .contacts=${this.contacts}\n                    data-testid=\"lp-contacts\"\n                  ></ix-contacts>`\n                : nothing}\n            </div>\n            <nav>\n              <div\n                class=\"side-nav\"\n                style=\"top:calc(var(--header-height) + var(--intraportal-nav-height, 0px));\"\n              >\n                ${this.renderNavigation()}\n              </div>\n            </nav>\n          </div>\n        </section>\n      </main>\n    `;\n  }\n}\n"]}

package/dist/styles/launchpad-styles.d.ts

@@ -1 +0,0 @@
-export declare const IxLaunchpadStyles: import("lit").CSSResult;

package/dist/styles/launchpad-styles.js

@@ -1,229 +0,0 @@
-import { css } from 'lit';
-export const IxLaunchpadStyles = css `
-  .wrapper {
-    margin-left: 0px;
-    transition: margin-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
-    display: flex;
-    flex-direction: column;
-  }
-  header {
-    min-height: 60px;
-    background-color: rgba(245, 247, 255, 0.85);
-    backdrop-filter: blur(6px);
-    display: flex;
-    flex-flow: column-reverse wrap;
-    -webkit-box-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    align-items: center;
-    gap: 20px;
-    padding: 16px 24px 16px 7px;
-    position: sticky;
-    top: 0px;
-    right: 0px;
-    z-index: 1000;
-  }
-  header > div {
-    margin-right: auto;
-    display: flex;
-    -webkit-box-pack: start;
-    justify-content: start;
-    -webkit-box-align: center;
-    align-items: center;
-  }
-  header > div > h1 {
-    display: block;
-    margin-block-start: 0.67em;
-    margin-block-end: 0.67em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    font-weight: bold;
-    font-family: var(--text-page-title-font, sans-serif);
-    font-size: var(--text-page-title-size, 2.125rem);
-    letter-spacing: var(--text-page-title-letter-spacing, 0.01029412em);
-    line-height: var(--text-page-title-line-height, 1.17647059em);
-    font-weight: var(--text-page-title-weight, bold);
-    text-decoration: var(--text-page-title-decoration, none);
-    text-transform: var(--text-page-title-transform, none);
-  }
-  h2 {
-    margin: 0px;
-    font-family: var(--text-heading-font, sans-serif);
-    font-size: 24px;
-    letter-spacing: var(--text-heading-letter-spacing, 0.0075em);
-    line-height: var(--text-heading-line-height, 1.2em);
-    font-weight: normal;
-    text-decoration: var(--text-heading-decoration, none);
-    text-transform: var(--text-heading-transform, none);
-    margin-bottom: 24px;
-  }
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-  }
-  nav {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-  }
-  section {
-    flex: 1 1 0%;
-    padding-right: 0px;
-    padding-left: 0px;
-    padding-bottom: 64px;
-  }
-  .container {
-    display: flex;
-    flex-direction: column;
-    padding-top: 0px;
-    padding-left: 16px;
-    padding-right: 16px;
-    gap: 32px;
-  }
-
-  .resources {
-    margin-bottom: 44px;
-    cursor: pointer;
-  }
-
-  .resources ix-button {
-    pointer-events: none;
-  }
-
-  .news-info .newsAndPromotions,
-  .news-info .resources {
-    display: flex;
-    gap: 44px;
-    flex-wrap: wrap;
-  }
-
-  .news-info a {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  .news-item-description {
-    margin: 10px 0 0;
-    font-family: var(--root-primary-font);
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 28px;
-    letter-spacing: 0.44px;
-    position: relative;
-    color: white;
-  }
-
-  ix-info-card {
-    width: 348px;
-  }
-
-  #videoPlayer.headline {
-    justify-content: space-between;
-  }
-
-  video {
-    max-width: 100%;
-    height: calc(100vh - 10rem);
-  }
-
-  @media (min-width: 800px) and (max-width: 1349px) {
-    nav {
-      display: flex;
-      align-items: flex-start;
-      gap: 32px;
-    }
-    nav > * {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-    }
-  }
-
-  @media (min-width: 600px) {
-    header {
-      min-height: 100px;
-      flex-direction: row;
-      -webkit-box-align: center;
-      align-items: center;
-      gap: 21px;
-    }
-    .container {
-      padding: 0px;
-    }
-  }
-  @media (min-width: 900px) {
-    .content {
-      gap: 32px;
-    }
-    main {
-      margin-left: 0px;
-      margin-bottom: 0px;
-    }
-    header {
-      padding-top: 12px;
-      min-height: 92px;
-      padding-bottom: 8px;
-    }
-    section {
-      padding-right: 32px;
-      padding-bottom: 48px;
-    }
-  }
-  @media (min-width: 1200px) {
-    header {
-      min-height: 100px;
-      padding-bottom: 16px;
-      padding-top: 27px;
-    }
-    .container {
-      /* background-image: url(/images/buildings-placeholder.png); */
-      background-repeat: no-repeat;
-      background-position: right bottom;
-    }
-    section {
-      padding-right: 0px;
-      padding-bottom: 0px;
-    }
-    .content {
-      gap: 44px;
-    }
-  }
-
-  @media (min-width: 1350px) {
-    .side-nav {
-      position: sticky;
-      top: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 2rem;
-    }
-    .container {
-      display: grid;
-      grid-template-columns: minmax(760px, 1176px) minmax(310px, 584px);
-    }
-    .container .content > nav {
-      display: none;
-    }
-  }
-
-  @media (max-width: 1349px) {
-    .container > nav {
-      display: none;
-    }
-  }
-
-  .knowledge-base {
-    border: none;
-    height: 1700px;
-    margin: -2rem;
-  }
-
-  @media (max-width: 600px) {
-    .news-info {
-      display: none;
-    }
-  }
-`;
-//# sourceMappingURL=launchpad-styles.js.map

package/dist/styles/launchpad-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"launchpad-styles.js","sourceRoot":"","sources":["../../src/styles/launchpad-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkOnC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxLaunchpadStyles = css`\n  .wrapper {\n    margin-left: 0px;\n    transition: margin-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;\n    display: flex;\n    flex-direction: column;\n  }\n  header {\n    min-height: 60px;\n    background-color: rgba(245, 247, 255, 0.85);\n    backdrop-filter: blur(6px);\n    display: flex;\n    flex-flow: column-reverse wrap;\n    -webkit-box-pack: center;\n    justify-content: center;\n    -webkit-box-align: center;\n    align-items: center;\n    gap: 20px;\n    padding: 16px 24px 16px 7px;\n    position: sticky;\n    top: 0px;\n    right: 0px;\n    z-index: 1000;\n  }\n  header > div {\n    margin-right: auto;\n    display: flex;\n    -webkit-box-pack: start;\n    justify-content: start;\n    -webkit-box-align: center;\n    align-items: center;\n  }\n  header > div > h1 {\n    display: block;\n    margin-block-start: 0.67em;\n    margin-block-end: 0.67em;\n    margin-inline-start: 0px;\n    margin-inline-end: 0px;\n    font-weight: bold;\n    font-family: var(--text-page-title-font, sans-serif);\n    font-size: var(--text-page-title-size, 2.125rem);\n    letter-spacing: var(--text-page-title-letter-spacing, 0.01029412em);\n    line-height: var(--text-page-title-line-height, 1.17647059em);\n    font-weight: var(--text-page-title-weight, bold);\n    text-decoration: var(--text-page-title-decoration, none);\n    text-transform: var(--text-page-title-transform, none);\n  }\n  h2 {\n    margin: 0px;\n    font-family: var(--text-heading-font, sans-serif);\n    font-size: 24px;\n    letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n    line-height: var(--text-heading-line-height, 1.2em);\n    font-weight: normal;\n    text-decoration: var(--text-heading-decoration, none);\n    text-transform: var(--text-heading-transform, none);\n    margin-bottom: 24px;\n  }\n  .content {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  nav {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  section {\n    flex: 1 1 0%;\n    padding-right: 0px;\n    padding-left: 0px;\n    padding-bottom: 64px;\n  }\n  .container {\n    display: flex;\n    flex-direction: column;\n    padding-top: 0px;\n    padding-left: 16px;\n    padding-right: 16px;\n    gap: 32px;\n  }\n\n  .resources {\n    margin-bottom: 44px;\n    cursor: pointer;\n  }\n\n  .resources ix-button {\n    pointer-events: none;\n  }\n\n  .news-info .newsAndPromotions,\n  .news-info .resources {\n    display: flex;\n    gap: 44px;\n    flex-wrap: wrap;\n  }\n\n  .news-info a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .news-item-description {\n    margin: 10px 0 0;\n    font-family: var(--root-primary-font);\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: 0.44px;\n    position: relative;\n    color: white;\n  }\n\n  ix-info-card {\n    width: 348px;\n  }\n\n  #videoPlayer.headline {\n    justify-content: space-between;\n  }\n\n  video {\n    max-width: 100%;\n    height: calc(100vh - 10rem);\n  }\n\n  @media (min-width: 800px) and (max-width: 1349px) {\n    nav {\n      display: flex;\n      align-items: flex-start;\n      gap: 32px;\n    }\n    nav > * {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  @media (min-width: 600px) {\n    header {\n      min-height: 100px;\n      flex-direction: row;\n      -webkit-box-align: center;\n      align-items: center;\n      gap: 21px;\n    }\n    .container {\n      padding: 0px;\n    }\n  }\n  @media (min-width: 900px) {\n    .content {\n      gap: 32px;\n    }\n    main {\n      margin-left: 0px;\n      margin-bottom: 0px;\n    }\n    header {\n      padding-top: 12px;\n      min-height: 92px;\n      padding-bottom: 8px;\n    }\n    section {\n      padding-right: 32px;\n      padding-bottom: 48px;\n    }\n  }\n  @media (min-width: 1200px) {\n    header {\n      min-height: 100px;\n      padding-bottom: 16px;\n      padding-top: 27px;\n    }\n    .container {\n      /* background-image: url(/images/buildings-placeholder.png); */\n      background-repeat: no-repeat;\n      background-position: right bottom;\n    }\n    section {\n      padding-right: 0px;\n      padding-bottom: 0px;\n    }\n    .content {\n      gap: 44px;\n    }\n  }\n\n  @media (min-width: 1350px) {\n    .side-nav {\n      position: sticky;\n      top: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n    }\n    .container {\n      display: grid;\n      grid-template-columns: minmax(760px, 1176px) minmax(310px, 584px);\n    }\n    .container .content > nav {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1349px) {\n    .container > nav {\n      display: none;\n    }\n  }\n\n  .knowledge-base {\n    border: none;\n    height: 1700px;\n    margin: -2rem;\n  }\n\n  @media (max-width: 600px) {\n    .news-info {\n      display: none;\n    }\n  }\n`;\n"]}