\n \n \n \n 0 && currentPageIndex <= maxItemSize\">\n \n (end - maxItemSize) && currentPageIndex <= end\">\n \n maxItemSize && currentPageIndex <= (end - maxItemSize)\">\n \n \n
\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\n\n@Component({\n selector: 'u-pagination',\n templateUrl: './pagination.component.html',\n styleUrls: ['./pagination.component.scss']\n})\nexport class PaginationComponent implements OnInit {\n\n @Input() pageIndexes: number[] = [];\n @Input() currentPageIndex: number;\n @Input() maxItemSize: number;\n @Output() readonly currentPageIndexChange = new EventEmitter«\n
\n \n {{pageIndex}}\n
\n \n {{pageIndex}}\n
\n ...
\n {{end}}
\n {{start}}
\n ...
\n \n {{pageIndex}}\n
\n {{start}}
\n ...
\n \n {{pageIndex}}\n
\n ...
\n {{end}}
\n »\n
\n\n\n \n\n
\n","import {Component, ViewEncapsulation} from '@angular/core';\nimport {PageComponent} from '@shared/lib/components/page.component';\nimport {Params} from '@angular/router';\n\n@Component({\n selector: 'u-news-list',\n templateUrl: './news-list.component.html',\n styleUrls: ['./news-list.component.scss'],\n encapsulation: ViewEncapsulation.None // eslint-disable-line\n})\nexport class NewsListComponent extends PageComponent {\n // set to object to avoid BaseComponent default content process\n src = {};\n\n amountNumPrefix;\n metaPrefix;\n dataPrefix;\n\n map;\n pageInfo;\n navData;\n param;\n\n mapData = {\n totalNum: 'totalNum',\n navText1: 'navText1',\n navText2: 'navText2',\n pageText1: 'pageText1',\n pageText2: 'pageText2',\n };\n\n // the number of Dataes\n totalDataNum;\n // the number of each page data\n pageSize: number;\n // the maxSize of each page\n maxSize: number;\n // the size of current page\n curPage = 1;\n // the Dataes of the current page\n curDataes;\n // the index that clicked tab\n dataIndex: number;\n // the total pages\n totalPages: number;\n\n pageIndexes: number[] = [];\n\n private unusedIndexes: number[];\n\n private readonly unusedNewsIndexes: number[] = [39, 21, 17, 14, 19, 48];\n private readonly unusedCharityIndexes: number[] = [];\n private readonly unusedCharityNewsIndexes: number[] = [];\n\n // the final data and pageNum on curPage\n pageChange(pageNum: number) {\n this.curPage = pageNum;\n this.curDataes = this.getPageData(pageNum);\n window.scrollTo(0, 0);\n }\n\n // the Web or the mobile\n isWebOrMobile(): boolean {\n const screenWidth = document.body.clientWidth;\n return screenWidth <= 750;\n }\n\n // get the data number of curpage\n getPageData(page: number) {\n if (!this.isWebOrMobile()) {\n this.pageSize = 18;\n this.maxSize = 5;\n } else {\n this.pageSize = 9;\n this.maxSize = 3;\n }\n this.totalPages = Math.floor((this.totalDataNum - 1) / this.pageSize) + 1;\n this.pageIndexes = [];\n for (let i = 1; i <= this.totalPages; i++) {\n this.pageIndexes.push(i);\n }\n\n this.pageInfo = this.navData.pageText1 + this.totalPages + this.navData.pageText2;\n\n // get the data\n const dataes: any = [];\n const _dataes = this.data.items;\n if (_dataes === undefined) {\n return;\n }\n\n for (let i = (page - 1) * this.pageSize; i < page * this.pageSize; i++) {\n dataes.push(_dataes[i]);\n if (_dataes[i] === undefined) {\n dataes.pop(_dataes[i]);\n }\n }\n return dataes;\n }\n\n toDetails(page: number): void {\n this.getDataIndex(page);\n this.router.navigate(['/zhs-CN/details', this.param, this.dataIndex]);\n }\n\n getDataIndex(curIndex: number): number {\n this.dataIndex = curIndex;\n return this.dataIndex;\n }\n\n // get the items options\n private getItems(itemNum: number) {\n const items = [];\n for (let i = 0; i < itemNum; i++) {\n if (!this.unusedIndexes.includes(i)) {\n items.push({\n id: 'items.' + i + '.id',\n imgUrl: 'items.' + i + '.imgUrl',\n heading: 'items.' + i + '.heading',\n timeText: 'items.' + i + '.timeText',\n linkText: 'items.' + i + '.linkText',\n });\n }\n }\n return items;\n }\n\n protected defaultComponentData() {\n this.dataIsLoaded = false;\n }\n\n loadMeta() {\n this.translationMapperService.translateFromMap(this.metaPrefix, this.map).then(data => {\n super.processComponentData(data);\n });\n }\n\n loadData() {\n this.translationMapperService.translateFromMap(this.amountNumPrefix, this.mapData).then(tData => {\n this.navData = tData;\n this.totalDataNum = tData.totalNum - this.unusedIndexes.length;\n\n this.map = {\n title: 'title',\n text: 'text',\n items: this.getItems(tData.totalNum).reverse(),\n };\n\n this.translationMapperService.translateFromMap(this.dataPrefix, this.map).then((tData) => {\n this.data = tData;\n this.curDataes = this.getPageData(this.curPage);\n this.dataIsLoaded = true;\n });\n });\n }\n\n // eslint-disable-next-line\n ngOnInit() {\n this.route.params.subscribe((params) => {\n this.setInitialData(params);\n super.ngOnInit();\n this.curPage = 1;\n this.loadMeta();\n this.loadData();\n });\n }\n\n setInitialData(params: Params): void {\n this.param = params.newslist;\n if (this.param === 'press-release') {\n this.amountNumPrefix = 'page-news-list-amount';\n this.dataPrefix = 'page-news-list';\n this.metaPrefix = `page-news-list-meta`\n this.unusedIndexes = this.unusedNewsIndexes;\n } else if (this.param === 'charity-group') {\n this.amountNumPrefix = 'page-charity-list-amount';\n this.dataPrefix = 'page-charity-list';\n this.metaPrefix = `page-charity-list-meta`\n this.unusedIndexes = this.unusedCharityIndexes;\n } else if (this.param === 'charity-news') {\n this.amountNumPrefix = 'page-charity-news-amount';\n this.dataPrefix = 'page-charity-news';\n this.metaPrefix = `page-charity-news-meta`\n this.unusedIndexes = this.unusedCharityNewsIndexes;\n } else {\n this.router.navigate(['/zhs-CN/falsepath']);\n }\n }\n\n}\n","import {NgModule} from '@angular/core';\nimport {RouterModule, Route, NoPreloading} from '@angular/router';\nimport {LocaleService} from '@shared/lib/services/locale.service';\nimport {combineAppAndSharedRoutes} from '@shared/lib/shared.routes';\nimport {PageNotFoundComponent} from '@shared/lib/modules/page-not-found/components/page-not-found.component';\nimport {NewsListComponent} from './components/news-list/news-list.component';\n\n\nconst BAOYING_ROUTES: Route[] = [\n {\n path: 'home',\n loadChildren: () => import('./lazy-modules/home/baoying-home.module').then(m => m.BaoyingHomeModule)\n },\n {\n path: 'lifestyle',\n loadChildren: () => import('./lazy-modules/lifestyle/lifestyle-cn.module').then(m => m.LifestyleCnModule)\n },\n {\n path: 'pr1',\n loadChildren: () => import('./lazy-modules/pr1/pr1.module').then(m => m.Pr1Module)\n },\n {\n path: 'privacy-20200803',\n loadChildren: () => import('./lazy-modules/privacy/privacy-cn.module').then(m => m.PrivacyCnModule)\n },\n {\n path: 'privacy-policy',\n loadChildren: () => import('./lazy-modules/privacy-policy/privacy-policy-cn.module').then(m => m.PrivacyPolicyCnModule)\n },\n {\n path: 'give-back',\n loadChildren: () => import('./lazy-modules/give-back/give-back-cn.module').then(m => m.GiveBackCnModule)\n },\n {\n path: 'science',\n loadChildren: () => import('./lazy-modules/science/science-cn.module').then(m => m.ScienceCnModule)\n },\n {\n path: 'today-baoying',\n loadChildren: () => import('./lazy-modules/today/today-baoying.module').then(m => m.TodayBaoyingModule)\n },\n {\n path: 'contactcn',\n loadChildren: () => import('./lazy-modules/contact/contact-cn.module').then(m => m.ContactCnModule)\n },\n {\n path: 'aboutus',\n loadChildren: () => import('./lazy-modules/about-us/about-us.module').then(m => m.AboutUsModule)\n },\n {\n path: 'details',\n loadChildren: () => import('./lazy-modules/details/details.module').then(m => m.DetailsModule)\n },\n {\n path: 'falsepath',\n component: PageNotFoundComponent\n },\n // there is no good way to lazy load this since it is based on the root path\n {\n path: 'direct',\n loadChildren: () => import('./lazy-modules/direct/direct.module').then(m => m.DirectModule)\n },\n // 合规专栏\n {\n path: 'compliance-column',\n loadChildren: () => import('./lazy-modules/compliance-column/compliance-column.module').then(m => m.ComplianceColumnModule)\n },\n // certification\n {\n path: 'certification',\n loadChildren: () => import('./lazy-modules/certification/certification.module').then(m => m.CertificationModule)\n }\n];\n\nconst NEWS_ROUTE: Route[] = [\n {\n path: ':newslist',\n component: NewsListComponent\n },\n];\n\n@NgModule({\n imports: [\n RouterModule.forRoot(combineAppAndSharedRoutes(BAOYING_ROUTES, NEWS_ROUTE), {\n preloadingStrategy: NoPreloading\n}),\n ],\n exports: [RouterModule],\n providers: [LocaleService]\n})\nexport class BaoyingRoutingModule {\n}\n\n\n\n\n\n\n","import { __assign, __rest } from \"tslib\";\nimport { wrap } from \"optimism\";\nimport { Observable, cacheSizes, getFragmentDefinition, getFragmentQueryDocument, mergeDeepArray, } from \"../../utilities/index.js\";\nimport { WeakCache } from \"@wry/caches\";\nimport { getApolloCacheMemoryInternals } from \"../../utilities/caching/getMemoryInternals.js\";\nimport { equalByQuery } from \"../../core/equalByQuery.js\";\nimport { invariant } from \"../../utilities/globals/index.js\";\nimport { maskFragment } from \"../../masking/index.js\";\nvar ApolloCache = /** @class */ (function () {\n function ApolloCache() {\n this.assumeImmutableResults = false;\n // Make sure we compute the same (===) fragment query document every\n // time we receive the same fragment in readFragment.\n this.getFragmentDoc = wrap(getFragmentQueryDocument, {\n max: cacheSizes[\"cache.fragmentQueryDocuments\"] ||\n 1000 /* defaultCacheSizes[\"cache.fragmentQueryDocuments\"] */,\n cache: WeakCache,\n });\n }\n // Function used to lookup a fragment when a fragment definition is not part\n // of the GraphQL document. This is useful for caches, such as InMemoryCache,\n // that register fragments ahead of time so they can be referenced by name.\n ApolloCache.prototype.lookupFragment = function (fragmentName) {\n return null;\n };\n // Transactional API\n // The batch method is intended to replace/subsume both performTransaction\n // and recordOptimisticTransaction, but performTransaction came first, so we\n // provide a default batch implementation that's just another way of calling\n // performTransaction. Subclasses of ApolloCache (such as InMemoryCache) can\n // override the batch method to do more interesting things with its options.\n ApolloCache.prototype.batch = function (options) {\n var _this = this;\n var optimisticId = typeof options.optimistic === \"string\" ? options.optimistic\n : options.optimistic === false ? null\n : void 0;\n var updateResult;\n this.performTransaction(function () { return (updateResult = options.update(_this)); }, optimisticId);\n return updateResult;\n };\n ApolloCache.prototype.recordOptimisticTransaction = function (transaction, optimisticId) {\n this.performTransaction(transaction, optimisticId);\n };\n // Optional API\n // Called once per input document, allowing the cache to make static changes\n // to the query, such as adding __typename fields.\n ApolloCache.prototype.transformDocument = function (document) {\n return document;\n };\n // Called before each ApolloLink request, allowing the cache to make dynamic\n // changes to the query, such as filling in missing fragment definitions.\n ApolloCache.prototype.transformForLink = function (document) {\n return document;\n };\n ApolloCache.prototype.identify = function (object) {\n return;\n };\n ApolloCache.prototype.gc = function () {\n return [];\n };\n ApolloCache.prototype.modify = function (options) {\n return false;\n };\n // DataProxy API\n ApolloCache.prototype.readQuery = function (options, optimistic) {\n if (optimistic === void 0) { optimistic = !!options.optimistic; }\n return this.read(__assign(__assign({}, options), { rootId: options.id || \"ROOT_QUERY\", optimistic: optimistic }));\n };\n /** {@inheritDoc @apollo/client!ApolloClient#watchFragment:member(1)} */\n ApolloCache.prototype.watchFragment = function (options) {\n var _this = this;\n var fragment = options.fragment, fragmentName = options.fragmentName, from = options.from, _a = options.optimistic, optimistic = _a === void 0 ? true : _a, otherOptions = __rest(options, [\"fragment\", \"fragmentName\", \"from\", \"optimistic\"]);\n var query = this.getFragmentDoc(fragment, fragmentName);\n // While our TypeScript types do not allow for `undefined` as a valid\n // `from`, its possible `useFragment` gives us an `undefined` since it\n // calls` cache.identify` and provides that value to `from`. We are\n // adding this fix here however to ensure those using plain JavaScript\n // and using `cache.identify` themselves will avoid seeing the obscure\n // warning.\n var id = typeof from === \"undefined\" || typeof from === \"string\" ?\n from\n : this.identify(from);\n var dataMasking = !!options[Symbol.for(\"apollo.dataMasking\")];\n if (globalThis.__DEV__ !== false) {\n var actualFragmentName = fragmentName || getFragmentDefinition(fragment).name.value;\n if (!id) {\n globalThis.__DEV__ !== false && invariant.warn(1, actualFragmentName);\n }\n }\n var diffOptions = __assign(__assign({}, otherOptions), { returnPartialData: true, id: id, query: query, optimistic: optimistic });\n var latestDiff;\n return new Observable(function (observer) {\n return _this.watch(__assign(__assign({}, diffOptions), { immediate: true, callback: function (diff) {\n var data = dataMasking ?\n maskFragment(diff.result, fragment, _this, fragmentName)\n : diff.result;\n if (\n // Always ensure we deliver the first result\n latestDiff &&\n equalByQuery(query, { data: latestDiff.result }, { data: data }, \n // TODO: Fix the type on WatchFragmentOptions so that TVars\n // extends OperationVariables\n options.variables)) {\n return;\n }\n var result = {\n data: data,\n complete: !!diff.complete,\n };\n if (diff.missing) {\n result.missing = mergeDeepArray(diff.missing.map(function (error) { return error.missing; }));\n }\n latestDiff = __assign(__assign({}, diff), { result: data });\n observer.next(result);\n } }));\n });\n };\n ApolloCache.prototype.readFragment = function (options, optimistic) {\n if (optimistic === void 0) { optimistic = !!options.optimistic; }\n return this.read(__assign(__assign({}, options), { query: this.getFragmentDoc(options.fragment, options.fragmentName), rootId: options.id, optimistic: optimistic }));\n };\n ApolloCache.prototype.writeQuery = function (_a) {\n var id = _a.id, data = _a.data, options = __rest(_a, [\"id\", \"data\"]);\n return this.write(Object.assign(options, {\n dataId: id || \"ROOT_QUERY\",\n result: data,\n }));\n };\n ApolloCache.prototype.writeFragment = function (_a) {\n var id = _a.id, data = _a.data, fragment = _a.fragment, fragmentName = _a.fragmentName, options = __rest(_a, [\"id\", \"data\", \"fragment\", \"fragmentName\"]);\n return this.write(Object.assign(options, {\n query: this.getFragmentDoc(fragment, fragmentName),\n dataId: id,\n result: data,\n }));\n };\n ApolloCache.prototype.updateQuery = function (options, update) {\n return this.batch({\n update: function (cache) {\n var value = cache.readQuery(options);\n var data = update(value);\n if (data === void 0 || data === null)\n return value;\n cache.writeQuery(__assign(__assign({}, options), { data: data }));\n return data;\n },\n });\n };\n ApolloCache.prototype.updateFragment = function (options, update) {\n return this.batch({\n update: function (cache) {\n var value = cache.readFragment(options);\n var data = update(value);\n if (data === void 0 || data === null)\n return value;\n cache.writeFragment(__assign(__assign({}, options), { data: data }));\n return data;\n },\n });\n };\n return ApolloCache;\n}());\nexport { ApolloCache };\nif (globalThis.__DEV__ !== false) {\n ApolloCache.prototype.getMemoryInternals = getApolloCacheMemoryInternals;\n}\n","import { __extends } from \"tslib\";\nvar MissingFieldError = /** @class */ (function (_super) {\n __extends(MissingFieldError, _super);\n function MissingFieldError(message, path, query, variables) {\n var _a;\n // 'Error' breaks prototype chain here\n var _this = _super.call(this, message) || this;\n _this.message = message;\n _this.path = path;\n _this.query = query;\n _this.variables = variables;\n if (Array.isArray(_this.path)) {\n _this.missing = _this.message;\n for (var i = _this.path.length - 1; i >= 0; --i) {\n _this.missing = (_a = {}, _a[_this.path[i]] = _this.missing, _a);\n }\n }\n else {\n _this.missing = _this.path;\n }\n // We're not using `Object.setPrototypeOf` here as it isn't fully supported\n // on Android (see issue #3236).\n _this.__proto__ = MissingFieldError.prototype;\n return _this;\n }\n return MissingFieldError;\n}(Error));\nexport { MissingFieldError };\n","import { isReference, isField, DeepMerger, resultKeyNameFromField, shouldInclude, isNonNullObject, compact, createFragmentMap, getFragmentDefinitions, isArray, } from \"../../utilities/index.js\";\nexport var hasOwn = Object.prototype.hasOwnProperty;\nexport function isNullish(value) {\n return value === null || value === void 0;\n}\nexport { isArray };\nexport function defaultDataIdFromObject(_a, context) {\n var __typename = _a.__typename, id = _a.id, _id = _a._id;\n if (typeof __typename === \"string\") {\n if (context) {\n context.keyObject =\n !isNullish(id) ? { id: id }\n : !isNullish(_id) ? { _id: _id }\n : void 0;\n }\n // If there is no object.id, fall back to object._id.\n if (isNullish(id) && !isNullish(_id)) {\n id = _id;\n }\n if (!isNullish(id)) {\n return \"\".concat(__typename, \":\").concat(typeof id === \"number\" || typeof id === \"string\" ?\n id\n : JSON.stringify(id));\n }\n }\n}\nvar defaultConfig = {\n dataIdFromObject: defaultDataIdFromObject,\n addTypename: true,\n resultCaching: true,\n // Thanks to the shouldCanonizeResults helper, this should be the only line\n // you have to change to reenable canonization by default in the future.\n canonizeResults: false,\n};\nexport function normalizeConfig(config) {\n return compact(defaultConfig, config);\n}\nexport function shouldCanonizeResults(config) {\n var value = config.canonizeResults;\n return value === void 0 ? defaultConfig.canonizeResults : value;\n}\nexport function getTypenameFromStoreObject(store, objectOrReference) {\n return isReference(objectOrReference) ?\n store.get(objectOrReference.__ref, \"__typename\")\n : objectOrReference && objectOrReference.__typename;\n}\nexport var TypeOrFieldNameRegExp = /^[_a-z][_0-9a-z]*/i;\nexport function fieldNameFromStoreName(storeFieldName) {\n var match = storeFieldName.match(TypeOrFieldNameRegExp);\n return match ? match[0] : storeFieldName;\n}\nexport function selectionSetMatchesResult(selectionSet, result, variables) {\n if (isNonNullObject(result)) {\n return isArray(result) ?\n result.every(function (item) {\n return selectionSetMatchesResult(selectionSet, item, variables);\n })\n : selectionSet.selections.every(function (field) {\n if (isField(field) && shouldInclude(field, variables)) {\n var key = resultKeyNameFromField(field);\n return (hasOwn.call(result, key) &&\n (!field.selectionSet ||\n selectionSetMatchesResult(field.selectionSet, result[key], variables)));\n }\n // If the selection has been skipped with @skip(true) or\n // @include(false), it should not count against the matching. If\n // the selection is not a field, it must be a fragment (inline or\n // named). We will determine if selectionSetMatchesResult for that\n // fragment when we get to it, so for now we return true.\n return true;\n });\n }\n return false;\n}\nexport function storeValueIsStoreObject(value) {\n return isNonNullObject(value) && !isReference(value) && !isArray(value);\n}\nexport function makeProcessedFieldsMerger() {\n return new DeepMerger();\n}\nexport function extractFragmentContext(document, fragments) {\n // FragmentMap consisting only of fragments defined directly in document, not\n // including other fragments registered in the FragmentRegistry.\n var fragmentMap = createFragmentMap(getFragmentDefinitions(document));\n return {\n fragmentMap: fragmentMap,\n lookupFragment: function (name) {\n var def = fragmentMap[name];\n if (!def && fragments) {\n def = fragments.lookup(name);\n }\n return def || null;\n },\n };\n}\n","import { __assign, __extends, __rest } from \"tslib\";\nimport { invariant } from \"../../utilities/globals/index.js\";\nimport { dep } from \"optimism\";\nimport { equal } from \"@wry/equality\";\nimport { Trie } from \"@wry/trie\";\nimport { isReference, makeReference, DeepMerger, maybeDeepFreeze, canUseWeakMap, isNonNullObject, } from \"../../utilities/index.js\";\nimport { hasOwn, fieldNameFromStoreName } from \"./helpers.js\";\nvar DELETE = Object.create(null);\nvar delModifier = function () { return DELETE; };\nvar INVALIDATE = Object.create(null);\nvar EntityStore = /** @class */ (function () {\n function EntityStore(policies, group) {\n var _this = this;\n this.policies = policies;\n this.group = group;\n this.data = Object.create(null);\n // Maps root entity IDs to the number of times they have been retained, minus\n // the number of times they have been released. Retained entities keep other\n // entities they reference (even indirectly) from being garbage collected.\n this.rootIds = Object.create(null);\n // Lazily tracks { __ref: \n\n
\n\n \n \n \n \n
\n\n \n
\n \n
\n \n
\n \n \n ![\"img\"]()
\n \n
\n \n \n \n \n \n
\n\n{{ 'sessionChanged' | i18n : 'sso-session' }}
\\n {{ 'sessionChanged' | i18n : 'sso-session' }}
\\n \n \n
\n \n
\n\n
\n\n
\n \n \n \n
\n 0\">\n
\n
\n
\n \n
\n \n
\n
\n \n
\n ![\"product](\"{{)
\n
\n\n \n \n
\n \n \n {{ 'quicksearch.price' | i18n : 'usanadotcom' }} {{ item.price.priceDisplay }}\n
\n \n
\n","import { Component, OnInit, OnDestroy, Inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { LocaleService } from '@shared/lib/services/locale.service';\nimport { Title } from '@angular/platform-browser';\nimport { UrlService } from '@shared/lib/services/url.service';\nimport { AuthService } from '@shared/lib/services/auth.service';\nimport { UsanaMarketService, I18nInfo } from '@usana/ux/markets';\nimport { Subscription } from 'rxjs';\nimport { ENVIRONMENT_PRODUCTION } from '@shared/lib/shared.tokens';\nimport { Locale } from '@shared/lib/model/locale';\n\n@Component({\n selector: 'u-search-box',\n templateUrl: './search-box.component.html',\n styleUrls: ['./search-box.component.scss'],\n})\nexport class SearchBoxComponent implements OnInit, OnDestroy {\n host: string;\n src = '';\n data;\n noResults: boolean;\n searchStr: string;\n searchLoading: boolean;\n searchLocale: Locale;\n phxMarketId: string;\n\n marketSubscription: Subscription;\n\n constructor(\n private http: HttpClient,\n private localeService: LocaleService,\n titleService: Title,\n private urlService: UrlService,\n private authService: AuthService,\n private usanaMarketService: UsanaMarketService,\n @Inject(ENVIRONMENT_PRODUCTION) private readonly production: boolean,\n ) {\n this.searchLocale = this.localeService.getEmptyLocaleObject();\n this.host = urlService.getCartServiceUrl();\n this.searchLoading = false;\n this.noResults = false;\n }\n\n ngOnInit(): void {\n this.marketSubscription = this.usanaMarketService.geti18NInfoSubject().subscribe((i18nInfo: I18nInfo) => {\n if (!!i18nInfo.current.currentMarketId) {\n this.phxMarketId = i18nInfo.current.phxMarketId;\n this.setupSearchLocale(this.localeService.getLocaleObjectOf(i18nInfo.current.currentMarketId));\n }\n });\n }\n\n ngOnDestroy(): void {\n if (this.marketSubscription) {\n this.marketSubscription.unsubscribe();\n delete this.marketSubscription;\n }\n }\n\n private setupSearchLocale(locale: Locale): void {\n this.searchLocale = locale;\n this.src = `${this.host}/product/quickSearch?resultLimit=40&warehouse=${this.searchLocale.warehouse}&searchString=`;\n this.clearSearch();\n }\n\n showSearch(): boolean {\n return (this.searchLocale.hasPHX && this.authService.isSetup() && !!this.phxMarketId) || !this.production;\n }\n\n clearSearch() {\n this.data = [];\n this.noResults = false;\n this.searchStr = undefined;\n this.searchLoading = false;\n }\n\n search() {\n const theSearch = this.searchStr;\n if (!!this.searchStr && this.searchStr.trim() !== '') {\n this.searchLoading = true;\n this.noResults = false;\n this.http.get(this.src + this.searchStr).subscribe((data: any) => {\n if (this.searchStr === theSearch) {\n this.data = this.productImagesSortedByImageOrder(data); // eslint-disable-line\n this.searchLoading = false;\n if (this.data.length < 1) {\n this.noResults = true;\n }\n }\n });\n } else {\n this.clearSearch();\n }\n }\n\n productImagesSortedByImageOrder(products) {\n return products.map((product) => {\n product.productImages.sort((a, b) => a.imageOrder - b.imageOrder);\n product.productImages = product.productImages.filter((image) => image.type.imageSize === 'XS');\n return product;\n });\n }\n\n getProductUrl(usanaId: string): string {\n return this.urlService.getProductUrl(usanaId, this.phxMarketId);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { AuthService } from '@shared/lib/services/auth.service';\nimport { LocaleService } from '@shared/lib/services/locale.service';\nimport { UrlService } from '@shared/lib/services/url.service';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Injectable({\n providedIn: 'root',\n})\n/**\n * UsanaPhRetailRouteService\n *\n * A regulation states our usana.com subdomain needs to include uhsessentialhealthph for retail customers\n * in the Philippines. This service listens for the locale change and redirects to the correct subdomain.\n * Ignored for PWP (would conflict) and logged-in users.\n */\nexport class UsanaPhRetailRouteService {\n private readonly PH_RETAIL_SUBDOMAIN = 'uhsessentialhealthph';\n private readonly PH_LOCALES = ['enu-PH'];\n\n stop$: Subject\n \n \n \n \n \n \n \n \n\n
\n","import {Component, ViewChild, ElementRef, Output, EventEmitter} from '@angular/core';\nimport {BaseComponent} from '@shared/lib/components/base.component';\nimport {HttpClient} from '@angular/common/http';\nimport {Meta, Title} from '@angular/platform-browser';\nimport {LocaleService} from '@shared/lib/services/locale.service';\nimport {MarketService} from '@shared/lib/services/market.service';\nimport {UrlService} from '@shared/lib/services/url.service';\nimport {TranslationMapperService} from '@shared/lib/services/translation-mapper.service';\nimport {UsanaMarketService} from '@usana/ux/markets';\nimport {DataService} from '@shared/lib/services/data.service';\nimport {AuthService} from '@shared/lib/services/auth.service';\n\n@Component({\n selector: 'u-menu-mobile',\n templateUrl: './menu-mobile.component.html',\n styleUrls: ['./menu-mobile.component.scss'],\n})\nexport class MenuMobileComponent extends BaseComponent {\n src = 'menu';\n market_name = '';\n current_market = {};\n selected_market = {};\n current_market_locale = {};\n rootToMarkets = false;\n marketsToLanguages = false;\n backToMarkets = false;\n backToRoot = false;\n back = false;\n markets = [];\n hubUrl: string;\n customerType: string;\n @ViewChild('languagePickerMobile') languagePicker: ElementRef;\n\n @Output() readonly forceClose = new EventEmitter- \n
- \n
\n \n\n - \n
\n \n \n - \n \n \n\n\n\n \n \n\n
\n \n \n - \n
\n \n\n \n \n \n \n\n \n \n \n \n\n \n \n
- \n
- \n \n \n\n
- \n \n \n
\n \n \n \n
\n","/* eslint-disable @typescript-eslint/dot-notation */\nimport { Component, ElementRef, Inject, OnDestroy } from '@angular/core';\nimport { BaseComponent } from '@shared/lib/components/base.component';\nimport { HttpClient } from '@angular/common/http';\nimport { LocaleService } from '@shared/lib/services/locale.service';\nimport { Title, Meta } from '@angular/platform-browser';\nimport { DOCUMENT } from '@angular/common';\nimport { UrlService } from '@shared/lib/services/url.service';\nimport { TranslationMapperService } from '@shared/lib/services/translation-mapper.service';\nimport { PageStructureService } from '@shared/lib/services/page-structure.service';\nimport { DataService } from '@shared/lib/services/data.service';\nimport { map, Observable, Subject, takeUntil } from 'rxjs';\nimport { NEW_HOME_LOCALES } from 'projects/usana/src/app/lazy-modules/home/home.constants';\n\n@Component({\n selector: 'u-menu-desktop',\n templateUrl: './menu-desktop.component.html',\n styleUrls: ['./menu-desktop.component.scss'],\n})\nexport class MenuDesktopComponent extends BaseComponent implements OnDestroy {\n src = 'menu';\n map = [\n {\n url: '0.url',\n name: '0.name',\n target: '0.target',\n },\n {\n url: '1.url',\n name: '1.name',\n target: '1.target',\n },\n {\n url: '2.url',\n name: '2.name',\n target: '2.target',\n },\n {\n url: '3.url',\n name: '3.name',\n target: '3.target',\n },\n {\n url: '4.url',\n name: '4.name',\n target: '4.target',\n },\n {\n url: '5.url',\n name: '5.name',\n target: '5.target',\n },\n ];\n\n isNewHomePageMarket$: Observable\n \n \n \n \n \n \n \n \n\n
\n","import { Component, DoCheck, ElementRef, Renderer2, ViewChild } from '@angular/core';\nimport { LocaleService } from '@shared/lib/services/locale.service';\nimport { MarketService } from '@shared/lib/services/market.service';\nimport { UsanaMarketService } from '@usana/ux/markets';\nimport { DotcomMarket } from '@shared/lib/model/dotcom-market';\nimport { MarketLanguageSelection } from '@shared/lib/model/market-language-selection';\n\n@Component({\n selector: 'u-choose-locale',\n templateUrl: './choose-locale.component.html',\n styleUrls: ['./choose-locale.component.scss'],\n})\nexport class ChooseLocaleComponent implements DoCheck {\n locale;\n market_name = '';\n current_market = {};\n selected_market: DotcomMarket = new DotcomMarket();\n current_market_locale = - \n
- \n \n \n\n
- \n {{ item.language }}\n \n \n
![\"USANA](\"assets/zh-CN/images/logo_usana_white.svg\"){kind=logo}
\n ![\"Baoying](\"assets/zh-CN/images/logo_baoying_white.png\"){kind=logo}
\n \n
\n","import {Component} from '@angular/core';\nimport {BaseComponent} from '@shared/lib/components/base.component';\n\n@Component({\n selector: 'u-online-consultation-cn',\n templateUrl: './online-consultation.component.html',\n styleUrls: ['./online-consultation.component.scss']\n})\nexport class OnlineConsultationComponent extends BaseComponent {\n src = 'online-consultation';\n map = {\n title: 'title',\n imageUrl: 'imageUrl',\n consultationUrl: 'consultationUrl'\n };\n}\n","import { Component } from '@angular/core';\nimport {BaseAppComponent} from '@shared/lib/components/base-app/base-app.component';\n\n\n@Component({\n selector: 'u-app-root',\n templateUrl: './baoying-app.component.html',\n styleUrls: ['./baoying-app.component.scss'],\n})\n\n\nexport class BaoyingAppComponent extends BaseAppComponent {\n\n}\n","\n \n ![](\"{{data.imageUrl}}\")
\n \n \n \n
\n\n
\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, OnInit, inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { LocaleService } from '@shared/lib/services/locale.service';\nimport { Meta, Title } from '@angular/platform-browser';\nimport { UrlService } from '@shared/lib/services/url.service';\nimport { TranslationMapperService } from '@shared/lib/services/translation-mapper.service';\nimport { DataService } from '@shared/lib/services/data.service';\nimport { AuthService } from '../services/auth.service';\nimport { WINDOW_TOKEN } from '@usana/ux/common';\n\n@Component({\n selector: 'u-base',\n templateUrl: './base.component.html',\n styleUrls: ['./base.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BaseComponent implements OnInit, OnDestroy {\n @Input() src: any = '';\n\n // default to Retail customer type if nothing is provided.\n @Input() customertype: any = 'R';\n @Input() position: any;\n el: ElementRef;\n hasRetailShopping = false;\n isPCorAbove = false;\n isRetail = false;\n\n data;\n protected map;\n localeService;\n titleService;\n metaService;\n urlService;\n dataService;\n translationMapperService;\n dataIsLoaded = false;\n supportedLocale = true;\n syncLoadcontent = false;\n componentDataSubscription;\n localeSubscription;\n lazyLoad;\n protected authService: AuthService | undefined;\n window;\n\n constructor(\n protected http: HttpClient,\n localeService: LocaleService,\n titleService: Title,\n metaService: Meta,\n urlService: UrlService,\n translationMapperService: TranslationMapperService,\n el: ElementRef,\n dataService: DataService\n ) {\n this.localeService = localeService;\n this.titleService = titleService;\n this.metaService = metaService;\n this.urlService = urlService;\n this.translationMapperService = translationMapperService;\n this.el = el;\n this.dataService = dataService;\n this.authService = inject(AuthService);\n this.window = inject(WINDOW_TOKEN);\n }\n\n ngOnInit(): void {\n this.lazyLoad = Array(6).fill(this.dataService.isEagerRendering());\n // individual components can now have knowledge of customer if we tell it\n this.hasRetailShopping = this.localeService.getLocaleObject().hasRetailShopping;\n this.isPCorAbove = ['PC', 'A', 'D'].indexOf(this.customertype) !== -1;\n this.isRetail = this.customertype === 'R';\n\n if (typeof this.src === 'string') {\n this.defaultComponentData();\n const loc: string = this.localeService.getLocale();\n if (this.src.trim().length > 0) {\n this.el.nativeElement.setAttribute('data-automation', this.src);\n // This is only relevant for admin users\n if (this.authService.getCustomerType() === 'EM') {\n this.el.nativeElement.setAttribute('data-src', this.src);\n this.el.nativeElement.setAttribute('data-map', JSON.stringify(this.map));\n }\n }\n\n if (!!loc) {\n // we already have one so we don't have to wait for the subscription\n this.localeChangeBeforeLoadContent(loc);\n if (!this.syncLoadcontent) {\n this.loadContent();\n this.localeChangeAfterLoadContent(loc);\n }\n }\n this.localeSubscription = this.localeService.getLocaleObservable().subscribe((locale) => {\n this.localeChangeBeforeLoadContent(locale);\n this.loadContent();\n this.localeChangeAfterLoadContent(locale);\n });\n } else {\n this.data = this.src as any;\n\n this.dataIsLoaded = true;\n }\n }\n\n ngOnDestroy(): void {\n if (!!this.componentDataSubscription) {\n this.componentDataSubscription.unsubscribe();\n }\n if (!!this.localeSubscription) {\n this.localeSubscription.unsubscribe();\n }\n }\n\n hasInnerText(key) {\n if (key !== undefined || key !== null) {\n const elem = this.createElementFromHTML(key) as any;\n const len = elem.innerText.trim().length;\n return len > 0 ? true : false;\n } else {\n return false;\n }\n }\n\n createElementFromHTML(htmlString) {\n const div = document.createElement('div');\n if (htmlString !== undefined) {\n div.innerHTML = (htmlString as any) + ' '.trim();\n }\n // Change this to div.childNodes to support multiple top-level nodes\n return div;\n }\n\n protected localeChangeBeforeLoadContent(newLocale: string): void {\n // implement this if you want to use it\n }\n\n protected localeChangeAfterLoadContent(newLocale: string): void {\n // implement this if you want to use it\n }\n\n protected processComponentData(data): void {\n // implement this if you want to process the data loaded from the json for this component\n }\n\n protected defaultComponentData(): void {\n // implement this if you want to have a 'empty' version of the component that renders faster\n this.dataIsLoaded = false; // todo double check this can be here.\n }\n\n protected loadContent(): void {\n this.translationMapperService.translateFromMap(this.src, this.map).then((tData) => {\n this.data = tData;\n this.processComponentData(this.data);\n this.dataIsLoaded = true;\n });\n }\n\n public marketIn(list: string): boolean {\n return list.split(',').indexOf(this.localeService.getLocale()) >= 0;\n }\n\n public isBaoying(): boolean {\n return this.localeService.isBaoyingMarket();\n }\n getMaterial(itemNum: number) {\n const items = [];\n for (let i = 0; i < itemNum; i++) {\n items.push({\n imgUrl: 'items.' + i + '.imgUrl',\n imgUrlbig: 'items.' + i + '.imgUrlbig',\n desc: 'items.' + i + '.desc',\n });\n }\n return items;\n }\n // this captures the info needed for when we queue up some promos for a dataLayer.push()\n // the push happens in the page.component (\"makeImpression()\")\n captureView({ target, visible }: { target: Element; visible: boolean }): void {\n if (visible) {\n const promo = {\n id: target.attributes['data-id'].value,\n name: target.attributes['data-name'] ? target.attributes['data-name'].value : undefined,\n creative: target.attributes['data-creative'].value,\n position: `dotcom_${target.attributes['data-position'].value}`,\n };\n const promoViewArr = this.window.impressionBucket.filter((r) => r.event === 'EEpromotionView');\n // add to the last impression\n const promos = promoViewArr[promoViewArr.length - 1].ecommerce.promoView.promotions;\n if (promos.length === 0 || promos.findIndex((x) => x.position === promo.position) === -1) {\n promos.push(promo);\n }\n }\n }\n\n captureClick({ currentTarget, visible }: { currentTarget: Element; visible: boolean }): void {\n const promo = {\n id: currentTarget.attributes['data-id'].value,\n name: currentTarget.attributes['data-name'].value,\n creative: currentTarget.attributes['data-creative'].value,\n position: `dotcom_${currentTarget.attributes['data-position'].value}`,\n };\n const obj = {\n event: 'EEpromotionClick',\n ecommerce: {\n promoClick: {\n promotions: [promo],\n },\n },\n };\n this.window.dataLayer = this.window.dataLayer || [];\n this.window.dataLayer.push(obj);\n }\n\n urlPathId(url) {\n if (url !== null && url !== undefined) {\n const urlWithoutTrailingSlash = url.replace(/\\/$/, '');\n const urlArr = urlWithoutTrailingSlash.split('/');\n return this.el.nativeElement.tagName + '~' + urlArr[urlArr.length - 1].split('?')[0];\n } else {\n return this.el.nativeElement.tagName + '~';\n }\n }\n}\n","export class ComponentTranslationMapping {\n src: string;\n map: any;\n\n constructor(_src: string, _map: any) {\n this.src = _src;\n this.map = _map;\n }\n}\n","import {Component, OnInit, Inject, ViewChildren, QueryList, ElementRef} from '@angular/core';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {HttpClient} from '@angular/common/http';\nimport {Meta, Title} from '@angular/platform-browser';\nimport {LocaleService} from '@shared/lib/services/locale.service';\nimport {BaseComponent} from '@shared/lib/components/base.component';\nimport {AuthService} from '@shared/lib/services/auth.service';\nimport {UrlService} from '@shared/lib/services/url.service';\nimport {DOCUMENT} from '@angular/common';\nimport {TranslationMapperService} from '@shared/lib/services/translation-mapper.service';\nimport {I18nInfo, Market, UsanaMarketService} from '@usana/ux/markets';\nimport {PageStructureService} from '@shared/lib/services/page-structure.service';\nimport {DEFAULT_LOCALE} from '@shared/lib/shared.tokens';\nimport {ComponentTranslationMapping} from '@shared/lib/model/component-translation-mapping';\nimport {DataService} from '@shared/lib/services/data.service';\n\n@Component({\n selector: 'u-page',\n template: '\n \n \n \n
\n\n \n
\n\n \n ![\"\"/]()
\n \n
\n \n
\n {{item.name}}
\n{{item.country}}, {{item.sport}}
\nGlobal Partners
\n\n
\n\n \n ![\"\"]()
\n
\n \n {{data.linkText}} \n
\n\n\n\n\n