var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
import { h, r as registerInstance, H as Host } from './index-655b2980.js';
import './_commonjsHelpers-97e6d7b1.js';
import { H as Heading, C as Card, f as Col, G as Grid, d as Breakpoint, b as PrismicResponsiveImage, P as PrismicRichText, g as Paragraph, i as ThemeProvider, e as CardContent, R as ResponsiveContainer } from './PrismicResponsiveImage-137fba69.js';
import { B as Button } from './Button-d341fe45.js';
import { P as Prismic, a as PrismicDOM } from './prismic-dom.min-ff7d39f5.js';
var ResourceType;
(function (ResourceType) {
    ResourceType["Article"] = "Article";
    ResourceType["Blog"] = "Blog";
    ResourceType["Book"] = "Book";
    ResourceType["CaseStudy"] = "Case Study";
    ResourceType["CustomerInterview"] = "Customer Interview";
    ResourceType["Course"] = "Course";
    ResourceType["Learning"] = "Learning";
    ResourceType["Doc"] = "Doc";
    ResourceType["Guide"] = "Guide";
    ResourceType["Podcast"] = "Podcast";
    ResourceType["Tutorial"] = "Tutorial";
    ResourceType["Video"] = "Video";
    ResourceType["Whitepaper"] = "Whitepaper";
    ResourceType["Webinar"] = "Webinar";
})(ResourceType || (ResourceType = {}));
var ResourceSource;
(function (ResourceSource) {
    ResourceSource["Prismic"] = "prismic";
})(ResourceSource || (ResourceSource = {}));
var Client = function (endpoint, req) {
    if (req === void 0) { req = null; }
    return Prismic.client(endpoint, createClientOptions(req, null));
};
var createClientOptions = function (req, prismicAccessToken) {
    if (req === void 0) { req = null; }
    if (prismicAccessToken === void 0) { prismicAccessToken = null; }
    var reqOption = req ? { req: req } : {};
    var accessTokenOption = prismicAccessToken ? { accessToken: prismicAccessToken } : {};
    return Object.assign(Object.assign({}, reqOption), accessTokenOption);
};
var prismicDocToResource = function (doc) {
    return {
        id: doc.uid,
        title: doc.data.title || null,
        description: doc.data.tagline || null,
        tags: doc.tags || [],
        publishDate: doc.first_publication_date || null,
        updatedDate: doc.last_publication_date || null,
        type: prismicTypeToResourceType(doc.type),
        authors: getAuthorsForPrismicDoc(doc),
        metaImage: getImage(doc.data.meta_image),
        heroImage: getImage(doc.data.hero_image || doc.data.cover_image),
        source: ResourceSource.Prismic,
        doc: doc,
    };
};
var getImage = function (imageObj) { return (imageObj && imageObj.url ? imageObj.url : ''); };
var getAuthorsForPrismicDoc = function (doc) {
    var _a, _b;
    if (!doc.data.hosts && !doc.data.author) {
        return [];
    }
    if (doc.type === 'webinar') {
        return doc.data.hosts.map(function (h) {
            var _a, _b;
            return ({
                name: h.name || '',
                title: h.title || '',
                link: ((_a = h.profile_link) === null || _a === void 0 ? void 0 : _a.url) || '',
                avatar: ((_b = h.photo) === null || _b === void 0 ? void 0 : _b.url) || '',
            });
        });
    }
    else if (doc.data.author && doc.data.author.length) {
        return doc.data.author.map(function (a) {
            var _a, _b;
            return ({
                name: a.name || '',
                title: a.title || '',
                link: ((_a = a.author_url) === null || _a === void 0 ? void 0 : _a.url) || '',
                avatar: ((_b = a.photo) === null || _b === void 0 ? void 0 : _b.url) || '',
            });
        });
    }
    else if (doc.data.author) {
        return [
            {
                name: doc.data.author.name || '',
                title: doc.data.author.title || '',
                link: ((_a = doc.data.author.author_url) === null || _a === void 0 ? void 0 : _a.url) || '',
                avatar: ((_b = doc.data.author.photo) === null || _b === void 0 ? void 0 : _b.url) || '',
            },
        ];
    }
    return [];
};
var prismicTypeToResourceType = function (type) { return ({
    article: ResourceType.Article,
    book: ResourceType.Book,
    blog: ResourceType.Blog,
    case_study: ResourceType.CaseStudy,
    course: ResourceType.Course,
    customer_story: ResourceType.CustomerInterview,
    learning: ResourceType.Learning,
    doc: ResourceType.Doc,
    guide: ResourceType.Guide,
    podcast: ResourceType.Podcast,
    tutorial: ResourceType.Tutorial,
    video: ResourceType.Video,
    webinar: ResourceType.Webinar,
    whitepaper: ResourceType.Whitepaper,
}[type]); };
function linkResolver(doc) {
    // Define the url depending on the document type
    if (doc.type === 'article') {
        return '/resources/articles/' + doc.uid;
    }
    else if (doc.type === 'case_study') {
        return '/resources/case-studies/' + doc.uid;
    }
    else if (doc.type === 'customer_story') {
        return '/resources/customer-interviews/' + doc.uid;
    }
    else if (doc.type === 'enterprise_blog_post') {
        return '/enterprise/blog/' + doc.uid;
    }
    else if (doc.type === 'integration') {
        return '/integrations/' + doc.uid;
    }
    else if (doc.type === 'podcast') {
        return '/resources/podcasts/' + doc.uid;
    }
    else if (doc.type === 'thank_you') {
        return '/thank-you/' + doc.uid;
    }
    else if (doc.type === 'video') {
        return '/resources/videos/' + doc.uid;
    }
    else if (doc.type === 'webinar') {
        return '/resources/webinars/' + doc.uid;
    }
    else if (doc.type === 'whitepaper') {
        return '/resources/whitepapers/' + doc.uid;
    }
    // Default to homepage
    return '/';
}
var resourceTypeToPath = function (type) {
    var _c;
    return ((_c = {},
        _c[ResourceType.Article] = 'articles',
        _c[ResourceType.Blog] = 'blogs',
        _c[ResourceType.Book] = 'blogs',
        _c[ResourceType.CaseStudy] = 'case-studies',
        _c[ResourceType.Course] = 'courses',
        _c[ResourceType.CustomerInterview] = 'customer-interviews',
        _c[ResourceType.Doc] = 'docs',
        _c[ResourceType.Learning] = 'learning',
        _c[ResourceType.Guide] = 'guides',
        _c[ResourceType.Podcast] = 'podcasts',
        _c[ResourceType.Tutorial] = 'tutorials',
        _c[ResourceType.Video] = 'videos',
        _c[ResourceType.Webinar] = 'webinars',
        _c[ResourceType.Whitepaper] = 'whitepapers',
        _c)[type]);
};
var ResourceAuthorItem = function (_c) {
    var author = _c.author, byline = _c.byline, _d = _c.singleLine, singleLine = _d === void 0 ? false : _d, className = _c.className, key = _c.key;
    return author ? (h("a", { href: author.link, target: "_blank", rel: "noopener", key: key, class: "\n        " + (byline ? "resource-author-item--byline" : '') + "\n        " + (singleLine ? "resource-author-item--single-line" : '') + "\n        " + (className ? className : '') + "\n        resource-author-item\n      ", "aria-label": "Author information - " + author.name }, h("div", { class: "resource-author" }, h("img", { loading: 'lazy', class: "author-avatar", src: author.avatar, alt: author.name }), h("div", { class: "author-info" }, h("div", { class: "author-name" }, author.name), author.title ? h("div", { class: "author-title" }, author.title) : null)))) : null;
};
var IONICFRAMEWORK_URL = 'https://ionicframework.com';
var getResourcesUrl = function () { return "/resources/"; };
/**
 * Get the path for the given resource type. For example ResourceType.Articles
 * will be at /articles
 * @param type
 */
