primo-explore-cam-search-bar-tabs/js/primo-explore-cambridge.js

Cambridge Primo NUI components

!function r(l,i,o){function s(n,t){if(!i[n]){if(!l[n]){var e="function"==typeof require&&require;if(!t&&e)return e(n,!0);if(d)return d(n,!0);var a=new Error("Cannot find module '"+n+"'");throw a.code="MODULE_NOT_FOUND",a}var c=i[n]={exports:{}};l[n][0].call(c.exports,function(t){var e=l[n][1][t];return s(e||t)},c,c.exports,r,l,i,o)}return i[n].exports}for(var d="function"==typeof require&&require,t=0;t<o.length;t++)s(o[t]);return s}({1:[function(t,e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=function(){function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t}}();t("./utils");var c=t("./components/general/camTabs"),r=t("./components/general/camBrowseButton");var l=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return a(t,null,[{key:"all",get:function(){return[{name:"cam-tabs",config:c.camTabsConfig,enabled:!0,appendTo:null},{name:"cam-browse-button",config:r.camBrowseButtonConfig,enabled:!0,appendTo:null}].filter(function(t){return t.enabled})}}]),t}();n.default=l},{"./components/general/camBrowseButton":2,"./components/general/camTabs":3,"./utils":5}],2:[function(t,e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=function(){function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t}}();var c=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.state=t}return a(e,[{key:"switchBrowse",value:function(){this.state.go("exploreMain.browseSearch",{vid:window.appConfig.vid})}}]),e}();c.$inject=["$state"];n.camBrowseButtonConfig={bindings:{parentCtrl:"<",isAdvanced:"="},controller:c,template:'<md-button aria-label="Browse"\n           class="cam-button zero-margin button-with-icon"\n           ng-class="{\'switch-to-advanced\': $ctrl.isAdvanced, \'switch-to-advanced\': !$ctrl.isAdvanced}"\n           ng-click="$ctrl.switchBrowse()">\n           <span layout="row" layout-align="start center">\n             <span>Browse</span>\n           </span>\n</md-button>\n'}},{}],3:[function(t,e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=function(){function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t}}();var c=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return a(t,[{key:"searchScopes",get:function(){return Object.keys(window.appConfig.searchScopesMap)}},{key:"selectedIndex",get:function(){return Array.from(this.searchScopes).indexOf(this.selectedTab)},set:function(t){this.selectedTab=this.searchScopes[t],this.selectedScope=window.appConfig.searchScopesMap[this.selectedTab][0]["scope-id"]}}]),t}();n.camTabsConfig={bindings:{parentCtrl:"<",selectedTab:"=",selectedScope:"="},controller:c,template:'<md-radio-group style="background-color:white;" ng-model="$ctrl.selectedIndex" ng-change="$ctrl.selectedIndex($index)" layout="row" layout-wrap>\n  <md-radio-button ng-repeat="tab in $ctrl.searchScopes" value="{{$index}}" class="md-primary" aria-label="{{\'tabbedmenu.\'+index+\'.label\' | translate}}">\n    <span translate="tabbedmenu.{{tab}}.label"></span>\n  </md-radio-button>\n</md-radio-group>\n'}},{}],4:[function(t,e,n){"use strict";var a,c=t("./components"),r=(a=c)&&a.__esModule?a:{default:a};var l;if(console.log("Starting"),void 0===l)try{l=angular.module("viewCustom"),console.log('Referencing "app"')}catch(t){try{l=angular.module("viewCustom",[]),console.log('creating "app"')}catch(t){console.log("unable to create app"),console.log(t)}}else l=angular.module("viewCustom"),console.log("Found a reference to app");l&&function(){l.run(function(t){t.put("components/search/searchBar/search-bar.html",'<div layout="column" layout-fill tabindex="-1" role="search" ng-class="{\'zero-padding\': $ctrl.showTabsAndScopesVal()}">\n\t<div class="search-wrapper dark-toolbar prm-top-bar-container main-header-row" div layout="row" ng-class="{\'facet-to-left\': $ctrl.facetToLeft && !$ctrl.mediaQueries.xs && !$ctrl.mediaQueries.sm && !$ctrl.mediaQueries.md}">\n\t\t<div flex="0" flex-md="0" flex-lg="10" flex-xl="20" ng-class="{\'facet-to-left-spacer\': $ctrl.facetToLeft && !$ctrl.mediaQueries.xl && !$ctrl.mediaQueries.md && !$ctrl.mediaQueries.sm && !$ctrl.mediaQueries.xs, \'flex-xl-25\': $ctrl.facetToLeft}"></div>\n\t\t<div class="search-elements-wrapper" layout="column" flex flex-sm="85" flex-md="75" flex-lg="65" flex-xl="50" ng-class="(!$ctrl.advancedSearch ?\'simple-mode\' : \'advanced-mode\')  + \' \' + ($ctrl.mainSearchField ? \'has-input\' : \'\') + \' \' + ($ctrl.mediaQueries.lgPlus ? \'flex-lgPlus-55\' : \'\') + \' \' + ($ctrl.facetToLeft? \'facet-to-left-search-bar\' : \'\')">\n\t\t\t<div class="simple-search-wrapper layout-full-width" ng-hide="$ctrl.advancedSearch">\n\t\t\t\t\x3c!-- add code here --\x3e\n\t\t\t\t<cam-tabs selected-scope="$ctrl.scopeField" selected-tab="$ctrl.selectedTab"></cam-tabs>\n\t\t\t\t\x3c!-- add code here --\x3e\n\t\t\t\t<form class="layout-full-height" layout="column" name="search-form" ng-submit="$ctrl.onSubmit()">\n\t\t\t\t\t<input type="submit" class="accessible-only" tabindex="-1" aria-hidden="true"/>\n\t\t\t\t\t<div class="layout-full-width">\n\t\t\t\t\t\t<div class="search-element-inner layout-full-width">\n\t\t\t\t\t\t\t<div class="search-input">\n\t\t\t\t\t\t\t\t<prm-autocomplete class="search-input-container EXLPRMHeaderAutoComplete" md-input-id="searchBar" md-search-text="$ctrl.mainSearchField" md-search-text-change="$ctrl.autocompleteQuery($ctrl.mainSearchField)" md-selected-item="$ctrl.selectedItem" md-selected-item-change="$ctrl.onSelectItem()" md-item-text="item.display || $ctrl.typedQuery " md-min-length="2" md-autofocus="false" md-no-cache="true" md-items="item in $ctrl.autoCompleteItems" md-item-text="item" placeholder="{{$ctrl.placeHolderText}}" clear="{{$ctrl.clearButtonText}}" flex>\n\t\t\t\t\t\t\t\t\t<md-item-template>\n\t\t\t\t\t\t\t\t\t\t<div ng-if="item.tab">\n\t\t\t\t\t\t\t\t\t\t\t<span md-highlight-text="$ctrl.mainSearchField">{{$ctrl.mainSearchField}}</span>\n\t\t\t\t\t\t\t\t\t\t\t<prm-icon icon-type="svg" svg-icon-set="primo-ui" icon-definition="magnifying-glass"></prm-icon>\n\t\t\t\t\t\t\t\t\t\t\t<span class="suggestion-scope" translate="{{\'tabbedmenu.\'+item.tab+\'.label\'}}"></span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div ng-if="!item.tab" md-highlight-text="$ctrl.mainSearchField">{{item.shortDisplay}}</div>\n\t\t\t\t\t\t\t\t\t</md-item-template>\n\t\t\t\t\t\t\t\t</prm-autocomplete>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="search-options" ng-class="{\'flex-sm-0 flex-0 hide-on-xs\':!$ctrl.showTabsAndScopesVal(), \'flex-sm-40 visible\':$ctrl.showTabsAndScopesVal()}">\n\t\t\t\t\t\t\t\t<prm-tabs-and-scopes-selector ng-if="$ctrl.showTabsAndScopesVal()" [(selected-scope)]="$ctrl.scopeField" [(selected-tab)]="$ctrl.selectedTab" ng-class="{\'is-displayed\':$ctrl.showTabsAndScopesVal()}" (update-find-in-db-event)="$ctrl.updateShowFindDBButton($event)" (change-tab-event)="$ctrl.onChangeTabEvent($event)"></prm-tabs-and-scopes-selector>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="search-actions" ng-if="::(!$ctrl.scopesDialerConfiguration.display)" layout-align-xs="start center">\n\t\t\t\t\t\t\t\t<md-button class="zero-margin md-icon-button" ng-if="!$ctrl.advancedSearch" ng-click="$ctrl.switchAdvancedSearch()" hide-gt-xs>\n\t\t\t\t\t\t\t\t\t<prm-icon icon-type="svg" svg-icon-set="primo-ui" icon-definition="tune"></prm-icon>\n\t\t\t\t\t\t\t\t</md-button>\n\t\t\t\t\t\t\t\t<md-button class="zero-margin button-confirm" aria-label="{{$ctrl.getSubmitAriaLabelCode() | translate}}" (click)="$ctrl.onSubmit()">\n\t\t\t\t\t\t\t\t\t<prm-icon icon-type="{{::$ctrl.searchBoxIcons.searchTextBox.type}}" svg-icon-set="{{::$ctrl.searchBoxIcons.searchTextBox.iconSet}}" icon-definition="{{::$ctrl.searchBoxIcons.searchTextBox.icon}}"></prm-icon>\n\t\t\t\t\t\t\t\t</md-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n        \t\t\t<div ng-if="$ctrl.isShowFindDBButton || $ctrl.isPreFilterEnable" class="search-extras layout-full-width">\n        \t\t\t\t<div layout="row" class="pre-filters-container">\n        \t\t\t\t\t<prm-pre-filters ng-if="$ctrl.isPreFilterEnable" [(selected-tab)]="$ctrl.selectedTab" [pre-filters]="$ctrl.pFilters" (search-event)="$ctrl.search($event)" flex="" class="ng-scope ng-isolate-scope flex"></prm-pre-filters>\n        \t\t\t\t\t<span flex ng-if="!$ctrl.isPreFilterEnable"></span>\n        \t\t\t\t\t<md-button ng-if="$ctrl.isShowFindDBButton" class="button-with-icon" ng-class="{\'button-over-dark\': !$ctrl.advancedSearch}" (click)="::$ctrl.openFdbIframe();" translate-attr-title="mainmenu.label.moreoptions" aria-label="{{::(\'finddb.sb.title\' | translate)}}">\n        \t\t\t\t\t\t<prm-icon icon-type="svg" svg-icon-set="primo-ui" icon-definition="database"></prm-icon>\n        \t\t\t\t\t\t<span translate="finddb.sb.title"></span>\n        \t\t\t\t\t</md-button>\n        \t\t\t\t</div>\n        \t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</div>\n\t\t\t<div class="advanced-search-wrapper layout-full-width" layout="row" ng-if="$ctrl.advancedSearch" ng-cloak>\n\t\t\t\t<prm-advanced-search tabindex="0" id="advanced-search" [(selected-scope)]="$ctrl.scopeField" [(selected-tab)]="$ctrl.selectedTab" [(show-tab-and-scopes)]="$ctrl.showTabsAndScopes" [(typed-query)]="$ctrl.mainSearchField" (update-find-in-db-event)="$ctrl.updateShowFindDBButton($event)"></prm-advanced-search>\n\t\t\t\t<md-button class="switch-to-simple zero-margin md-icon-button" ng-if="$ctrl.advancedSearch" ng-click="$ctrl.switchAdvancedSearch()" hide-gt-xs>\n\t\t\t\t\t<prm-icon icon-type="svg" svg-icon-set="primo-ui" icon-definition="close"></prm-icon>\n\t\t\t\t</md-button>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class="search-switch-buttons" layout-sm="column" layout-align-sm="start stretch" hide-xs ng-class="{\'facet-to-left-advanced-search\': $ctrl.facetToLeft}">\n\t\t\t<md-button aria-label="{{\'nui.aria.searchBar.advancedLink\' | translate}}" class="switch-to-advanced zero-margin button-with-icon" ng-if="!$ctrl.advancedSearch" ng-click="$ctrl.switchAdvancedSearch()">\n\t\t\t\t<span layout="row" layout-align="start center">\n\t\t\t\t\t<span translate="label.advanced_search"></span>\n\t\t\t\t</span>\n\t\t\t</md-button>\n\t\t\t<md-button class="switch-to-simple zero-margin button-with-icon" ng-if="$ctrl.advancedSearch" ng-click="$ctrl.switchAdvancedSearch()">\n\t\t\t\t<span layout="row" layout-align="start center">\n\t\t\t\t\t<span translate="label.simple_search"></span>\n\t\t\t\t</span>\n\t\t\t</md-button>\n\t\t\t\x3c!-- add code here --\x3e\n\t\t\t<cam-browse-button class="switch-to-advanced zero-margin button-with-icon"></cam-browse-button>\n\t\t\t\x3c!-- add code here --\x3e\n\t\t</div>\n\t\t<div flex="0" flex-md="0" flex-sm="0" flex-lg="15" flex-xl="15" ng-class="{\'flex-lgPlus-10\': $ctrl.facetToLeft && !$ctrl.mediaQueries.xs}"></div>\n\t</div>\n\t<div layout="row" ng-if="!$ctrl.advancedSearch && $ctrl.showSignIn">\n\t\t<div flex="0" flex-md="0" flex-lg="15" flex-xl="20"></div>\n\t\t<prm-alert-bar flex [alert-object]="$ctrl.signInAlert"></prm-alert-bar>\n\t\t<div class="padding-left-medium" flex="0" flex-md="25" flex-lg="10" flex-xl="15" hide-xs></div>\n\t\t<div flex="0" flex-md="0" flex-sm="10" flex-lg="20" flex-xl="20"></div>\n\t</div>\n</div>\n<div class="advanced-search-backdrop" ng-class="{\'visible\': $ctrl.advancedSearch}"></div>\n<prm-search-bar-after parent-ctrl="$ctrl"></prm-search-bar-after>\n')});var a={};console.log("Loading components"),r.default.all.forEach(function(t){if(t.appendTo){var e=a[t.appendTo]||[];e.push(t.name),a[t.appendTo]=e}console.log("\t\t"+t.name),l.component(t.name.toCamelCase(),t.config)}),Object.keys(a).forEach(function(t,e){var n=a[t];l.component(t.toCamelCase(),{bindings:{parentCtrl:"<"},template:n.map(function(t){return"<"+t+' parent-ctrl="$ctrl"></'+t+">"}).join("")})})}()},{"./components":1}],5:[function(t,e,n){"use strict";String.prototype.toCamelCase=function(){return this.split("-").map(function(t,e,n){return 0<e?t.charAt(0).toUpperCase()+t.slice(1):t}).join("")}},{}]},{},[4]);
//# sourceMappingURL=custom.js.map