var getResourceTypeUrl = function (type) {
    var pathType = resourceTypeToPath(type);
    return "" + IONICFRAMEWORK_URL + getResourcesUrl() + pathType;
};
/**
 * Get the full path to the given resource
 * @param record
 */
var getResourceUrl = function (resource) {
    var pr = resource;
    // If the resource has an external content url, use that
    if (pr.doc.data.content_url && pr.doc.data.content_url.url) {
        return PrismicDOM.Link.url(pr.doc.data.content_url, linkResolver);
        //return pr.doc.data.content_url;
    }
    switch (resource.type) {
        case ResourceType.Article:
        case ResourceType.Webinar:
        case ResourceType.CaseStudy:
        case ResourceType.CustomerInterview:
        case ResourceType.Whitepaper:
            return getResourceTypeUrl(resource.type) + "/" + resource.id;
        case ResourceType.Video:
            return getVideoUrl(resource);
        default:
            return getResourceTypeUrl(resource.type) + "/" + resource.id;
    }
};
var getVideoUrl = function (resource) {
    var pr = resource;
    if (pr.doc.data.wistia_id) {
        return "https://ionicpro.wistia.com/medias/" + pr.doc.data.wistia_id;
    }
    else if (pr.doc.data.youtube_id) {
        return "https://www.youtube.com/watch?v=" + pr.doc.data.youtube_id;
    }
    return '';
};
var ResourceMeta = function (_c) {
    var resource = _c.resource;
    var _a;
    return (h("div", { class: "resource-meta" }, h("div", { class: "type" }, resource.type), h("div", { class: "tags" }, (_a = resource.tags) === null || _a === void 0 ? void 0 : _a.map(function (t, i) { return [h("span", null, t), i < resource.tags.length - 1 ? h(Sep, null) : null]; }))));
};
var Sep = function () { return h("span", { class: "sep" }); };
var ResourceCard = function (props) {
    if (props.hero) {
        return h(StandardResourceCard, Object.assign({}, props));
    }
    switch (props.resource.type) {
        case ResourceType.Whitepaper:
            return h(WhitepaperResourceCard, Object.assign({}, props));
        default:
            return h(StandardResourceCard, Object.assign({}, props));
    }
};
var StandardResourceCard = function (_c) {
    var resource = _c.resource, _d = _c.headingLevel, headingLevel = _d === void 0 ? 3 : _d, _e = _c.showAuthor, showAuthor = _e === void 0 ? true : _e, _f = _c.showImage, showImage = _f === void 0 ? true : _f, _g = _c.showDescription, showDescription = _g === void 0 ? true : _g, _h = _c.metaTop, metaTop = _h === void 0 ? false : _h, key = _c.key;
    return (h(Card, { embelish: false, class: "resource-card" + (metaTop ? " resource-card--meta-top" : ''), key: key }, metaTop && h(ResourceMeta, { resource: resource }), showImage && (h("a", { href: getResourceUrl(resource), class: "resource-card__image" }, h(HeroImage, { resource: resource }))), !metaTop && h(ResourceMeta, { resource: resource }), h("div", { class: "resource-card__content" }, h("a", { href: getResourceUrl(resource) }, h(Heading, { level: headingLevel }, resource.title)), showDescription && h("p", null, resource.description)), showAuthor && h(ResourceAuthorItem, { author: resource.authors[0] })));
};
var WhitepaperResourceCard = function (props) {
    var r = props.resource;
    return (h(Card, { embelish: false, class: "resource-card resource-card--ad", key: props.key }, h("a", { href: getResourceUrl(props.resource) }, h(Heading, { level: 3 }, r.doc.data.ad || r.title), h(HeroImage, { resource: props.resource }))));
};
var HeroImage = function (_c) {
    var resource = _c.resource;
    return (h("img", { loading: 'lazy', class: "resource-card__featured-image", src: resource.heroImage, alt: resource.title }));
};
var moreResourcesCss = ".sc-more-resources-h{display:block}.resource-meta.sc-more-resources{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;letter-spacing:var(--letter-spacing-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-meta.sc-more-resources .type.sc-more-resources{font-weight:500;font-size:10px;color:var(--c-carbon-900);text-transform:uppercase;margin-right:24px}@media (max-width: 768px){.resource-meta.sc-more-resources .type.sc-more-resources{margin-right:0}}.resource-meta.sc-more-resources .tags.sc-more-resources{color:var(--c-indigo-600);font-size:10px;text-transform:uppercase}.resource-meta.sc-more-resources .tags.sc-more-resources span.sc-more-resources{display:inline-block}.resource-meta.sc-more-resources .tags.sc-more-resources .sep.sc-more-resources{display:inline-block;height:11px;width:1px;margin:0 6px -2px;background:var(--c-indigo-300)}@media (max-width: 768px){.resource-meta.sc-more-resources{-ms-flex-direction:column;flex-direction:column;gap:8px}}.resource-card.sc-more-resources{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.resource-card.sc-more-resources a.sc-more-resources{color:var(--c-carbon-900)}.resource-card.sc-more-resources h1.sc-more-resources,.resource-card.sc-more-resources h2.sc-more-resources,.resource-card.sc-more-resources h3.sc-more-resources,.resource-card.sc-more-resources h4.sc-more-resources,.resource-card.sc-more-resources h5.sc-more-resources{margin-top:0}.resource-card.sc-more-resources p.sc-more-resources{color:var(--c-indigo-900);font-size:16px;line-height:160%}.resource-card.sc-more-resources .resource-meta.sc-more-resources{margin-bottom:12px}.resource-card__content.sc-more-resources{-ms-flex:1;flex:1}.resource-card--meta-top.sc-more-resources .resource-meta.sc-more-resources{margin-bottom:24px}.resource-card__image.sc-more-resources{display:block;overflow:hidden;margin-bottom:24px;line-height:0}.resource-card__featured-image.sc-more-resources{max-width:100%;-webkit-transition:200ms -webkit-transform cubic-bezier(0.32, 0.72, 0, 1);transition:200ms -webkit-transform cubic-bezier(0.32, 0.72, 0, 1);transition:200ms transform cubic-bezier(0.32, 0.72, 0, 1);transition:200ms transform cubic-bezier(0.32, 0.72, 0, 1), 200ms -webkit-transform cubic-bezier(0.32, 0.72, 0, 1)}.resource-card__featured-image.sc-more-resources:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.resource-card--ad.sc-more-resources{background:var(--c-indigo-200);padding:30px}.resource-author-item.sc-more-resources .resource-author.sc-more-resources{display:grid;grid-template-columns:32px 1fr;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.resource-author-item.sc-more-resources .author-info.sc-more-resources{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.resource-author-item.sc-more-resources .author-avatar.sc-more-resources{max-height:32px;border-radius:100%}.resource-author-item.sc-more-resources .author-name.sc-more-resources{font-size:14px;color:var(--c-carbon-900)}.resource-author-item.sc-more-resources .author-title.sc-more-resources{font-size:12px;color:var(--c-indigo-600)}.resource-author-item--single-line.sc-more-resources .author-info.sc-more-resources{display:block;line-height:32px}.resource-author-item--single-line.sc-more-resources .author-info.sc-more-resources .author-name.sc-more-resources{display:inline-block;vertical-align:middle;font-size:16px;color:var(--c-indigo-700)}.resource-author-item--single-line.sc-more-resources .author-info.sc-more-resources .author-name.sc-more-resources:after{content:\", \"}.resource-author-item--single-line.sc-more-resources .author-info.sc-more-resources .author-title.sc-more-resources{display:inline-block;vertical-align:middle;font-size:16px;margin-left:2px;color:var(--c-indigo-700)}";
var MoreResources = /** @class */ (function () {
    function class_1(hostRef) {
        registerInstance(this, hostRef);
        this.showAuthor = false;
        this.showDescription = true;
        this.prismicEndpoint = 'https://ionicframeworkcom.cdn.prismic.io/api/v2';
    }
    class_1.prototype.componentWillLoad = function () {
        return __awaiter(this, void 0, void 0, function () {
            var client, requests, _c, e_1;
            return __generator(this, function (_d) {
                switch (_d.label) {
                    case 0:
                        client = Client(this.prismicEndpoint);
                        requests = this.resources.map(function (r) { return client.getByUID(r.type, r.uid, null); });
                        _d.label = 1;
                    case 1:
                        _d.trys.push([1, 4, , 5]);
                        _c = this;
                        return [4 /*yield*/, Promise.all(requests)];
                    case 2: return [4 /*yield*/, (_d.sent()).map(function (d) { return prismicDocToResource(d); })];
                    case 3:
                        _c.docs = _d.sent();
                        return [3 /*break*/, 5];
                    case 4:
                        e_1 = _d.sent();
                        console.error('Unable to load more resources', e_1);
                        return [3 /*break*/, 5];
                    case 5: return [2 /*return*/];
                }
            });
        });
    };
    class_1.prototype.render = function () {
        var _c = this, showAuthor = _c.showAuthor, showDescription = _c.showDescription;
        return (h(Host, null, h(Grid, null, this.docs.map(function (d) { return (h(Col, { md: 4, sm: 4, xs: 12, cols: 12, key: d.id }, h(ResourceCard, { resource: d, showDescription: showDescription, showAuthor: showAuthor }))); }))));
    };
    return class_1;
}());
MoreResources.style = moreResourcesCss;
var demoCss = "@charset \"UTF-8\";@font-face{font-family:\"Eina\";font-display:swap;src:local(\"Eina Bold\"), url(\"/assets/fonts/eina/eina-01-bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/eina/eina-01-bold.woff\") format(\"woff\"), url(\"/assets/fonts/eina/eina-01-bold.ttf\") format(\"ttf\"), url(\"/assets/fonts/eina/eina-01-bold.eot?#iefix\") format(\"eot\");font-weight:700;unicode-range:U+000-5FF}@font-face{font-family:\"Eina\";font-display:swap;src:local(\"Eina Semibold\"), url(\"/assets/fonts/eina/eina-01-semibold.woff2\") format(\"woff2\"), url(\"/assets/fonts/eina/eina-01-semibold.woff\") format(\"woff\"), url(\"/assets/fonts/eina/eina-01-semibold.ttf\") format(\"ttf\"), url(\"/assets/fonts/eina/eina-01-semibold.eot?#iefix\") format(\"eot\");font-weight:600;unicode-range:U+000-5FF}@font-face{font-family:\"Eina\";font-display:swap;src:local(\"Eina Regular\"), url(\"/assets/fonts/eina/eina-01-regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/eina/eina-01-regular.woff\") format(\"woff\"), url(\"/assets/fonts/eina/eina-01-regular.ttf\") format(\"ttf\"), url(\"/assets/fonts/eina/eina-01-regular.eot?#iefix\") format(\"eot\");font-weight:400;unicode-range:U+000-5FF}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:400;unicode-range:U+000-5FF;src:local(\"Inter Regular\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-Regular.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:400;unicode-range:U+000-5FF;src:local(\"Inter Italic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-Italic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-Italic.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:500;unicode-range:U+000-5FF;src:local(\"Inter Medium\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:500;unicode-range:U+000-5FF;src:local(\"Inter Medium Italic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-MediumItalic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-MediumItalic.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:600;unicode-range:U+000-5FF;src:local(\"Inter SemiBold\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-SemiBold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:600;unicode-range:U+000-5FF;src:local(\"Inter SemiBoldItalic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-SemiBoldItalic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-SemiBoldItalic.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:700;unicode-range:U+000-5FF;src:local(\"Inter Bold\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:700;unicode-range:U+000-5FF;src:local(\"Inter BoldItalic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-BoldItalic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-BoldItalic.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:800;unicode-range:U+000-5FF;src:local(\"Inter ExtraBold\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-ExtraBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-ExtraBold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:800;unicode-range:U+000-5FF;src:local(\"Inter ExtraBoldItalic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-ExtraBoldItalic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-ExtraBoldItalic.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:normal;font-weight:900;unicode-range:U+000-5FF;src:local(\"Inter Black\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-Black.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-Black.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-display:swap;font-style:italic;font-weight:900;unicode-range:U+000-5FF;src:local(\"Inter BlackItalic\"), url(\"/assets/fonts/inter/Inter-variable-ASCII-subset.woff2\") format(\"woff2-variations\"), url(\"/assets/fonts/inter/Inter-BlackItalic.woff2\") format(\"woff2\"), url(\"/assets/fonts/inter/Inter-BlackItalic.woff\") format(\"woff\")}@font-face{font-family:\"FreightTextPro\";font-display:swap;font-weight:400;unicode-range:U+000-5FF;src:url(\"/assets/fonts//29D26A_0_0.eot\");src:url(\"/assets/fonts//29D26A_0_0.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts//29D26A_0_0.woff\") format(\"woff\"), url(\"/assets/fonts/29D26A_0_0.ttf\") format(\"truetype\")}@font-face{font-family:\"FreightTextPro\";font-display:swap;font-weight:500;unicode-range:U+000-5FF;src:url(\"/assets/fonts/29D26A_1_0.eot\");src:url(\"/assets/fonts/29D26A_1_0.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts/29D26A_1_0.woff\") format(\"woff\"), url(\"/assets/fonts/29D26A_1_0.ttf\") format(\"truetype\")}:root{--f-family-display:Eina, \"Helvetica Neue\", Helvetica, sans-serif;--f-family-text:Inter, \"Inter UI\", Helvetica, Arial, sans-serif;--f-family-system:apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--f-family-monospace:\"SF Mono\", \"Roboto Mono\", Menlo, monospace;--f-family-serif:\"Adobe Caslon\", Georgia, Times, \"Times New Roman\", serif;--f-weight-light:300;--f-weight-regular:400;--f-weight-medium:500;--f-weight-semibold:600;--f-weight-bold:700;--f-size-0:0.625rem;--f-size-1:0.6875rem;--f-size-2:0.75rem;--f-size-3:0.8125rem;--f-size-4:0.875rem;--f-size-5:1rem;--f-size-6:1.25rem;--f-size-7:1.5rem;--f-size-8:2rem;--f-size-9:2.5rem;--f-size-10:3rem;--f-size-11:3.5rem;--f-size-12:4rem;--f-size-13:4.5rem;--f-size-14:5rem;--f-size-15:5.5rem;--f-size-16:6rem;--f-leading-solid:1;--f-leading-title:1.12;--f-leading-body:1.6;--f-leading-prose:1.8;--f-tracking-dense:-0.04em;--f-tracking-tight:-0.02em;--f-tracking-solid:0em;--f-tracking-wide:0.04em;--f-tracking-super:0.08em;--f-tracking-extra:0.16em;--space-0:0.25rem;--space-1:0.5rem;--space-2:0.75rem;--space-3:1rem;--space-4:1.25rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-11:6rem;--space-12:8rem;--space-13:10rem;--space-14:12rem;--space-15:14rem;--space-16:16rem;--breakpoint-0:640px;--breakpoint-1:768px;--breakpoint-2:1024px;--breakpoint-3:1280px;--radius-0:0px;--radius-1:6px;--radius-2:8px;--radius-3:16px;--radius-4:100%;--border-regular:1px solid;--border-dashed:1px dashed;--border-heavy:2px solid;--elevation-0:none;--elevation-1:0px 1px 2px rgba(2, 8, 20, 0.1), 0px 0px 1px rgba(2, 8, 20, 0.08);--elevation-2:0px 2px 4px rgba(2, 8, 20, 0.1), 0px 1px 2px rgba(2, 8, 20, 0.08);--elevation-3:0px 4px 8px rgba(2, 8, 20, 0.08), 0px 2px 4px rgba(2, 8, 20, 0.08);--elevation-4:0px 8px 16px rgba(2, 8, 20, 0.08), 0px 4px 8px rgba(2, 8, 20, 0.08);--elevation-5:0px 16px 32px rgba(2, 8, 20, 0.08), 0px 8px 16px rgba(2, 8, 20, 0.08);--elevation-6:0px 32px 64px rgba(2, 8, 20, 0.08), 0px 16px 32px rgba(2, 8, 20, 0.1);--duration-instantly:0s;--duration-quickly:0.15s;--c-black:#000000;--c-white:#ffffff;--c-blue-0:#f0f6ff;--c-blue-10:#e3edff;--c-blue-20:#cddfff;--c-blue-30:#b2ceff;--c-blue-40:#97bdff;--c-blue-50:#7cabff;--c-blue-60:#639bff;--c-blue-70:#4d8dff;--c-blue-80:#3880ff;--c-blue-90:#1b6dff;--c-blue-100:#0054e9;--c-gray-0:#f3f3f3;--c-gray-10:#e4e4e4;--c-gray-20:#c8c8c8;--c-gray-30:#aeaeae;--c-gray-40:#959595;--c-gray-50:#818181;--c-gray-60:#6d6d6d;--c-gray-70:#5f5f5f;--c-gray-80:#474747;--c-gray-90:#2f2f2f;--c-gray-100:#141414;--c-carbon-0:#eef1f3;--c-carbon-10:#d7dde2;--c-carbon-20:#b4bcc6;--c-carbon-30:#98a2ad;--c-carbon-40:#7d8894;--c-carbon-50:#677483;--c-carbon-60:#556170;--c-carbon-70:#434f5e;--c-carbon-80:#35404e;--c-carbon-90:#222d3a;--c-carbon-100:#03060b;--c-indigo-0:#fbfbfd;--c-indigo-10:#f6f8fb;--c-indigo-20:#e9edf3;--c-indigo-30:#dee3ea;--c-indigo-40:#ced6e0;--c-indigo-50:#b2becd;--c-indigo-60:#92a0b3;--c-indigo-70:#73849a;--c-indigo-80:#445b78;--c-indigo-90:#2d4665;--c-indigo-100:#001a3a;--c-green-0:#effff3;--c-green-10:#e7ffee;--c-green-20:#d0ffdd;--c-green-30:#b8ffcb;--c-green-40:#97ffb3;--c-green-50:#71f895;--c-green-60:#4ef27a;--c-green-70:#31e962;--c-green-80:#18dd4c;--c-green-90:#00d338;--c-green-100:#00b831;--c-lime-0:#f8fff0;--c-lime-10:#f2ffe1;--c-lime-20:#eeffd8;--c-lime-30:#e5ffc3;--c-lime-40:#d8ffa7;--c-lime-50:#c8ff83;--c-lime-60:#b7f964;--c-lime-70:#a7f544;--c-lime-80:#97ec2d;--c-lime-90:#87e017;--c-lime-100:#75d100;--c-lavender-0:#f6f8ff;--c-lavender-10:#e5ebff;--c-lavender-20:#ced9ff;--c-lavender-30:#b6c6ff;--c-lavender-40:#9fb5ff;--c-lavender-50:#8aa4ff;--c-lavender-60:#7493ff;--c-lavender-70:#597eff;--c-lavender-80:#3c67ff;--c-lavender-90:#194bfd;--c-lavender-100:#0033e8;--c-purple-0:#f4f4ff;--c-purple-10:#e9eaff;--c-purple-20:#d0d2ff;--c-purple-30:#b6b9f9;--c-purple-40:#9a99fc;--c-purple-50:#8482fb;--c-purple-60:#786df9;--c-purple-70:#6e5afd;--c-purple-80:#6030ff;--c-purple-90:#4712fb;--c-purple-100:#3400e5;--c-pink-0:#fff2fb;--c-pink-10:#ffe3f6;--c-pink-20:#ffd4f1;--c-pink-30:#ffc7ec;--c-pink-40:#ffb6e8;--c-pink-50:#ff9cdf;--c-pink-60:#fc82d5;--c-pink-70:#f567c8;--c-pink-80:#ef4cbb;--c-pink-90:#f02fb2;--c-pink-100:#e410a1;--c-red-0:#fff2f2;--c-red-10:#ffdddd;--c-red-20:#ffc8c7;--c-red-30:#ffb6b5;--c-red-40:#ff9e9c;--c-red-50:#ff8a88;--c-red-60:#ff7370;--c-red-70:#ff605b;--c-red-80:#ff4747;--c-red-90:#ff201a;--c-red-100:#e70700;--c-orange-0:#fff5f0;--c-orange-10:#ffede5;--c-orange-20:#ffdfd1;--c-orange-30:#ffd0bc;--c-orange-40:#ffc0a5;--c-orange-50:#ffaf8c;--c-orange-60:#ff9b70;--c-orange-70:#ff8753;--c-orange-80:#ff7336;--c-orange-90:#ff5b13;--c-orange-100:#eb4700;--c-yellow-0:#fffbef;--c-yellow-10:#fff8e3;--c-yellow-20:#fff6d8;--c-yellow-30:#fff3c9;--c-yellow-40:#ffedad;--c-yellow-50:#ffe78f;--c-yellow-60:#ffe072;--c-yellow-70:#ffd84d;--c-yellow-80:#ffd130;--c-yellow-90:#ffc805;--c-yellow-100:#f5bf00;--c-aqua-0:#f0fff9;--c-aqua-10:#e5fff6;--c-aqua-20:#d5ffef;--c-aqua-30:#c0ffe8;--c-aqua-40:#aaffe0;--c-aqua-50:#90fbd4;--c-aqua-60:#70f6c5;--c-aqua-70:#4deeb2;--c-aqua-80:#32e2a1;--c-aqua-90:#00db8a;--c-aqua-100:#00cc80;--c-teal-0:#eefeff;--c-teal-10:#dffdff;--c-teal-20:#d0fdff;--c-teal-30:#bbfcff;--c-teal-40:#a2fcff;--c-teal-50:#8bfbff;--c-teal-60:#73f6fb;--c-teal-70:#55ecf2;--c-teal-80:#35e2e9;--c-teal-90:#1bd2d9;--c-teal-100:#00b9c0;--c-cyan-0:#f3faff;--c-cyan-10:#e8f5ff;--c-cyan-20:#d3ecff;--c-cyan-30:#bfe4ff;--c-cyan-40:#a7daff;--c-cyan-50:#8dcfff;--c-cyan-60:#77c6ff;--c-cyan-70:#62bdff;--c-cyan-80:#46b1ff;--c-cyan-90:#24a3ff;--c-cyan-100:#0091fa}:root{--c-ionic-brand:var(--c-blue-80);--f-size-root:16px;--z-subnav:1000;--z-header-dropdown:1005}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{padding:0;margin:0;width:100%;height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--f-family-text);font-size:var(--f-size-root);line-height:var(--f-leading-body);letter-spacing:var(--f-tracking-tight);color:var(--c-carbon-90);position:relative;overflow-x:hidden}body.no-scroll{overflow:hidden}a{text-decoration:none;color:var(--c-ionic-brand)}stencil-route-link a{color:inherit}ul{margin:0;padding:0}li{list-style:none}hr{border:none;height:1px;background:var(--c-indigo-30);margin:var(--space-6) 0}.ui-blockquote{background:#f2f5f8;border-radius:4px;position:relative;padding:64px 80px 68px 111px;color:#5e749a;font-family:\"Adobe Caslon\", Georgia, Times, \"Times New Roman\", serif;font-style:italic;border:none;margin:77px -16px 54px}.ui-blockquote:before{position:absolute;top:-6px;left:54px;font-size:180px;content:\"“\";color:#e3e7ec}.ui-breadcrumbs{font-size:13px;line-height:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.ui-breadcrumbs li{display:inline-block}.ui-breadcrumbs li:first-child a{padding-left:0}.ui-breadcrumbs li:last-child a{color:var(--c-carbon-100);font-weight:500}.ui-breadcrumbs a{color:var(--c-carbon-50);font-size:13px;line-height:14px;padding:16px 2px;display:inline-block}.ui-breadcrumbs .nav-sep{display:inline-block;font-size:16px;font-weight:400;color:rgba(65, 77, 92, 0.2);margin:0 6px}.ui-breakpoint{display:none}@media (min-width: 1200px){.ui-breakpoint-lg{display:var(--display)}}@media (min-width: 992px) and (max-width: 1199px){.ui-breakpoint-md{display:var(--display)}}@media (min-width: 768px) and (max-width: 991px){.ui-breakpoint-sm{display:var(--display)}}@media (max-width: 767px){.ui-breakpoint-xs{display:var(--display)}}.ui-button{cursor:pointer;display:inline-block;font-weight:500;border-radius:8px;line-height:1.4em;padding:16px 20px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:16px;border:0px solid rgba(0, 0, 0, 0);color:#fff;background:var(--button-background, var(--c-ionic-brand));letter-spacing:0.01em}.ui-card--embelish{background-color:#fff;border-radius:6px;-webkit-box-shadow:var(--elevation-4);box-shadow:var(--elevation-4);border-radius:14px}.ui-card--embelish .ui-card-content{padding:32px}.ui-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.ui-container{width:750px}}@media (min-width: 992px){.ui-container{width:970px}}@media (min-width: 1104px){.ui-container{width:1054px}}.ui-grid{display:grid;-webkit-column-gap:56px;-moz-column-gap:56px;column-gap:56px;row-gap:96px;grid-template-columns:repeat(12, minmax(0, 1fr))}@media (max-width: 480px){.ui-grid{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;row-gap:48px}}@media (max-width: 768px){.ui-grid{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;row-gap:24px}}.ui-grid .ui-col-1{grid-column-end:span 1}.ui-grid .ui-col-2{grid-column-end:span 2}.ui-grid .ui-col-3{grid-column-end:span 3}.ui-grid .ui-col-4{grid-column-end:span 4}.ui-grid .ui-col-5{grid-column-end:span 5}.ui-grid .ui-col-6{grid-column-end:span 6}.ui-grid .ui-col-7{grid-column-end:span 7}.ui-grid .ui-col-8{grid-column-end:span 8}.ui-grid .ui-col-9{grid-column-end:span 9}.ui-grid .ui-col-10{grid-column-end:span 10}.ui-grid .ui-col-11{grid-column-end:span 11}.ui-grid .ui-col-12{grid-column-end:span 12}@media (min-width: 480px){.ui-grid .ui-col-xs-1{grid-column-end:span 1}.ui-grid .ui-col-xs-2{grid-column-end:span 2}.ui-grid .ui-col-xs-3{grid-column-end:span 3}.ui-grid .ui-col-xs-4{grid-column-end:span 4}.ui-grid .ui-col-xs-5{grid-column-end:span 5}.ui-grid .ui-col-xs-6{grid-column-end:span 6}.ui-grid .ui-col-xs-7{grid-column-end:span 7}.ui-grid .ui-col-xs-8{grid-column-end:span 8}.ui-grid .ui-col-xs-9{grid-column-end:span 9}.ui-grid .ui-col-xs-10{grid-column-end:span 10}.ui-grid .ui-col-xs-11{grid-column-end:span 11}.ui-grid .ui-col-xs-12{grid-column-end:span 12}}@media (min-width: 768px){.ui-grid .ui-col-sm-1{grid-column-end:span 1}.ui-grid .ui-col-sm-2{grid-column-end:span 2}.ui-grid .ui-col-sm-3{grid-column-end:span 3}.ui-grid .ui-col-sm-4{grid-column-end:span 4}.ui-grid .ui-col-sm-5{grid-column-end:span 5}.ui-grid .ui-col-sm-6{grid-column-end:span 6}.ui-grid .ui-col-sm-7{grid-column-end:span 7}.ui-grid .ui-col-sm-8{grid-column-end:span 8}.ui-grid .ui-col-sm-9{grid-column-end:span 9}.ui-grid .ui-col-sm-10{grid-column-end:span 10}.ui-grid .ui-col-sm-11{grid-column-end:span 11}.ui-grid .ui-col-sm-12{grid-column-end:span 12}}@media (min-width: 992px){.ui-grid .ui-col-md-1{grid-column-end:span 1}.ui-grid .ui-col-md-2{grid-column-end:span 2}.ui-grid .ui-col-md-3{grid-column-end:span 3}.ui-grid .ui-col-md-4{grid-column-end:span 4}.ui-grid .ui-col-md-5{grid-column-end:span 5}.ui-grid .ui-col-md-6{grid-column-end:span 6}.ui-grid .ui-col-md-7{grid-column-end:span 7}.ui-grid .ui-col-md-8{grid-column-end:span 8}.ui-grid .ui-col-md-9{grid-column-end:span 9}.ui-grid .ui-col-md-10{grid-column-end:span 10}.ui-grid .ui-col-md-11{grid-column-end:span 11}.ui-grid .ui-col-md-12{grid-column-end:span 12}}@media (min-width: 1200px){.ui-grid .ui-col-lg-1{grid-column-end:span 1}.ui-grid .ui-col-lg-2{grid-column-end:span 2}.ui-grid .ui-col-lg-3{grid-column-end:span 3}.ui-grid .ui-col-lg-4{grid-column-end:span 4}.ui-grid .ui-col-lg-5{grid-column-end:span 5}.ui-grid .ui-col-lg-6{grid-column-end:span 6}.ui-grid .ui-col-lg-7{grid-column-end:span 7}.ui-grid .ui-col-lg-8{grid-column-end:span 8}.ui-grid .ui-col-lg-9{grid-column-end:span 9}.ui-grid .ui-col-lg-10{grid-column-end:span 10}.ui-grid .ui-col-lg-11{grid-column-end:span 11}.ui-grid .ui-col-lg-12{grid-column-end:span 12}}:root{--h1-color:var(--c-carbon-90);--h2-color:var(--c-carbon-90);--h3-color:var(--c-carbon-90);--h4-color:var(--c-carbon-90);--h5-color:var(--c-carbon-90);--h6-color:var(--c-indigo-70);--h1-size:var(--f-size-12);--h2-size:var(--f-size-10);--h3-size:var(--f-size-8);--h4-size:var(--f-size-6);--h5-size:var(--f-size-5);--h6-size:var(--f-size-2);--h1-leading:var(--f-leading-solid);--h2-leading:var(--f-leading-title);--h3-leading:var(--f-leading-title);--h4-leading:var(--f-leading-title);--h5-leading:var(--f-leading-title);--h6-leading:var(--f-leading-title);--h1-tracking:var(--f-tracking-dense);--h2-tracking:var(--f-tracking-dense);--h3-tracking:var(--f-tracking-tight);--h4-tracking:var(--f-tracking-tight);--h5-tracking:var(--f-tracking-tight);--h6-tracking:var(--f-tracking-extra);--h1-font:var(--f-family-display);--h2-font:var(--f-family-display);--h3-font:var(--f-family-display);--h4-font:var(--f-family-text);--h5-font:var(--f-family-text);--h6-font:var(--f-family-monospace);--h1-weight:var(--f-weight-bold);--h2-weight:var(--f-weight-bold);--h3-weight:var(--f-weight-semibold);--h4-weight:var(--f-weight-medium);--h5-weight:var(--f-weight-semibold);--h6-weight:var(--f-weight-bold);--h1-transform:none;--h2-transform:none;--h3-transform:none;--h4-transform:none;--h5-transform:none;--h6-transform:uppercase;--poster1-color:var(--c-carbon-90);--poster2-color:var(--c-carbon-90);--poster3-color:var(--c-carbon-90);--poster4-color:var(--c-carbon-90);--poster1-size:var(--f-size-16);--poster2-size:var(--f-size-15);--poster3-size:var(--f-size-14);--poster4-size:var(--f-size-13);--poster1-leading:var(--f-leading-solid);--poster2-leading:var(--f-leading-solid);--poster3-leading:var(--f-leading-solid);--poster4-leading:var(--f-leading-solid);--poster1-tracking:var(--f-tracking-dense);--poster2-tracking:var(--f-tracking-dense);--poster3-tracking:var(--f-tracking-dense);--poster4-tracking:var(--f-tracking-dense);--poster1-font:var(--f-family-display);--poster2-font:var(--f-family-display);--poster3-font:var(--f-family-display);--poster4-font:var(--f-family-text);--poster1-weight:var(--f-weight-bold);--poster2-weight:var(--f-weight-semibold);--poster3-weight:var(--f-weight-bold);--poster4-weight:var(--f-weight-semibold);--poster1-transform:none;--poster2-transform:none;--poster3-transform:none;--poster4-transform:none}.ui-heading{margin:0}.ui-theme--editorial .ui-heading{--h6-color:var(--c-carbon-90);--h1-size:var(--f-size-9);--h2-size:var(--f-size-8);--h3-size:var(--f-size-7);--h6-size:var(--f-size-0);--h1-leading:var(--f-leading-title);--h1-font:var(--f-family-text);--h2-font:var(--f-family-text);--h3-font:var(--f-family-text);--h6-font:var(--f-family-text);--h1-tracking:var(--f-tracking-tight);--h2-tracking:var(--f-tracking-tight);--h3-tracking:var(--f-tracking-solid);--h4-tracking:var(--f-tracking-solid);--h6-tracking:var(--f-tracking-super);--h1-leading:var(--f-leading-title);--h1-weight:var(--f-weight-semibold);--h2-weight:var(--f-weight-semibold);--h4-weight:var(--f-weight-semibold);--h5-weight:var(--f-weight-medium);--h6-weight:var(--f-weight-medium)}.ui-heading-1{font-family:var(--h1-font);font-size:var(--h1-size);line-height:var(--h1-leading);letter-spacing:var(--h1-tracking);font-weight:var(--h1-weight);color:var(--h1-color);text-transform:var(--h1-transform)}.ui-heading-2{font-family:var(--h2-font);font-size:var(--h2-size);line-height:var(--h2-leading);letter-spacing:var(--h2-tracking);font-weight:var(--h2-weight);color:var(--h2-color);text-transform:var(--h2-transform)}.ui-heading-3{font-family:var(--h3-font);font-size:var(--h3-size);line-height:var(--h3-leading);letter-spacing:var(--h3-tracking);font-weight:var(--h3-weight);color:var(--h3-color);text-transform:var(--h3-transform)}.ui-heading-4{font-family:var(--h4-font);font-size:var(--h4-size);line-height:var(--h4-leading);letter-spacing:var(--h4-tracking);font-weight:var(--h4-weight);color:var(--h4-color);text-transform:var(--h4-transform)}.ui-heading-5{font-family:var(--h5-font);font-size:var(--h5-size);line-height:var(--h5-leading);letter-spacing:var(--h5-tracking);font-weight:var(--h5-weight);color:var(--h5-color);text-transform:var(--h5-transform)}.ui-heading-6{font-family:var(--h6-font);font-size:var(--h6-size);line-height:var(--h6-leading);letter-spacing:var(--h6-tracking);font-weight:var(--h6-weight);color:var(--h6-color);text-transform:var(--h6-transform)}.ui-poster-1{font-family:var(--poster1-font);font-size:var(--poster1-size);line-height:var(--poster1-leading);letter-spacing:var(--poster1-tracking);font-weight:var(--poster1-weight);color:var(--poster1-color);text-transform:var(--poster1-transform)}.ui-poster-2{font-family:var(--poster2-font);font-size:var(--poster2-size);line-height:var(--poster2-leading);letter-spacing:var(--poster2-tracking);font-weight:var(--poster2-weight);color:var(--poster2-color);text-transform:var(--poster2-transform)}.ui-poster-3{font-family:var(--poster3-font);font-size:var(--poster3-size);line-height:var(--poster3-leading);letter-spacing:var(--poster3-tracking);font-weight:var(--poster3-weight);color:var(--poster3-color);text-transform:var(--poster3-transform)}.ui-poster-4{font-family:var(--poster4-font);font-size:var(--poster4-size);line-height:var(--poster4-leading);letter-spacing:var(--poster4-tracking);font-weight:var(--poster4-weight);color:var(--poster4-color);text-transform:var(--poster4-transform)}:root{--p1-color:var(--c-indigo-90);--p2-color:var(--c-indigo-90);--p3-color:var(--c-indigo-90);--p4-color:var(--c-indigo-90);--p5-color:var(--c-indigo-90);--p6-color:var(--c-indigo-90);--p1-size:var(--f-size-7);--p2-size:var(--f-size-6);--p3-size:var(--f-size-5);--p4-size:var(--f-size-4);--p5-size:var(--f-size-3);--p6-size:var(--f-size-2);--p1-leading:var(--f-leading-body);--p2-leading:var(--f-leading-body);--p3-leading:var(--f-leading-body);--p4-leading:var(--f-leading-body);--p5-leading:var(--f-leading-body);--p6-leading:var(--f-leading-body);--p1-tracking:var(--f-tracking-tight);--p2-tracking:var(--f-tracking-tight);--p3-tracking:var(--f-tracking-tight);--p4-tracking:var(--f-tracking-solid);--p5-tracking:var(--f-tracking-solid);--p6-tracking:var(--f-tracking-solid);--p1-weight:var(--f-weight-regular);--p2-weight:var(--f-weight-regular);--p3-weight:var(--f-weight-regular);--p4-weight:var(--f-weight-regular);--p5-weight:var(--f-weight-regular);--p6-weight:var(--f-weight-regular);--p1-transform:none;--p2-transform:none;--p3-transform:none;--p4-transform:none;--p5-transform:none;--p6-transform:none}.ui-paragraph{margin:0}.ui-paragraph--base{--p1-leading:var(--f-leading-body);--p2-leading:var(--f-leading-body);--p3-leading:var(--f-leading-body);--p4-leading:var(--f-leading-body);--p5-leading:var(--f-leading-body);--p6-leading:var(--f-leading-body)}.ui-paragraph--prose{--p1-leading:var(--f-leading-prose);--p2-leading:var(--f-leading-prose);--p3-leading:var(--f-leading-prose);--p4-leading:var(--f-leading-prose);--p5-leading:var(--f-leading-prose);--p6-leading:var(--f-leading-prose)}.ui-paragraph-1{font-family:var(--p1-font);font-size:var(--p1-size);line-height:var(--p1-leading);letter-spacing:var(--p1-tracking);font-weight:var(--p1-weight);color:var(--p1-color);text-transform:var(--p1-transform)}.ui-paragraph-2{font-family:var(--p2-font);font-size:var(--p2-size);line-height:var(--p2-leading);letter-spacing:var(--p2-tracking);font-weight:var(--p2-weight);color:var(--p2-color);text-transform:var(--p2-transform)}.ui-paragraph-3{font-family:var(--p3-font);font-size:var(--p3-size);line-height:var(--p3-leading);letter-spacing:var(--p3-tracking);font-weight:var(--p3-weight);color:var(--p3-color);text-transform:var(--p3-transform)}.ui-paragraph-4{font-family:var(--p4-font);font-size:var(--p4-size);line-height:var(--p4-leading);letter-spacing:var(--p4-tracking);font-weight:var(--p4-weight);color:var(--p4-color);text-transform:var(--p4-transform)}.ui-paragraph-5{font-family:var(--p5-font);font-size:var(--p5-size);line-height:var(--p5-leading);letter-spacing:var(--p5-tracking);font-weight:var(--p5-weight);color:var(--p5-color);text-transform:var(--p5-transform)}.ui-paragraph-6{font-family:var(--p6-font);font-size:var(--p6-size);line-height:var(--p6-leading);letter-spacing:var(--p6-tracking);font-weight:var(--p6-weight);color:var(--p6-color);text-transform:var(--p6-transform)}.ui-skeleton{display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:#EEEEEE;line-height:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ui-skeleton--animated{position:relative;background:-webkit-gradient(linear, left top, right top, color-stop(8%, rgba(0, 0, 0, 0.065)), color-stop(18%, rgba(0, 0, 0, 0.135)), color-stop(33%, rgba(0, 0, 0, 0.065)));background:linear-gradient(to right, rgba(0, 0, 0, 0.065) 8%, rgba(0, 0, 0, 0.135) 18%, rgba(0, 0, 0, 0.065) 33%);background-size:800px 104px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.ui-skeleton span{display:inline-block}.prismic-raw-html{width:100%;overflow:auto}.prismic-raw-html table{overflow-x:auto;margin-right:-15px;padding-right:15px;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:13px;border-collapse:collapse;border-spacing:0;margin-bottom:48px}.prismic-raw-html table td,.prismic-raw-html table th{text-align:left;min-width:120px;padding-right:12px;padding-top:12px;padding-bottom:12px}.prismic-raw-html table td:last-child,.prismic-raw-html table th:last-child{padding-right:0}.prismic-raw-html table th,.prismic-raw-html table b{font-weight:600}.prismic-raw-html table tbody tr td{border-top:1px solid #DEE3EA}.prismic-raw-html table tbody tr:first-child td{border-top:none}.prismic-raw-html table>thead>tr>th{border-bottom:1px solid #E9EDF3;font-weight:600}:host{display:block}.demo{margin-bottom:48px}";
var Demo = /** @class */ (function () {
    function class_2(hostRef) {
        var _this = this;
        registerInstance(this, hostRef);
        this.getPage = function (prismicId) { return __awaiter(_this, void 0, void 0, function () {
            var apiURL, defaults, api, response_1, e_2;
            var _this = this;
            return __generator(this, function (_c) {
                switch (_c.label) {
                    case 0:
                        apiURL = 'https://ionicframeworkcom.prismic.io/api/v2';
                        defaults = {
                            title: 'Ionic - Putting Web Technologies to Work For You',
                            description: 'Build iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript',
                            meta_image: 'https://ionicframework.com/img/meta/ionic-framework-og.png'
                        };
                        if (!prismicId)
                            return [2 /*return*/];
                        _c.label = 1;
                    case 1:
                        _c.trys.push([1, 4, , 5]);
                        return [4 /*yield*/, Prismic.getApi(apiURL)];
                    case 2:
                        api = _c.sent();
                        return [4 /*yield*/, api.getSingle(prismicId)];
                    case 3:
                        response_1 = _c.sent();
                        this.data = response_1.data;
                        console.log(response_1.data);
                        // if the page has meta data, set it, otherwise use the default
                        // note, if you're hard coding meta data, do it after calling getPage()
                        ['title', 'description', 'meta_image'].forEach(function (prop) {
                            _this.data[prop] = response_1.data[prop] ? response_1.data[prop] : defaults[prop];
                        });
                        return [3 /*break*/, 5];
                    case 4:
                        e_2 = _c.sent();
                        console.warn(e_2);
                        return [3 /*break*/, 5];
                    case 5: return [2 /*return*/];
                }
            });
        }); };
    }
    class_2.prototype.componentWillLoad = function () {
        this.getPage('ionicio_homepage');
    };
    class_2.prototype.render = function () {
        var data = this.data;
        if (!data)
            return;
        return (h("div", { class: "demos" }, console.log(data), h(PrismicRichText, { richText: data.section3__left[0].content, level: 6 }), h(PrismicResponsiveImage, { image: { 'url': 'https://www.google.com?w=700&h=600', 'alt': 'google website', '1x': { 'url': 'www.google.com' } }, loading: '', params: { orient: '0', rot: '58', w: '100' } }), h("site-platform-bar", { "product-name": "Stencil" }), h(Breakpoint, { class: "jumanjii", xs: true, sm: false, display: 'inline-block' }, "YO HO HO AND A BOTTLE OF RUM!"), h(ButtonDemo, null), h(HeadingDemo, null), h(ParagraphDemo, null), h(GridDemo, null), h(CardDemo, null), h(MoresResourcesDemo, null)));
    };
    return class_2;
}());
var ButtonDemo = function () { return (h("div", { class: "demo demo-button" }, h(Heading, { level: 3, bordered: true }, "Buttons"), h(Button, null, "Button"))); };
var ParagraphDemo = function () { return (h("div", { class: "demo demo-heading" }, h(Paragraph, { level: 1 }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."), h(Paragraph, { level: 2 }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."), h(Paragraph, { level: 3 }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."), h(Paragraph, { level: 4, leading: 'prose' }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."), h(Paragraph, { level: 5, leading: 'prose' }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."), h(Paragraph, { level: 6 }, "La final de la Copa de Campeones de Europa de 1977-78 fue un partido de f\u00FAtbol disputado el 10 de mayo de 1978 entre el Liverpool de Inglaterra y el Club Brujas de B\u00E9lgica en el Estadio Wembley de Londres, lugar definido por el comit\u00E9 ejecutivo de la UEFA el 20 de septiembre de 1977. El partido defini\u00F3 al campe\u00F3n de la Copa de Campeones de Europa 1977-78, principal competici\u00F3n futbol\u00EDstica europea de la temporada. Liverpool lleg\u00F3 a la instancia como el vigente campe\u00F3n y esta era su segunda final en la competencia, mientras que para Club Brujas era la primera vez que llegaba al encuentro definitorio. Anteriormente se enfrentaron en la final de la Copa de la UEFA 1975-76, con victoria por 4-3 del equipo ingl\u00E9s en el global."))); };
var HeadingDemo = function () { return (h("div", { class: "demo demo-heading" }, h(ThemeProvider, { type: 'editorial' }, h(Heading, { level: 1, as: 'h6' }, "Headings"), h(Heading, { level: 3, as: 'h5' }, "Level 1"), h(Heading, { level: 2 }, "Level 2"), h(Heading, { level: 3 }, "Level 3"), h(Heading, { level: 4 }, "Level 4"), h(Heading, { level: 5 }, "Level 5"), h(Heading, { level: 6 }, "Level 6")))); };
var GridDemo = function () { return (h("div", { class: "demo demo-grid" }, h(Heading, { level: 3, bordered: true }, "Grid"), h(Grid, { class: "demo demo-grid" }, h(Col, { md: 3, sm: 3, xs: 3, cols: 12 }, "Column 1"), h(Col, { md: 3, sm: 3, xs: 3, cols: 12 }, "Column 2"), h(Col, { md: 3, sm: 3, xs: 3, cols: 12 }, "Column 3"), h(Col, { md: 3, sm: 3, xs: 3, cols: 12 }, "Column 4")))); };
var CardDemo = function () { return (h("div", { class: "demo demo-card" }, h(Heading, { level: 3, bordered: true }, "Cards"), h(Card, null, h(CardContent, null, h("hgroup", null, h(Heading, { level: 3 }, "Card"), h(Paragraph, null, "Unicorn next level roof party health goth, squid brooklyn pabst biodiesel kickstarter man bun small batch kale chips flexitarian. Edison bulb selfies mumblecore ethical, helvetica affogato palo santo. Taxidermy humblebrag hexagon, pabst stumptown PBR&B succulents. Lumbersexual fam shabby chic cardigan lomo quinoa put a bird on it salvia authentic hell of migas aesthetic truffaut gentrify tattooed. Migas direct trade polaroid distillery, ugh brunch farm-to-table fingerstache vaporware readymade occupy aesthetic four dollar toast. Freegan lyft vegan ramps vexillologist taxidermy listicle vinyl blue bottle pug.")))))); };
var MoresResourcesDemo = function () { return (h("div", null, h("more-resources", { resources: [
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
        { uid: 'capacitor-vs-cordova-modern-hybrid-app-development', type: 'article' },
    ] }))); };
Demo.style = demoCss;
var platformBarCss = ".sc-site-platform-bar-h{display:block;background:var(--c-carbon-100);font-family:var(--f-family-text)}.platform-bar__container.sc-site-platform-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:44px;-ms-flex-pack:justify;justify-content:space-between}.platform-bar__logo.sc-site-platform-bar{-webkit-margin-end:var(--space-3);margin-inline-end:var(--space-3)}.platform-bar__logo.sc-site-platform-bar svg.sc-site-platform-bar{height:24px;margin:10px 0;vertical-align:middle}.platform-bar__desc.sc-site-platform-bar{-ms-flex-line-pack:end;align-content:flex-end;color:#ccc;font-size:var(--f-size-2);line-height:160%;text-align:right;letter-spacing:var(--f-tracking-tight);margin:0 -3px 0 0}.platform-bar__desc.sc-site-platform-bar strong.sc-site-platform-bar{color:white;font-weight:400}.platform-bar__desc.sc-site-platform-bar a.sc-site-platform-bar{color:white;text-decoration:none;white-space:nowrap}.platform-bar__desc.sc-site-platform-bar ion-icon.sc-site-platform-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-start:var(--space-0);margin-inline-start:var(--space-0)}";
var PlatformBar = /** @class */ (function () {
    function PlatformBar(hostRef) {
        registerInstance(this, hostRef);
    }
    PlatformBar.prototype.render = function () {
        return (h(Host, null, h(ResponsiveContainer, { class: "platform-bar__container" }, h("div", { class: "platform-bar__logo" }, h("a", { href: "https://ionic.io/" }, h("svg", { width: "70", height: "24", viewBox: "0 0 70 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "image", "aria-label": "Ionic Logo" }, h("path", { d: "M66.805 14.2224C66.4881 15.0748 65.6974 15.5478 64.7204 15.5478C63.2704 15.5478 62.095 14.3723 62.095 12.9223C62.095 11.4723 63.2704 10.2969 64.7204 10.2969C65.6975 10.2969 66.4638 10.7137 66.805 11.6224H69.4826C69.0392 9.29243 67.102 7.79688 64.7204 7.79688C61.8897 7.79688 59.595 10.0916 59.595 12.9223C59.595 15.753 61.8897 18.0478 64.7204 18.0478C67.102 18.0478 69.1606 16.3746 69.4826 14.2224H66.805Z", fill: "white" }), h("path", { d: "M55.778 8.05437H58.5659V17.8665H55.778V8.05437Z", fill: "white" }), h("path", { d: "M58.8464 5.68306C58.8464 6.61259 58.0928 7.36613 57.1633 7.36613C56.2338 7.36613 55.4802 6.61259 55.4802 5.68306C55.4802 4.75353 56.2338 4 57.1633 4C58.0928 4 58.8464 4.75353 58.8464 5.68306Z", fill: "white" }), h("path", { d: "M47.7925 9.25525C48.2599 8.41119 49.3224 7.83496 50.8523 7.83496C53.3258 7.83496 54.6347 9.40945 54.6347 11.7468V17.8663H51.8468V12.039C51.8468 10.8947 51.3368 10.1074 50.1044 10.1074C48.7529 10.1074 48.0049 10.9353 48.0049 12.2419V17.8581H45.217V8.05409H47.7925V9.25525Z", fill: "white" }), h("circle", { cx: "39.1897", cy: "12.9226", r: "3.87526", stroke: "white", "stroke-width": "2.5" }), h("path", { d: "M30.2975 8.05437H33.0854V17.8665H30.2975V8.05437Z", fill: "white" }), h("path", { d: "M33.3659 5.68306C33.3659 6.61259 32.6124 7.36613 31.6828 7.36613C30.7533 7.36613 29.9998 6.61259 29.9998 5.68306C29.9998 4.75353 30.7533 4 31.6828 4C32.6124 4 33.3659 4.75353 33.3659 5.68306Z", fill: "white" }), h("path", { d: "M12 17.1431C14.8336 17.1431 17.1428 14.8383 17.1428 12.0002C17.1428 9.16657 14.838 6.85735 12 6.85735C9.16192 6.85735 6.85711 9.16657 6.85711 12.0002C6.85711 14.8338 9.16633 17.1431 12 17.1431Z", fill: "white" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2.88C6.96316 2.88 2.88 6.96316 2.88 12C2.88 17.0368 6.96316 21.12 12 21.12C17.0368 21.12 21.12 17.0368 21.12 12C21.12 10.6394 20.823 9.35203 20.2916 8.196L22.9084 6.99318C23.6097 8.51886 24 10.2158 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C15.4654 0 18.5895 1.47078 20.7781 3.81796L18.6717 5.78204C17.005 3.9946 14.6338 2.88 12 2.88Z", fill: "url(#paint0_radial)" }), h("path", { opacity: "0.4", d: "M20.5 11C22.433 11 24 9.433 24 7.5C24 5.567 22.433 4 20.5 4C18.567 4 17 5.567 17 7.5C17 9.433 18.567 11 20.5 11Z", fill: "#03060B" }), h("path", { d: "M20.5714 9.42843C22.4649 9.42843 24 7.89341 24 5.99986C24 4.10631 22.4649 2.57129 20.5714 2.57129C18.6778 2.57129 17.1428 4.10631 17.1428 5.99986C17.1428 7.89341 18.6778 9.42843 20.5714 9.42843Z", fill: "#03060B" }), h("path", { d: "M19.7143 7.71415C21.1344 7.71415 22.2857 6.56288 22.2857 5.14272C22.2857 3.72256 21.1344 2.57129 19.7143 2.57129C18.2941 2.57129 17.1428 3.72256 17.1428 5.14272C17.1428 6.56288 18.2941 7.71415 19.7143 7.71415Z", fill: "white" }), h("defs", null, h("radialGradient", { id: "paint0_radial", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(23 8.5) rotate(162.35) scale(11.5434 5.28499)" }, h("stop", { "stop-color": "white", "stop-opacity": "0.7" }), h("stop", { offset: "1", "stop-color": "white" })))))), h(Breakpoint, { sm: true, class: "platform-bar__desc" }, "See how ", h("strong", null, this.productName), " fits into the entire ", h("a", { href: "https://ionic.io/" }, "Ionic Ecosystem"), " ", h("span", { style: { 'letter-spacing': '0' } }, "->")), h(Breakpoint, { xs: true, sm: false, class: "platform-bar__desc" }, h("strong", null, this.productName), " is part of the ", h("a", { href: "https://ionic.io/" }, "Ionic Ecosystem"), " ", h("span", { style: { 'letter-spacing': '0' } }, "->")))));
    };
    return PlatformBar;
}());
PlatformBar.style = platformBarCss;
export { MoreResources as more_resources, Demo as shared_demo, PlatformBar as site_platform_bar };
