1"use strict";(self.webpackChunkcampusangular=self.webpackChunkcampusangular||[]).push([[416],{48656:(j,b,o)=>{o.d(b,{M:()=>$});var e=o(82232),I=o(54496);let $=(()=>{class f{constructor(){}transform(R,...v){if(!R||2!==R.length)return"";let C=R[0],c=R[1];const A=e._.formatTemporalType(C,"date"),re=e._.formatTemporalType(C,"time"),X=e._.formatTemporalType(c,"date"),H=e._.formatTemporalType(c,"time");let U=A+", "+re;return null!=X&&(U+=" - "+X,null!=H&&(U+=", "+H)),U}static{this.\u0275fac=function(v){return new(v||f)}}static{this.\u0275pipe=I.UTH({name:"caDateRangePipe",type:f,pure:!0})}}return f})()},34760:(j,b,o)=>{o.d(b,{e:()=>$});var e=o(54496);const I=["*"];let $=(()=>{class f{static{this.\u0275fac=function(v){return new(v||f)}}static{this.\u0275cmp=e.In1({type:f,selectors:[["ca-section-header-right-side"]],ngContentSelectors:I,decls:1,vars:0,template:function(v,C){1&v&&(e.kPM(),e._Xx(0))},styles:["[_nghost-%COMP%]{display:flex;place-content:center flex-end;flex:1 1 100%;max-width:20%}@media (max-width: 767px){[_nghost-%COMP%]{max-width:50%}}@media (max-width: 320px){[_nghost-%COMP%]{flex-direction:column}}"],changeDetection:0})}}return f})()},98908:(j,b,o)=>{o.d(b,{F:()=>g});var e=o(95657),I=o(64940),f=o(54496);let g=(()=>{class R{constructor(){this.filterEntriesChanges$=new e.E,this.filterDisplayChange$=new e.E,this.filterEntryTextChange$=new e.E}applyFilter(C,c){this.filterEntriesChanges$.next({entries:C,emitFilters:c})}onFilterApply(){return this.filterEntriesChanges$.asObservable()}notifyFilterDisplayChange(C){this.filterDisplayChange$.next(C)}onFilterDisplayChanged(){return this.filterDisplayChange$.asObservable()}notifyFilterTextChange(){this.filterEntryTextChange$.next()}onFilterTextChange(){return this.filterEntryTextChange$.asObservable()}countFilterEntries(C){return C&&C.length?C.filter(c=>!c.isHidden).map(c=>I.isArray(c.value)?c.value.length:1).reduce((c,A)=>c+A,0):0}static{this.\u0275fac=function(c){return new(c||R)}}static{this.\u0275prov=f.wxM({token:R,factory:R.\u0275fac})}}return R})()},70580:(j,b,o)=>{o.d(b,{w:()=>$});var e=o(81316),I=o(35456),$=function(g){return g.POSITION_IN_CURRICULUM="POSITION_IN_CURRICULUM",g.FREE_SUBJECT="FREE_SUBJECT",g.MASTER_SUBJECT_IN_ADVANCE="MASTER_SUBJECT_IN_ADVANCE",g.ADDITIONAL_ACHIEVEMENT="ADDITIONAL_ACHIEVEMENT",g.NO_ASSIGNMENT="NO_ASSIGNMENT",g.WITHOUT_CURRICULUM_VERSION="WITHOUT_CURRICULUM_VERSION",g.STP_MODEL_DEFAULT="STP_MODEL_DEFAULT",g}($||{});let f=class{};f=(0,e.UN)([(0,I.mu)("coPotentialCurriculumContext"),(0,I.k7)("model-slc.cm.curriculumcontext.coPotentialCurriculumContext")],f)},11796:(j,b,o)=>{o.r(b),o.d(b,{EgCatalogModule:()=>Xi});var e=o(54496),I=o(14192);o(9500);var g=o(81316),R=o(37892),v=o(9096),C=o(1560),c=o(72884),A=o(54679);const re=()=>["/eg.catalog/components/ajax/plsql-rest-example"],X=()=>["/eg.catalog/components/inputs/ca-date-picker"],H=()=>["/eg.catalog/components/input/ca-select"],U=()=>["/eg.catalog/components/input/ca-upload"],At=()=>["/eg.catalog/components/input/ca-img-cropper"],Ft=()=>["/eg.catalog/components/input/ca-resettable-textarea"],xt=()=>["/eg.catalog/components/menu/ca-drop-down-dialog"],Vt=()=>["/eg.catalog/components/menu/ca-organisation-chooser"],Ut=()=>["/eg.catalog/components/menu/slc-semester-chooser"],zt=()=>["/eg.catalog/components/menu/slc-curriculum-version-chooser"],qt=()=>["/eg.catalog/components/menu/slc-curriculum-context-chooser"],Xt=()=>["/eg.catalog/components/menu/slc-curriculum-version-filter"],Ht=()=>["/eg.catalog/components/misc/form-example"],Wt=()=>["/eg.catalog/components/command/ca-button"],Qt=()=>["/eg.catalog/components/formatter/ca-date-pipe"],Jt=()=>["/eg.catalog/components/panel/concat-list"],Zt=()=>["/eg.catalog/components/misc/ca-translation-pipe"],ta=()=>["/eg.catalog/component/misc/eg-ca-utf8-byte-count-pipe"],aa=()=>["/eg.catalog/components/misc/ca-status"],ia=()=>["/eg.catalog/components/panel/ca-maintenance-banner"],ce=()=>["/eg.catalog/components/misc/ca-section"],oa=()=>["/eg.catalog/component/misc/ca-message-service"],la=()=>["/eg.catalog/components/overlay/ca-dialog"],sa=()=>["/eg.catalog/components/overlay/ca-confirm-dialog"],ra=()=>["/eg.catalog/components/menu/ca-app-menu"],ca=()=>["/eg.catalog/components/misc/ca-calendar-icon"],da=()=>["/eg.catalog/component/misc/ca-organisation-address"],ma=()=>["/eg.catalog/component/misc/eg-ca-calendar"],pa=()=>["/eg.catalog/component/misc/eg-ca-choices"],ga=()=>["/eg.catalog/components/misc/ca-entry"],Ca=()=>["/eg.catalog/components/panel/ca-list"],ha=()=>["/eg.catalog/components/panel/ca-list/"],Ea=()=>["/eg.catalog/components/menu/ca-pager"],ka=()=>["/eg.catalog/components/menu/ca-list-filter"],fa=()=>["/pl/ui/$ctx/wbExamples.showEntryPage"];let W=class ye{constructor(r){this.pageService=r}ngOnInit(){this.pageService.initPage(this)}static{this.\u0275fac=function(a){return new(a||ye)(e.GI1(v.e))}}static{this.\u0275cmp=e.In1({type:ye,selectors:[["eg-catalog-page"]],decls:216,vars:74,consts:[["href","https://campusonline.tugraz.at/confluence/display/DEV/CO+Komponenten","target","_blank","rel","noopener noreferrer"],[1,"fas","fa-external-link-alt"],[3,"routerLink"],["target","_blank",3,"routerLink"],["caPermaLink","pages/example","target","_blank"]],template:function(a,i){1&a&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"Component Catalog"),e.C$Y(),e.I0R(4,"p"),e.OEk(5,"Here you see a list of implementations. You also can find a "),e.I0R(6,"a",0),e.OEk(7,"list with screenshots "),e.wR5(8,"mat-icon",1),e.C$Y(),e.OEk(9," in COnfluence "),e.C$Y(),e.I0R(10,"h4"),e.OEk(11,"Ajax"),e.C$Y(),e.I0R(12,"ul")(13,"li")(14,"a",2),e.OEk(15,"PLSQL RESTful Service Example "),e.C$Y()()(),e.I0R(16,"h4"),e.OEk(17,"In
1put"),e.C$Y(),e.I0R(18,"ul")(19,"li")(20,"a",2),e.OEk(21,"Datepickers (ca-date-picker)"),e.C$Y()(),e.I0R(22,"li")(23,"a",2),e.OEk(24,"Mulitselect (ca-select)"),e.C$Y()(),e.I0R(25,"li")(26,"a",2),e.OEk(27,"File Uplaod (ca-upload)"),e.C$Y()(),e.I0R(28,"li")(29,"a",2),e.OEk(30,"Image Cropper (ca-img-cropper)"),e.C$Y()(),e.I0R(31,"li")(32,"a",2),e.OEk(33,"Textarea (ca-resettable-textarea)"),e.C$Y()(),e.I0R(34,"li")(35,"a",2),e.OEk(36,"Dropdown dialog (ca-drop-down-dialog)"),e.C$Y(),e.OEk(37," DEPRECATED"),e.C$Y(),e.I0R(38,"li")(39,"a",2),e.OEk(40,"Organisation Cooser (brm-organisation-chooser)"),e.C$Y()(),e.I0R(41,"li")(42,"a",2),e.OEk(43,"Semester Cooser (slc-semester-chooser)"),e.C$Y()(),e.I0R(44,"li")(45,"a",2),e.OEk(46,"Curriculum Version Cooser (slc-curriculum-version-chooser)"),e.C$Y()(),e.I0R(47,"li")(48,"a",2),e.OEk(49,"Curriculum Context Cooser (slc-curriculum-context-chooser)"),e.C$Y()(),e.I0R(50,"li")(51,"a",2),e.OEk(52,"Curriculum Version Filter (slc-curriculum-version-filter)"),e.C$Y()(),e.I0R(53,"li"),e.OEk(54,"Generic chooser - mat-select (ca-generic-chooser)"),e.C$Y(),e.I0R(55,"li")(56,"a",2),e.OEk(57,"Form"),e.C$Y()()(),e.I0R(58,"h4"),e.OEk(59,"Command (Buttons and Links)"),e.C$Y(),e.I0R(60,"ul")(61,"li")(62,"a",2),e.OEk(63,"Buttons (ca-button)"),e.C$Y()(),e.I0R(64,"li"),e.OEk(65,"Person link (ca-businesscard-link)"),e.C$Y(),e.I0R(66,"li"),e.OEk(67,"Lectureships (tm-lectureships, tm-lectureship-link, tm-more-lectureships)"),e.C$Y(),e.I0R(68,"li"),e.OEk(69,"Location link (slc-exam-location)"),e.C$Y(),e.I0R(70,"li"),e.OEk(71,"Download link (ca-download)"),e.C$Y()(),e.I0R(72,"h4"),e.OEk(73,"Formatter, Methods, Classes"),e.C$Y(),e.I0R(74,"ul")(75,"li")(76,"a",2),e.OEk(77,"Date and Time Pipes"),e.C$Y()(),e.I0R(78,"li")(79,"a",2),e.OEk(80,"Concat List"),e.C$Y()(),e.I0R(81,"li")(82,"a",2),e.OEk(83,"Translation pipe (ca-translation-pipe)"),e.C$Y()(),e.I0R(84,"li")(85,"a",2),e.OEk(86,"Bytecount of string - utf8 encoded"),e.C$Y()(),e.I0R(87,"li")(88,"a",2),e.OEk(89,"Status (ca-status)"),e.C$Y()(),e.I0R(90,"li"),e.OEk(91,"Courses (slc-course-number, slc-course-title, ca-course-bookmark)"),e.C$Y()(),e.I0R(92,"h4"),e.OEk(93,"Panel"),e.C$Y(),e.I0R(94,"ul")(95,"li")(96,"a",2),e.OEk(97,"Maintenance Banner (ca-maintenance-banner)"),e.C$Y()(),e.I0R(98,"li")(99,"a",2),e.OEk(100,"Collapsible Container (ca-collapsible-container, ca-collapsible-summary)"),e.C$Y()(),e.I0R(101,"li"),e.OEk(102,"Wizard (ca-wizard)"),e.C$Y()(),e.I0R(103,"h4"),e.OEk(104,"Overlay"),e.C$Y(),e.I0R(105,"ul")(106,"li")(107,"a",2),e.OEk(108,"Message Service (ca-message-service)"),e.C$Y()(),e.I0R(109,"li")(110,"a",2),e.OEk(111,"Dialog (ca-dialog)"),e.C$Y()(),e.I0R(112,"li")(113,"a",2),e.OEk(114,"Confirm Dialog (ca-confirm-dialog)"),e.C$Y()(),e.I0R(115,"li"),e.OEk(116,"Tooltip"),e.C$Y()(),e.I0R(117,"h4"),e.OEk(118,"Menu"),e.C$Y(),e.I0R(119,"ul")(120,"li")(121,"a",2),e.OEk(122,"Application Menu (ca-app-menu)"),e.C$Y()()(),e.I0R(123,"h4"),e.OEk(124,"Misc"),e.C$Y(),e.I0R(125,"ul")(126,"li")(127,"a",2),e.OEk(128,"Calendar icon (ca-calendar-icon)"),e.C$Y()(),e.I0R(129,"li")(130,"a",2),e.OEk(131,"Organisation Address (ca-organisation-address)"),e.C$Y()(),e.I0R(132,"li")(133,"a",2),e.OEk(134,"Calendar (ca-calendar)"),e.C$Y()(),e.I0R(135,"li")(136,"a",2),e.OEk(137,"Choices (ca-choices)"),e.C$Y()(),e.I0R(138,"li"),e.OEk(139,"Expandable Text (ca-expandable-text, ca-more-less)"),e.C$Y(),e.I0R(140,"li"),e.OEk(141,"Keywords (slc-keywords, slc-keywords-list)"),e.C$Y(),e.I0R(142,"li"),e.OEk(143,"Curriculum Context "),e.I0R(144,"ul")(145,"li"),e.OEk(146,"Collapsible curriculum path (slc-collapsible-curriculum-path)"),e.C$Y(),e.I0R(147,"li"),e.OEk(148,"Curriculum element (slc-curriculum-path-element, slc-curriculum-element)"),e.C$Y(),e.I0R(149,"li"),e.OEk(150,"slc-curriculum-position-entry"),e.C$Y(),e.I0R(151,"li"),e.OEk(152,"slc-curriculum-context-display"),e.C$Y(),e.I0R(153,"li"),e.OEk(154,"slc-curriculum-path"),e.C$Y()()()(),e.I0R(155,"h4"),e.OEk(156,"Detail page"),e.C$Y(),e.I0R(157,"ul")(158,"li")(159,"a",2),e.OEk(160,"Detail page (ca-detail-view)"),e.C$Y()(),e.I0R(161,"li")(162,"a",2),e.OEk(163,"Detail Page Section (ca-section)"),e.C$Y(),e.I0R(164,"ul")(165,"li"),e.OEk(166,"Buttons on detail page (ca-navigation-action-container)"),e.C$Y(),e.I0R(167,"li"),e.OEk(168,"Section Header Right (ca-section-header-right-side)"),e.C$Y(),e.I0R(169,"li"),e.OEk(170,"Subsection for collapsible (ca-subsection)"),e.C$Y()()(),e.I0R(171,"li")(172,"a",2),e.OEk(173,"Detail Page Entry (ca-entry)"),e.C$Y()()(),e.I0R(174,"h4"),e.OEk(175,"List page"),e.C$Y(),e.I0R(176,"ul")(177,"li")(178,"a",2),e.OEk(179,"List (ca-list)"),e.C$Y()(),e.I0R(180,"li")(181,"a",2),e.OEk(182,"Table (mat-table) - see below list"),e.C$Y()(),e.I0R(183,"li")(184,"a",2),e.OEk(185,"Pager (ca-pager)"),e.C$Y()(),e.I0R(186,"li"),e.OEk(187,"List header (ca-list-header)"),e.C$Y(),e.I0R(188,"li"),e.OEk(189,"Sort & Filter (ca-list-tools) "),e.I0R(190,"ul")(191,"li")(192,"a",2),e.OEk(193," List Filter (ca-list-filter)"),e.C$Y()(),e.I0R(194,"li"),e.OEk(195,"List Sort (ca-list-sort)"),e.C$Y(),e.I0R(196,"li"),e.OEk(197,"Selected filter (ca-list-filter-display)"),e.C$Y(),e.I0R(198,"li"),e.OEk(199,"Filter input (ca-search-inputbox, ca-filter-input)"),e.C$Y()()()(),e.I0R(200,"h4"),e.OEk(201,"Integration"),e.C$Y(),e.I0R(202,"ul")(203,"li")(204,"a",3),e.OEk(205,"Integration components "),e.wR5(206,"mat-icon",1),e.C$Y()()(),e.I0R(207,"h4"),e.OEk(208,"Example App"),e.C$Y(),e.I0R(209,"ul")(210,"li"),e.OEk(211,"If you are looking for a whole app for good practices, then you can consult the "),e.I0R(212,"a",4),e.OEk(213,"eg.title "),e.wR5(214,"mat-icon",1),e.C$Y(),e.OEk(215," app."),e.C$Y()()()()),2&a&&(e.yG2(14),e.E7m("routerLink",e.q4q(37,re)),e.yG2(6),e.E7m("routerLink",e.q4q(38,X)),e.yG2(3),e.E7m("routerLink",e.q4q(39,H)),e.yG2(3),e.E7m("routerLink",e.q4q(40,U)),e.yG2(3),e.E7m("routerLink",e.q4q(41,At)),e.yG2(3),e.E7m("routerLink",e.q4q(42,Ft)),e.yG2(3),e.E7m("routerLink",e.q4q(43,xt)),e.yG2(4),e.E7m("routerLink",e.q4q(44,Vt)),e.yG2(3),e.E7m("routerLink",e.q4q(45,Ut)),e.yG2(3),e.E7m("routerLink",e.q4q(46,zt)),e.yG2(3),e.E7m("routerLink",e.q4q(47,qt)),e.yG2(3),e.E7m("routerLink",e.q4q(48,Xt)),e.yG2(5),e.E7m("routerLink",e.q4q(49,Ht)),e.yG2(6),e.E7m("routerLink",e.q4q(50,Wt)),e.yG2(14),e.E7m("routerLink",e.q4q(51,Qt)),e.yG2(3),e.E7m("routerLink",e.q4q(52,Jt)),e.yG2(3),e.E7m("routerLink",e.q4q(53,Zt)),e.yG2(3),e.E7m("routerLink",e.q4q(54,ta)),e.yG2(3),e.E7m("routerLink",e.q4q(55,aa)),e.yG2(8),e.E7m("routerLink",e.q4q(56,ia)),e.yG2(3),e.E7m("routerLink",e.q4q(57,ce)),e.yG2(8),e.E7m("routerLink",e.q4q(58,oa)),e.yG2(3),e.E7m("routerLink",e.q4q(59,la)),e.yG2(3),e.E7m("routerLink",e.q4q(60,sa)),e.yG2(8),e.E7m("routerLink",e.q4q(61,ra)),e.yG2(6),e.E7m("routerLink",e.q4q(62,ca)),e.yG2(3),e.E7m("routerLink",e.q4q(63,da)),e.yG2(3),e.E7m("routerLink",e.q4q(64,ma)),e.yG2(3),e.E7m("routerLink",e.q4q(65,pa)),e.yG2(23),e.E7m("routerLink",e.q4q(66,ce)),e.yG2(3),e.E7m("routerLink",e.q4q(67,ce)),e.yG2(10),e.E7m("routerLink",e.q4q(68,ga)),e.yG2(6),e.E7m("routerLink",e.q4q(69,Ca)),e.yG2(3),e.E7m("routerLink",e.q4q(70,ha)),e.yG2(3),e.E7m("routerLink",e.q4q(71,Ea)),e.yG2(8),e.E7m("routerLink",e.q4q(72,ka)),e.yG2(12),e.E7m("routerLink",e.q4q(73,fa)))},dependencies:[I.ER,C.qL,c.c,A.X],encapsulation:2,changeDetection:0})}};W=(0,g.UN)([(0,R.u)({key:"CO3EXAMPLES",title:"CO 3.0 Examples Catalog"}),(0,g.YR)("design:paramtypes",[v.e])],W);let be=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-app-menu-example"]],decls:11,vars:0,template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Menu"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"Application Menu"),e.C$Y()(),e.I0R(7,"section"),e.OEk(8," The application menu (ca-app-menu) is the central navigation element of a CAMPUSonline EE app. It offers the user a consistent navigation between multiple pages of one CAMPUSonline EE app. "),e.I0R(9,"p"),e.OEk(10," Pages which are implemented across multiple ca2-apps (= technical single page apps), can be combined together with an application menu to one CAMPUSonline EE app (= an app in the eyes of an user). You can't use the ca-app-menu component directly, but you have to instrument the CaAppMenuService, to change the entries in the ca-app-menu component. The reason behind this circumstance is, that there can only exists one ca-app-menu on the page, because of usability reasons. The entries of an application menu
1can be hardcoded in the client, or they can be overruled by entries which are loaded via rest from the CAMPUSonline menu config. "),e.C$Y()()()())},dependencies:[c.c],encapsulation:2,changeDetection:0})}}return t})();var Q=o(43604),Ye=o(77016),h=o(91368),_=o(27816),Y=o(42532),w=o(63436),Ia=o(30528),Ra=o(20152),Oa=o(2532),_a=o(13956),ya=o(51424),L=o(8876);function ba(t,r){if(1&t&&(e.I0R(0,"ca-list-entry"),e.OEk(1),e.I0R(2,"div")(3,"button",11),e.OEk(4,"You can place any component inside an entry"),e.C$Y()()()),2&t){const a=r.$implicit;e.yG2(),e.oRS(" ",a.something+": "+a.anotherthing," ")}}function Ya(t,r){1&t&&(e.I0R(0,"div")(1,"button",11),e.OEk(2,"This button will NOT toggle the collapsible panel"),e.C$Y()())}function $a(t,r){1&t&&(e.I0R(0,"div")(1,"a"),e.OEk(2,"This link will NOT toggle the collapsible panel"),e.C$Y()())}function va(t,r){if(1&t&&(e.I0R(0,"ca-list-entry"),e.OEk(1," Click anywhere on the entry to toggle the collapsible. "),e.yuY(2,Ya,3,0,"div",12)(3,$a,3,0,"div",12),e.I0R(4,"ca-list-collapsible-panel"),e.OEk(5," You can toggle this space. "),e.C$Y()()),2&t){const a=r.index;
1e.yG2(2),e.E7m("ngIf",0===a),e.yG2(),e.E7m("ngIf",1===a)}}function Da(t,r){1&t&&(e.I0R(0,"div")(1,"button",11),e.OEk(2,"This button will NOT enter the detail"),e.C$Y()())}function Ta(t,r){1&t&&(e.I0R(0,"div")(1,"a"),e.OEk(2,"This link will NOT enter the detail"),e.C$Y()())}function Sa(t,r){if(1&t&&(e.I0R(0,"ca-list-entry",13)(1,"ca-list-entry-left-side"),e.OEk(2,"LEFT"),e.C$Y(),e.OEk(3," Click anywhere on the entry to open the detail. "),e.yuY(4,Da,3,0,"div",12)(5,Ta,3,0,"div",12),e.I0R(6,"ca-list-entry-right-side"),e.OEk(7,"RIGHT"),e.C$Y()()),2&t){const a=r.index,i=e.GaO();e.E7m("detailLink",i.getDetailLink()),e.yG2(4),e.E7m("ngIf",0===a),e.yG2(),e.E7m("ngIf",1===a)}}function wa(t,r){1&t&&(e.I0R(0,"th",14),e.OEk(1,"ID"),e.C$Y())}function Ma(t,r){if(1&t&&(e.I0R(0,"td",15)(1,"label",16),e.OEk(2,"ID"),e.C$Y(),e.OEk(3),e.C$Y()),2&t){const a=r.$implicit;e.yG2(3),e.cNF(a.id)}}function Pa(t,r){1&t&&(e.I0R(0,"th",14),e.OEk(1,"Some Column"),e.C$Y())}function Ga(t,r){if(1&t&&(e.I0R(0,"td",15)(1,"label",16),e.OEk(2,"Some Column"),e.C$Y(),e.OEk(3),e.C$Y()),2&t){const a=r.$implicit;e.yG2(3),e.cNF(a.something)}}function Aa(t,r){1&t&&(e.I0R(0,"th",14),e.OEk(1,"Another Column"),e.C$Y())}function La(t,r){if(1&t&&(e.I0R(0,"td",15)(1,"label",16),e.OEk(2,"Another Column"),e.C$Y(),e.OEk(3),e.C$Y()),2&t){const a=r.$implicit;e.yG2(3),e.cNF(a.anotherthing)}}function Fa(t,r){1&t&&(e.I0R(0,"th",14),e.OEk(1,"Another Column "),e.C$Y())}function xa(t,r){if(1&t&&(e.I0R(0,"td",15)(1,"label",16),e.OEk(2,"Another Column"),e.C$Y(),e.OEk(3),e.C$Y()),2&t){const a=r.$implicit;e.yG2(3),e.cNF(a.anotherthing)}}function Na(t,r){1&t&&e.wR5(0,"tr",17)}function Va(t,r){1&t&&e.wR5(0,"tr",18)}const Ua=[{id:1,something:"TestTableData Entry I",anotherthing:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit."},{id:2,something:"TestTableData Entry II",anotherthing:"Lorem Ipsum Dolor"},{id:3,something:"TestTableData Entry III",anotherthing:"CAMPUSonline"},{id:4,something:"TestTableData Entry IV",anotherthing:"Test Table Data"},{id:5,something:"TestTableData Entry V",anotherthing:"not more not less"}];let $e=(()=>{class t{constructor(){this.myList=[{id:1,something:"1. Entry",anotherthing:"your stuff can go here"},{id:2,something:"2. Entry",anotherthing:"or here"},{id:3,something:"3. Entry",anotherthing:"or even here"},{id:4,something:"4. Entry",anotherthing:""},{id:5,something:"5. Entry",anotherthing:""}],this.links=[],this.displayedColumns=["id","something","anotherthing","anotherthing"],this.testTableDataSource=Ua;const a=new Q.I;a.key="theKey",a.href="#/eg.catalog",this.links.push(a)}getDetailLink(){return Ye.m.withLinks(this.links).filterByKey("theKey").getFirst()}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:62,vars:10,consts:[[4,"ngFor","ngForOf"],[3,"detailLink",4,"ngFor","ngForOf"],["sectionId","responsiveTable"],["mat-table","",1,"responsiveTable",3,"dataSource"],["matColumnDef","id"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","something"],["matColumnDef","anotherthing"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["mat-button","",1,"ca-button"],[4,"ngIf"],[3,"detailLink"],["mat-header-cell",""],["mat-cell",""],[1,"invisible"],["mat-header-row",""],["mat-row",""]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"ca-list and mat-table"),e.C$Y()(),e.I0R(5,"section"),e.OEk(6," Component to create lists. A list consists of ca-list-entry components. "),e.C$Y(),e.I0R(7,"h3"),e.OEk(8,"Simple Ca-List"),e.C$Y(),e.I0R(9,"div"),e.OEk(10,"The list can be used by iterating over an iteratable object and creating ca-list-entry."),e.C$Y(),e.I0R(11,"pre"),e.OEk(12," "),e.I0R(13,"code"),e.OEk(14),e.C$Y(),e.OEk(15,"\n "),e.C$Y(),e.I0R(16,"ca-list"),e.yuY(17,ba,5,1,"ca-list-entry",0),e.C$Y(),e.wR5(18,"br"),e.I0R(19,"h3"),e.OEk(20,"Ca-List"),e.C$Y(),e.I0R(21,"div"),e.OEk(22,"You can also create an Ca-list by providing a link inside of a ca-list-entry."),e.C$Y(),e.I0R(23,"pre"),e.OEk(24," "),e.I0R(25,"code"),e.OEk(26,'\n <ca-list>\n <ca-list-entry *ngFor="let entry of myList; let i = index">
1\n Click anywhere on the entry to toggle the collapsible.\n <div *ngIf="i === 0">\n <button mat-button>This button will NOT toggle the collapsible panel</button>\n </div>\n <div *ngIf="i === 1">\n <a>This link will NOT toggle the collapsible panel</a>\n </div>\n <ca-list-collapsible-panel>\n You can toggle this space.\n </ca-list-collapsible-panel>\n </ca-list-entry>\n </ca-list>\n '),e.C$Y(),e.OEk(27,"\n "),e.C$Y(),e.I0R(28,"ca-list"),e.yuY(29,va,6,2,"ca-list-entry",0),e.C$Y(),e.wR5(30,"br"),e.I0R(31,"h3"),e.OEk(32,"List with Details"),e.C$Y(),e.I0R(33,"div"),e.OEk(34,"You can also create a detail link by providing a detailLink as input for of a ca-list-entry."),e.C$Y(),e.I0R(35,"pre"),e.OEk(36," "),e.I0R(37,"code"),e.OEk(38,'\n <ca-list>\n <ca-list-entry *ngFor="let entry of myList; let i = index"> [detailLink]="getDetailLink();\n <ca-list-entry-left-side>LEFT</ca-list-entry-left-side>\n Click anywhere on the entry to open the detail.\n <div *ngIf="i === 0">\n <button mat-button>This button will NOT enter the detail</button>\n </div>\n <div *ngIf="i === 1">\n <a>This link will NOT enter the detail</a>\n </div>\n <ca-list-entry-right-side>RIGHT</ca-list-entry-right-side>\n </ca-list-entry>\n </ca-list>\n '),e.C$Y(),e.OEk(39,"\n "),e.C$Y(),e.I0R(40,"ca-list"),e.yuY(41,Sa,8,3,"ca-list-entry",1),e.C$Y()(),e.wR5(42,"br"),e.I0R(43,"ca-section",2)(44,"h2"),e.OEk(45,"Responsive mat-table example (list mobile)"),e.C$Y(),e.I0R(46,"h3"),e.OEk(47,"Used for employee UIs next to lists to show comparable entries."),e.C$Y(),e.I0R(48,"table",3),e.SAx(49,4),e.yuY(50,wa,2,0,"th",5)(51,Ma,4,1,"td",6),e.k70(),e.SAx(52,7),e.yuY(53,Pa,2,0,"th",5)(54,Ga,4,1,"td",6),e.k70(),e.SAx(55,8),e.yuY(56,Aa,2,0,"th",5)(57,La,4,1,"td",6)(58,Fa,2,0,"th",5)(59,xa,4,1,"td",6),e.k70(),e.yuY(60,Na,1,0,"tr",9)(61,Va,1,0,"tr",10),e.C$Y()()()),2&i&&(e.yG2(14),e.APW('\n <ca-list>\n <ca-list-entry *ngFor="let entry of myList">\n ',"{"," ","{"," entry.something + ': ' + entry.anotherthing ","}"," ","}","\n <div>\n <button mat-button>You can place any component inside an entry</button>\n </div>\n </ca-list-entry>\n </ca-list>\n "),e.yG2(3),e.E7m("ngForOf",n.myList),e.yG2(12),e.E7m("ngForOf",n.myList),e.yG2(12),e.E7m("ngForOf",n.myList),e.yG2(7),e.E7m("dataSource",n.testTableDataSource),e.yG2(12),e.E7m("matHeaderRowDef",n.displayedColumns),e.yG2(),e.E7m("matRowDefColumns",n.displayedColumns))},dependencies:[h.ay,h.u_,_.Gw,Y.wL,Y.ie,Y.aG,Y.Af,Y.uc,Y.gx,Y.qC,Y.cX,Y.yC,Y._I,w.Y,c.c,Ia.M,Ra.K,Oa.g,_a.m,ya.e,L.S],styles:["@media (max-width: 767px){.responsiveTable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:.25em .5em .5em}}"],changeDetection:0})}}return t})();var Ba=o(64900),ue=o(91264),M=o(16620),ve=o(53616),J=o(37476);class za{constructor(r){this.egTodoDto=r,this.type="model-eg.catalog.components.ajax.EgTodoDto"}}let De=(()=>{class t extends ue.G{static{this.PLSQL_REST_URI="/eg.catalog_components.restful-examples.todos"}constructor(a,i){super(),this.dataService=a,this.changeDetectorRef=i,this.debugLog=""}debug(a){this.debugLog=a+"\n\n"+this.debugLog}doGetTheFirstTwoResources(){this.dataService.get(M.m.withPlRestPath(t.PLSQL_REST_URI).top(2).buildUrl(),za).pipe((0,ve.a)(this.componentDestroyed)).subscribe(a=>{this.debug("get the top two results\n"+JSON.stringify(a)),this.changeDetectorRef.markForCheck()})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(J.s),e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],features:[e.eg9],decls:5,vars:1,consts:[["key","Beispiele","pageTitle","Ajax","pageSubTitle","Manual Ajax Call to a PLSQL RESTful Service"],["type","submit",3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"button",1),e.qCj("click",function(){return n.doGetTheFirstTwoResources()}),e.OEk(2,"GET-Request"),e.C$Y(),e.I0R(3,"pre"),e.OEk(4),e.C$Y()()),2&i&&(e.yG2(4),e.cNF(n.debugLog))},dependencies:[c.c],encapsulation:2,changeDetection:0})}}return t})();var P=o(2864),Z=o(51380);let Te=(()=>{class t extends Z.k{constructor(a,i){super(a,i),this.dialogRef=a,this.data=i}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(P.yI),e.GI1(P.sR))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],features:[e.eg9],decls:21,vars:0,consts:[["src","https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif","alt","cat bashing on laptop keyboard","width","250px","height","250px"]],template:function(i,n){1&i&&(e.I0R(0,"ca-confirm-dialog")(1,"div")(2,"p"),e.wR5(3,"img",0),e.C$Y(),e.I0R(4,"p")(5,"strong"),e.OEk(6,"How to make this:"),e.C$Y()(),e.I0R(7,"ol")(8,"li"),e.OEk(9,"Create a new Component which extends the "),e.I0R(10,"code"),e.OEk(11,"CaConfirmDialogComponent"),e.C$Y()(),e.I0R(12,"li"),e.OEk(13,"Make your own template in the HTML. There is no special selector, everything you do will land in the dialog body"),e.C$Y(),e.I0R(14,"li"),e.OEk(15,"Write your business logic for your dialog"),e.C$Y(),e.I0R(16,"li"),e.OEk(17,"In your application, open a "),e.I0R(18,"code"),e.OEk(19,"MatDialog"),e.C$Y(),e.OEk(20," and specify your creation"),e.C$Y()()()())},dependencies:[Z.k],encapsulation:2,changeDetection:0})}}return t})(),Se=(()=>{class t{constructor(a,i){this.dialog=a,this.changeDetector=i}doShowConfirmDialog(){this.dialog.open(Z.k,{disableClose:!0,data:{dialogTitle:"Confirmation Dialog title",dialogMessage:"The very best c
1onfirmation-dialog description of them all."}}).afterClosed().subscribe(i=>{this.confirmationResultA=i||!1,this.changeDetector.markForCheck()})}doShowOtherConfirmDialog(){this.dialog.open(Z.k,{disableClose:!1,data:{dialogTitle:"Confirmation Dialog title",dialogMessage:"The very best confirmation-dialog description of all.",cancelButtonLabel:"Rather not!",confirmButtonLabel:"Sure, I'm in!"}}).afterClosed().subscribe(i=>{this.confirmationResultB=i||!1,this.changeDetector.markForCheck()})}doShowCustomDialog(){this.dialog.open(Te,{data:{dialogTitle:"This title comes from the dialog data",confirmButtonLabel:"Hell yeah!!",cancelButtonLabel:"God, no!"}}).afterClosed().subscribe(i=>{this.confirmationResultC=i||!1,this.changeDetector.markForCheck()})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(P.qW),e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:67,vars:7,consts:[["open","open"],[1,"ca-details-summary"],[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Overlay"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"Confirm Dialog"),e.C$Y()(),e.I0R(7,"section")(8,"p"),e.OEk(9,"The confirm dialog shows information with two buttons to choose. The confirm dialog is built on top of the "),e.I0R(10,"code"),e.OEk(11,"CaDialogComponent"),e.C$Y(),e.OEk(12,"."),e.C$Y(),e.I0R(13,"p"),e.OEk(14,"You can use the "),e.I0R(15,"code"),e.OEk(16,"CaConfirmDialogData"),e.C$Y(),e.OEk(17," to pass options to the confirm dialog."),e.C$Y()(),e.I0R(18,"pre"),e.OEk(19),e.C$Y(),e.I0R(20,"p"),e.OEk(21," The component comes with two buttons to decide either A or B. You can name the buttons individually by altering the "),e.I0R(22,"code"),e.OEk(23,"confirmButtonlabel"),e.C$Y(),e.OEk(24," and "),e.I0R(25,"code"),e.OEk(26,"cancelButtonLabel"),e.C$Y(),e.OEk(27,". "),e.C$Y(),e.I0R(28,"p"),e.OEk(29," If the user decides for an option and the dialog closes, you receive the user's decision as a boolean type in the "),e.I0R(30,"code"),e.OEk(31,"dialogRef"),e.C$Y(),e.OEk(32," object. If the dialog is displayed in standard modal mode, clicking outside the dialog or pressing "),e.I0R(33,"code"),e.OEk(34,"ESC"),e.C$Y(),e.OEk(35," on the keyboard results in in a "),e.I0R(36,"code"),e.OEk(37,"false"),e.C$Y(),e.OEk(38," result. "),e.C$Y(),e.I0R(39,"p"),e.OEk(40," To see code examples, open the following file: "),e.I0R(41,"code"),e.OEk(42,"client/src/eg/catalog/app/component-catalog/overlay/ca-confirm-dialog/eg-ca-confirm-dialog.page.ts"),e.C$Y()(),e.I0R(43,"details",0)(44,"summary")(45,"h3",1),e.OEk(46,"Default Confirm Dialog"),e.C$Y()(),e.I0R(47,"button",2),e.qCj("click",function(){return n.doShowConfirmDialog()}),e.OEk(48,"Show Confirm Dialog"),e.C$Y(),e.wR5(49,"br"),e.OEk(50),e.C$Y(),e.I0R(51,"details",0)(52,"summary")(53,"h3",1),e.OEk(54,"Confirm Dialog with custom Answers"),e.C$Y()(),e.I0R(55,"button",2),e.qCj("click",function(){return n.doShowOtherConfirmDialog()}),e.OEk(56,"Show Confirm Dialog"),e.C$Y(),e.wR5(57,"br"),e.OEk(58),e.C$Y(),e.I0R(59,"details",0)(60,"summary")(61,"h3",1),e.OEk(62,"Custom Confirm Dialog"),e.C$Y()(),e.I0R(63,"button",2),e.qCj("click",function(){return n.doShowCustomDialog()}),e.OEk(64,"Show Confirm Dialog"),e.C$Y(),e.wR5(65,"br"),e.OEk(66),e.C$Y()()()),2&i&&(e.yG2(19),e.APW(" export class CaConfirmDialogData extends CaDialogData ","{","\n\n public confirmButtonLabel: string;\n public cancelButtonLabel: string;\n\n constructor() ","{","\n super();\n this.showDefaultButton = false;\n ","}","\n ","}","\n "),e.yG2(31),e.oRS(" Confirmation Result: ",n.confirmationResultA," "),e.yG2(8),e.oRS(" Confirmation Result: ",n.confirmationResultB," "),e.yG2(8),e.oRS(" Confirmation Result: ",n.confirmationResultC," "))},dependencies:[c.c],encapsulation:2})}}return t})();class d{static{this.AJAX_PL_REST_EXAMPLE="components/ajax/plsql-rest-example"}static{this.COMMAND_CA_BUTTON="components/command/ca-button"}static{this.MENU_CA_APP_MENU="components/menu/ca-app-menu"}static{this.MENU_CA_DROP_DOWN_DIALOG="components/menu/ca-drop-down-dialog"}static{this.MENU_CA_ORG_CHOOSER="components/menu/ca-organisation-chooser"}static{this.MENU_CA_SEMESTER_CHOOSER="components/menu/slc-semester-chooser"}static{this.MENU_CA_CURRICULUM_VERSION_CHOOSER="components/menu/slc-curriculum-version-chooser"}static{this.MENU_CA_CURRICULUM_CONTEXT_CHOOSER="components/menu/slc-curriculum-context-chooser"}static{this.MENU_CA_CURRICULUM_VERSION_FILTER="components/menu/slc-curriculum-version-filter"}static{this.MENU_CA_LISTFILTER="components/menu/ca-list-filter"}static{this.MENU_CA_PAGER="components/menu/ca-pager"}static{this.INPUT_CA_SELECT="components/input/ca-select"}static{this.INPUT_CA_UPLOAD="components/input/ca-upload"}static{this.INPUT_CA_IMG_CROPPER="components/input/ca-img-cropper"}static{this.INPUTS_CA_DATE_PICKER="components/inputs/ca-date-picker"}static{this.INPUT_CA_RESETTABLE_TEXTAREA="components/input/ca-resettable-textarea"}static{this.PANEL_CA_LIST="components/panel/ca-list"}static{this.PANEL_CA_MAINTENANCE_BANNER="components/panel/ca-maintenance-banner"}static{this.PANEL_CONCAT_LIST="components/panel/concat-list"}static{this.OVERLAY_CA_CONFIRM_DIALOG="components/overlay/ca-confirm-dialog"}static{this.OVERLAY_CA_DIALOG="components/overlay/ca-dialog"}static{this.FORMATTER_CA_DATE_PIPE="components/formatter/ca-date-pipe"}static{this.MISC_FORM="components/misc/form-example"}static{this.MISC_CA_ENTRY="components/misc/ca-entry"}static{this.MISC_CA_STATUS="components/misc/ca-status"}static{this.MISC_CA_CALENDAR_ICON="components/misc/ca-calendar-icon"}static{this.MISC_CA_TRANSLATION_PIPELINE="components/misc/ca-translation-pipe"}static{this.MISC_CA_ORGANISATION_ADDRESS="component/misc/ca-organisation-address"}static{this.MISC_CA_UTF8_BYTE_COUNT_PIPE="component/misc/eg-ca-utf8-byte-count-pipe"}static{this.MISC_CA_CALENDAR="component/misc/eg-ca-calendar"}static{this.MISC_CA_CHOICES="component/misc/eg-ca-choices"}static{this.MISC_CA_MESSAGE_SERVICE="component/misc/ca-message-service"}static{this.MISC_CA_SECTION="components/misc/ca-section"}static{this.PATTERN_MVCC_01="patterns/mvcc/01-simple-mvcc-usage"}static{this.PATTERN_MVCC_02="patterns/mvcc/02-using-a-controller"}static{this.PATTERN_MVCC_03="patterns/mvcc/03-load-async"}static{this.PATTERN_MVCC_04="patterns/mvcc/04-downcasting"}static{this.PATTERN_MVCC_05="patterns/mvcc/05-select-controller"}static{this.PATTERN_MVCC_06="patterns/mvcc/06-special-controller"}static{this.INTEGRATION_PLSQL="/pl/ui/$ctx"}static{this.INTEGRATION_PLSQL_EXAMPLES=d.INTEGRATION_PLSQL+"/wbExamples.showEntryPage"}}var we=o(69840),Me=o(61472);let Ka=(()=>{class t{static{this.EG_CATALOG_BASE_URL="/eg.catalog"}static{this.EG_CATALOG_COMPONENT="eg.catalog.component"}static{this.EG_CATALOG_PATTERN="eg.catalog.pattern"}static createRouteLink(a){return M.m.withRoute(t.EG_CATALOG_BASE_URL+"/"+a).buildUrl()}
1static createComponentMenuModel(){return we.A.withDefault(t.EG_CATALOG_COMPONENT).entry({label:"Component Catalog Home",link:this.createRouteLink("catalog")}).buildAppMenuModel()}static createPatternMenuModel(){return we.A.withDefault(t.EG_CATALOG_PATTERN).menu(Me.a.withEmpty().label("MVCC").entry({label:"01-simple-mvcc-usage",link:this.createRouteLink(d.PATTERN_MVCC_01)}).entry({label:"02-using-a-controller",link:this.createRouteLink(d.PATTERN_MVCC_02)}).entry({label:"03-load-async",link:this.createRouteLink(d.PATTERN_MVCC_03)}).entry({label:"04-downcasting",link:this.createRouteLink(d.PATTERN_MVCC_04)}).entry({label:"05-select-controller",link:this.createRouteLink(d.PATTERN_MVCC_05)}).entry({label:"06-special-controller",link:this.createRouteLink(d.PATTERN_MVCC_06)}).buildMenuModel()).menu(t.createNavigateToMenu()).buildAppMenuModel()}static createNavigateToMenu(){return Me.a.withEmpty().label("Navigate to").entry(this.createNavigateToComponentsMenuEntry()).entry(this.createNavigateToIntegrationsMenuEntry()).buildMenuModel()}static createNavigateToComponentsMenuEntry(){return{label:"Components",link:M.m.withRoute(t.EG_CATALOG_BASE_URL+"/"+d.COMMAND_CA_BUTTON).buildUrl()}}static createNavigateToIntegrationsMenuEntry(){return{label:"Integrations",link:M.m.withRoute(d.INTEGRATION_PLSQL_EXAMPLES).buildUrl()}}getCaAppMenuModel(a=null){return a===t.EG_CATALOG_PATTERN?t.createPatternMenuModel():t.createComponentMenuModel()}}return t})();var de=o(93048),y=o(17298),F=function(t){return t.SameDay="SameDay",t.OtherDay="OtherDay",t.MultipleDays="MultipleDays",t}(F||{});class k extends de.K{static{this.FROM_DATE=y.M.convertIsoString2TemporalDto("2017-05-21T10:00:00+02:00","datetime")}static{this.TO_DATE_SAME_DAY=y.M.convertIsoString2TemporalDto("2017-05-25T14:00:00+02:00","datetime")}static{this.TO_DATE_OTHER_DAY=y.M.convertIsoString2TemporalDto("2017-05-29T10:15:00+02:00","datetime")}setMaintenanceType(r){let a;switch(r){case F.OtherDay:a=k.getMaintenanceOtherDay();break;case F.MultipleDays:a=k.getMaintenanceMultipleDays();break;default:a=k.getMaintenanceSameDay()}this.setHomeSimple$(a)}constructor(){super(null,null),this.type=F.SameDay}getHomeSimple$(){let r;switch(this.type){case F.OtherDay:r=k.getMaintenanceOtherDay();break;case F.MultipleDays:r=k.getMaintenanceMultipleDays();break;default:r=k.getMaintenanceSameDay()}return this.homeSimple$.next(r),this.homeSimple$.asObservable()}static getMaintenanceSameDay(){return{systemName:"",greeting:"",maintenanceBeginDate:k.FROM_DATE,maintenanceEndDate:k.TO_DATE_SAME_DAY,info:"info"}}static getMaintenanceOtherDay(){return{systemName:"",greeting:"",maintenanceBeginDate:k.TO_DATE_SAME_DAY,maintenanceEndDate:k.TO_DATE_OTHER_DAY,info:"info"}}static getMaintenanceMultipleDays(){return{systemName:"",greeting:"",maintenanceBeginDate:k.FROM_DATE,maintenanceEndDate:k.TO_DATE_OTHER_DAY,info:"info"}}static{this.\u0275fac=function(a){return new(a||k)}}static{this.\u0275prov=e.wxM({token:k,factory:k.\u0275fac})}}let Pe=(()=>{class t extends ue.G{constructor(a){super(),this.egCaHomeService=a}changeLayout(a){this.egCaHomeService.setMaintenanceType(a)}ngOnInit(){}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(de.K))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-maintenance-banner"]],features:[e.M5G([{provide:de.K,useClass:k}]),e.eg9],decls:69,vars:0,consts:[["title","Show on Same Day",3,"click"],["title","Show on Other Day",3,"click"],["title","Show on Multiple Days",3,"click"],["title","Show on Multiple Days with Today included",3,"click"],[1,"bold"],[2,"font-family","'DejaVu Sans Mono', sans-serif"],[2,"background-color","#ffffff","color","#000000","font-family","'DejaVu Sans Mono', sans-serif","font-size","9.0pt"],[2,"background-color","#efefef"],[2,"color","#000080","background-color","#efefef","font-weight","bold"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Maintenance Banner"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"Component to Display Maintenance Information"),e.C$Y()(),e.I0R(7,"section"),e.OEk(8," The maintenance banner component is used to display the maintenance message, if set. It can be placed freely and be reused within the application. Consumes the Home Service to acquire maintenance data (from-to) and displays it accordingly. "),e.C$Y()(),e.I0R(9,"div")(10,"h3"),e.OEk(11,"Examples"),e.C$Y()(),e.I0R(12,"div")(13,"button",0),e.qCj("click",function(){return n.changeLayout("SameDay")}),e.OEk(14,"Show on Same Day"),e.C$Y(),e.I0R(15,"button",1),e.qCj("click",function(){return n.changeLayout("OtherDay")}),e.OEk(16,"Show on Other Day"),e.C$Y(),e.I0R(17,"button",2),e.qCj("click",function(){return n.changeLayout("MultipleDays")}),e.OEk(18,"Show on Multiple Days"),e.C$Y(),e.I0R(19,"button",3),e.qCj("click",function(){return n.changeLayout("MultipleDaysWithToday")}),e.OEk(20,"Show on Multiple Days with Today included"),e.C$Y()(),e.I0R(21,"div")(22,"h3"),e.OEk(23,"Documentation"),e.C$Y(),e.I0R(24,"section"),e.OEk(25," The component consumes the "),e.I0R(26,"span",4),e.OEk(27,"CaHomeService"),e.C$Y(),e.OEk(28,", which provides information about the beginning and end time of the maintenance peri
1od. Data is delivered in multiple values: "),e.I0R(29,"span",5),e.OEk(30,"maintenanceBeginDate"),e.C$Y(),e.OEk(31," Date and time the maintenance period begins "),e.I0R(32,"span",5),e.OEk(33,"maintenanceBeginTime"),e.C$Y(),e.OEk(34," Date and time the maintenance period begins "),e.I0R(35,"span",5),e.OEk(36,"maintenanceEndDate"),e.C$Y(),e.OEk(37," Date and time the maintenance period ends "),e.I0R(38,"span",5),e.OEk(39,"maintenanceEndTime"),e.C$Y(),e.OEk(40," Date and time the maintenance period ends "),e.I0R(41,"span",5),e.OEk(42,"maintenanceToday"),e.C$Y(),e.OEk(43," Whether or not to display the \"today\" marker (see Same Day Examples). Can have values 'visible' and 'invisible' "),e.I0R(44,"span",5),e.OEk(45,"maintenanceMultipleDays"),e.C$Y(),e.OEk(46," Whether or not to display the second date. Can have values 'visible' and 'invisible' "),e.I0R(47,"h4"),e.OEk(48,"Remarks"),e.C$Y(),e.I0R(49,"ul")(50,"li"),e.OEk(51," If you want to display the maintenance component for a single day only, the maintenanceEndDate value needs to be NULL "),e.C$Y()()(),e.I0R(52,"div")(53,"h3"),e.OEk(54,"Code"),e.C$Y(),e.I0R(55,"section")(56,"pre",6)(57,"span",7),e.OEk(58,"<"),e.C$Y(),e.I0R(59,"span",8),e.OEk(60,"ca-maintenance-banner"),e.C$Y(),e.I0R(61,"span",7),e.OEk(62,">"),e.C$Y(),e.I0R(63,"span",7),e.OEk(64,"</"),e.C$Y(),e.I0R(65,"span",8),e.OEk(66,"ca-maintenance-banner"),e.C$Y(),e.I0R(67,"span",7),e.OEk(68,">"),e.C$Y()()()()()())},dependencies:[c.c],encapsulation:2})}}return t})();var qa=o(49492),u=o(6504),x=o(82276),ee=o(75960),O=o(14060),Ge=o(2096);function ja(t,r){if(1&t&&(e.I0R(0,"mat-option",6),e.OEk(1),e.C$Y()),2&t){const a=r.$implicit;e.E7m("value",a),e.yG2(),e.cNF(a)}}let Ae=(()=>{class t{constructor(){this.toppingsFormControl=new u.Ku,this.toppings=["Pepperoni","Sausage","Ground Beef","Bacon","Mushrooms","Onion","Green Pepper","Green Olives"],this.message="Select your toppings and order now"}getAllToppings(){let a="";
1return this.selectedToppings.forEach(i=>{a+=i,a+=", "}),a=a.substring(0,a.length-2),a}orderNow(){this.message=0!==this.selectedToppings.length?"You have ordered a pizza with "+this.getAllToppings()+".":"No toppings selected"}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:26,vars:4,consts:[["href","https://material.angular.io/components/select/overview"],["fxLayout","column"],["multiple","",3,"ngModel","formControl","ngModelChange"],[3,"value",4,"ngFor","ngForOf"],["fxFlex","20%"],[3,"click"],[3,"value"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Input"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"Select"),e.C$Y(),e.I0R(7,"p"),e.OEk(8,"More information about "),e.I0R(9,"a",0),e.OEk(10,"Angular Material Select"),e.C$Y(),e.OEk(11,"."),e.C$Y()(),e.I0R(12,"h3"),e.OEk(13,"Input Select Multiple - Pizza Example"),e.C$Y(),e.I0R(14,"div",1)(15,"mat-form-field")(16,"label"),e.OEk(17,"Pick your pizza components below"),e.C$Y(),e.I0R(18,"mat-select",2),e.iHE("ngModelChange",function(s){return e.kNx(n.selectedToppings,s)||(n.selectedToppings=s),s}),e.yuY(19,ja,2,2,"mat-option",3),e.C$Y()(),e.I0R(20,"div",4)(21,"button",5),e.qCj("click",function(){return n.orderNow()}),e.OEk(22,"Order now"),e.C$Y()(),e.I0R(23,"div")(24,"p"),e.OEk(25),e.C$Y()()()()()),2&i&&(e.yG2(18),e.OKB("ngModel",n.selectedToppings),e.E7m("formControl",n.toppingsFormControl),e.yG2(),e.E7m("ngForOf",n.toppings),e.yG2(6),e.cNF(n.message))},dependencies:[h.ay,u.ue,u.ug,x.sZ,x.CA,ee.I5,O.Up,Ge.kX,c.c],encapsulation:2,changeDetection:0})}}return t})();var Xa=o(83824),Le=o(64740);function Ha(t,r){if(1&t&&(e.I0R(0,"p"),e.OEk(1),e.wVc(2,"caTimePipe"),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.oRS("Selected time: ",e.kDX(2,1,a.time),"")}}let Fe=(()=>{class t{constructor(){this.dateNativeExample1=y.M.convertIsoString2TemporalDto("2016-05-09"),this.dateNativeExample2=y.M.convertIsoString2TemporalDto("2016-05-09T00:00","datetime"),this.dateNativeExample3=y.M.convertIsoString2TemporalDto("01:02","time"),this.dateExample3=y.M.convertIsoString2TemporalDto("01:02","time"),this.dateExample4=y.M.convertIsoString2TemporalDto("01:02","time")}setDate(a){a.controls.test.setValue(y.M.convertIsoString2TemporalDto("2016-05-09T00:00:00","datetime"))}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:73,vars:23,consts:[[3,"ngModel","ngModelChange"],["forceNativePicker","true",3,"ngModel","ngModelChange"],["forceNativePicker","true","dataFormat","datetime",3,"ngModel","ngModelChange"],["forceNativePicker","true","dataFormat","time",3,"ngModel","ngModelChange"],["pickerType","datetime",3,"ngModel","ngModelChange"],["pickerType","time",3,"ngModel","ngModelChange"],["filterForm","ngForm"],["name","test","pickerType","date","dataFormat","datetime",3,"ngModel","ngModelChange"],[3,"click"],["matInputLabel","HH:MM","forceMatFormTimePicker","true",3,"ngModel","ngModelChange"],[4,"ngIf"]],template:function(i,n){if(1&i){const l=e.KQA();e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"Inputs"),e.C$Y(),e.I0R(4,"h2"),e.OEk(5,"Datepicker in its simples form"),e.C$Y(),e.I0R(6,"section")(7,"p"),e.OEk(8,"In its simples form the datepicker doesn't need any input or output variables"),e.C$Y(),e.wR5(9,"ca-date-picker"),e.C$Y(),e.I0R(10,"h2"),e.OEk(11,"Accessing the value of datepicker"),e.C$Y(),e.I0R(12,"section")(13,"p"),e.OEk(14,"You only need to specify a ngModel to bind a variable to the selected date. In the default case the format of the ngModel is compatible Java LocalDate (e.g. 2018-12-17). "),e.C$Y(),e.I0R(15,"ca-date-picker",0),e.iHE("ngModelChange",function(p){return e.kNx(n.dateExample1,p)||(n.dateExample1=p),p}),e.C$Y(),e.I0R(16,"p"),e.OEk(17),e.C$Y()(),e.I0R(18,"h2"),e.OEk(19,"Forcing native Date Picker"),e.C$Y(),e.I0R(20,"section")(21,"p"),e.OEk(22,"You can force the native datepicker, which is used by mobile devices by default. "),e.C$Y(),e.I0R(23,"ca-date-picker",1),e.iHE("ngModelChange",function(p){return e.kNx(n.dateNativeExample1,p)||(n.dateNativeExample1=p),p}),e.C$Y(),e.I0R(24,"p"),e.OEk(25),e.C$Y()(),e.I0R(26,"section")(27,"p"),e.OEk(28,"Native datepicker for datetime"),e.C$Y(),e.I0R(29,"ca-date-picker",2),e.iHE("ngModelChange",function(p){return e.kNx(n.dateNativeExample2,p)||(n.dateNativeExample2=p),p}),e.C$Y(),e.I0R(30,"p"),e.OEk(31),e.C$Y()(),e.I0R(32,"section")(33,"p"),e.OEk(34,"Native datepicker for time."),e.C$Y(),e.I0R(35,"ca-date-picker",3),e.iHE("ngModelChange",function(p){return e.kNx(n.dateNativeExample3,p)||(n.dateNativeExample3=p),p}),e.C$Y(),e.I0R(36,"p"),e.OEk(37),e.C$Y()(),e.I0R(38,"h2"),e.OEk(39,"Selecting a date and a time"),e.C$Y(),e.I0R(40,"section")(41,"p"),e.OEk(42," You can also use the datepicker to pick a time. The selected value is compatible with Java ZonedDateTime (e.g. 2018-03-07T22:00:00+01:00). "),e.C$Y(),e.I0R(43,"ca-date-picker",4),e.iHE("ngModelChange",function(p){return e.kNx(n.dateExample2,p)||(n.dateExample2=p),p}),e.C$Y(),e.I0R(44,"p"),e.OEk(45),e.C$Y()(),e.I0R(46,"h2"),e.OEk(47,"Selecting a time"),e.C$Y(),e.I0R(48,"section")(49,"p"),e.OEk(50," You can also use the datepicker to pick a time. "),e.C$Y(),e.I0R(51,"ca-date-picker",5),e.iHE("ngModelChange",function(p){return e.kNx(n.dateExample3,p)||(n.dateExample3=p),p}),e.C$Y(),e.I0R(52,"p"),e.OEk(53),e.C$Y()(),e.I0R(54,"h2"),e.OEk(55,"Forcing ZonedDateTime"),e.C$Y(),e.I0R(56,"section")(57,"p"),e.OEk(58," You can also force the format to be compatible Java ZonedDateTime (e.g. 2018-03-07T22:00:00+01:00), although the picker is in date selection mode. The selected time which is used will be midnight of the chosen day. "),e.C$Y(),e.I0R(59,"form",null,6)(61,"ca-date-picker",7),e.iHE("ngModelChange",function(p){return e.kNx(n.dateExample4,p)||(n.dateExample4=p),p}),e.C$Y(),e.I0R(62,"button",8),e.qCj("click",function(){e.usT(l);const p=e.Gew(60);return e.CGJ(n.setDate(p))}),e.OEk(63,"setDate"),e.C$Y()(),e.I0R(64,"p"),e.OEk(65),e.C$Y()(),e.I0R(66,"h2"),e.OEk(67,"TimePicker with MatformField"),e.C$Y(),e.I0R(68,"section")(69,"p"),e.OEk(70,' If the parameter "forceMatFormTimePicker" is set, display the time picker template (with material form look and feel). Use "matInputLabel" for the label. The picker type programmatically set to \'time\'. '),e.C$Y(),e.I0R(71,"ca-date-picker",9),e.iHE("ngModelChange",function(p){return e.kNx(n.time,p)||(n.time=p),p}),e.C$Y(),e.yuY(72,Ha,3,3,"p",10),e.C$Y()()()}2&i&&(e.yG2(15),e.OKB("ngModel",n.dateExample1),e.yG2(2),e.CAO("Selected Date: ",null==n.dateExample1?null:n.dateExample1.value," (",null==n.dateExample1?null:n.dateExample1.coType,")"),e.yG2(6),e.OKB("ngModel",n.dateNativeExample1),e.yG2(2),e.CAO("Selected Date: ",null==n.dateNativeExample1?null:n.dateNativeExample1.value," (",null==n.dateNativeExample1?null:n.dateNativeExample1.coType,")"),e.yG2(4),e.OKB("ngModel",n.dateNativeExample2),e.yG2(2),e.CAO("Selected Date: ",null==n.dateNativeExample2?null:n.dateNativeExample2.value," (",null==n.dateNativeExample2?null:n.dateNativeExample2.coType,")"),e.yG2(4),e.OKB("ngModel",n.dateNativeExample3),e.yG2(2),e.CAO("Selected Date: ",null==n.dateNativeExample3?null:n.dateNativeExample3.value," (",null==n.dateNativeExample3?null:n.dateNativeExample3.coType,")"),e.yG2(6),e.OKB("ngModel",n.dateExample2),e.yG2(2),e.CAO("Selected date and time: ",null==n.dateExample2?null:n.dateExample2.value," (",null==n.dateExample2?null:n.dateExample2.coType,")"),e.yG2(6),e.OKB("ngModel",n.dateExample3),e.yG2(2),e.CAO("Selected time: ",null==n.dateExample3?null:n.dateExample3.value," (",null==n.dateExample3?null:n.dateExample3.coType,")"),e.yG2(8),e.OKB("ngModel",n.dateExample4),e.yG2(4),e.CAO("Selected time: ",null==n.dateExample4?null:n.dateExample4.value," (",null==n.dateExample4?null:n.dateExample4.coType,")"),e.yG2(6),e.OKB("ngModel",n.time),e.yG2(),e.E7m("ngIf",n.time))},dependencies:[h.u_,u.sz,u.ue,u.u,u._G,u.SC,Xa.O,c.c,Le.w],encapsulation:2,changeDetection:0})}}return t})(),xe=(()=>{class t{constructor(){this.itemOptions=["Item 1","Item 2"],this.dialogActive=!1}
1submitForm(){this.dialogActive=!1}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-drop-down-dialog-menu"]],decls:11,vars:0,consts:[["key","Beispiele","pageTitle","Men\xfc","pageSubTitle","Drop down dialog"],[2,"color","$brand-danger"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"article")(2,"h1"),e.OEk(3,"ca-drop-down-dialog"),e.C$Y(),e.I0R(4,"h2",1),e.OEk(5," Deprecated "),e.C$Y(),e.I0R(6,"section"),e.OEk(7," Note: The ca-drop-down-dialog.component has been deprecated. We use mat-menu for general cases and "),e.I0R(8,"em"),e.OEk(9,"ca-list-filter.component"),e.C$Y(),e.OEk(10," for specific instead. "),e.C$Y()()())},dependencies:[c.c],encapsulation:2,changeDetection:0})}}return t})();var Ne=o(22488),B=o(9904),Wa=o(42312);const Qa=["class","page"];let Ve=(()=>{class t{constructor(){this.selectedSemesterId=5,this.availableSemesters=[];for(let a=0;a<10;a++){let i=new Ne.Er;i.id=a;let n=new B.lG;n.value="value"+a,i.optionText=n,this.availableSemesters.push(i)}}changeSemesterId(a){null!=a?(this.selectedSemesterChangeEvent=a,console.log("semesterID"+a)):console.log("selected semester id was changed to null, %o",a)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-semester-chooser",8,"page"]],attrs:Qa,decls:8,vars:4,consts:[["key","Beispiele","pageTitle","Men\xfc","pageSubTitle","Semester Chooser"],["id","semesterSelection",3,"ngModel","availableSemesters","ngModelChange"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"h1"),e.OEk(2,"Semester chooser"),e.C$Y(),e.I0R(3,"slc-semester-chooser",1),e.iHE("ngModelChange",function(s){return e.kNx(n.selectedSemesterId,s)||(n.selectedSemesterId=s),s}),e.qCj("ngModelChange",function(s){return n.changeSemesterId(s)}),e.C$Y(),e.I0R(4,"h3"),e.OEk(5),e.C$Y(),e.I0R(6,"h3"),e.OEk(7),e.C$Y()()),2&i&&(e.yG2(3),e.OKB("ngModel",n.selectedSemesterId),e.E7m("availableSemesters",n.availableSemesters),e.yG2(2),e.oRS("Your current Semester context: ",n.selectedSemesterId,""),e.yG2(2),e.oRS("Your current Semester context - change event: ",n.selectedSemesterChangeEvent,""))},dependencies:[u.ue,u._G,c.c,Wa.M],encapsulation:2,changeDetection:0})}}return t})();var Ue=o(15e3);function Ja(t,r){1&t&&(e.I0R(0,"ca-entry",4),e.OEk(1),e.C$Y()),2&t&&(e.E7m("label","Title with value null and dash disabled (Will not be displayed)"),e.yG2(),e.oRS(" ",null," "))}let Be=(()=>{class t{constructor(){this.myVariable="This is just some text",this.myValueVariable="{{ myValueVariable }}"}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-entry"]],decls:32,vars:9,consts:[["key","Beispiele","pageTitle","Misc","pageSubTitle","CaDetailViewEntry component"],[1,"bold"],[3,"headerLabel","sectionId"],[3,"label","value"],[3,"label"],[3,"label",4,"ngIf"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"article")(2,"h1"),e.OEk(3,"ca-entry"),e.C$Y(),e.I0R(4,"section"),e.OEk(5," The CaDetailViewEntry controls the output of data in entry fields. "),e.I0R(6,"h4"),e.OEk(7,"Input variables (denoted by [variable])"),e.C$Y(),e.I0R(8,"span",1),e.OEk(9,"[label] - "),e.C$Y(),e.OEk(10,"(String) Sets the label text for the entry"),e.wR5(11,"br"),e.I0R(12,"span",1),e.OEk(13,"[value] - "),e.C$Y(),e.OEk(14,"(Any) Sets the value which is used for logic beneath"),e.wR5(15,"br")(16,"br"),e.I0R(17,"h4"),e.OEk(18,"To use the ca-entry just add the following html code to your app html template:"),e.C$Y(),e.I0R(19,"pre"),e.OEk(20," "),e.I0R(21,"code"),e.OEk(22),e.C$Y(),e.OEk(23,"\n "),e.C$Y()()(),e.I0R(24,"div")(25,"ca-section",2)(26,"ca-entry",3)(27,"div"),e.OEk(28),e.C$Y()(),e.I0R(29,"ca-entry",4),e.OEk(30),e.C$Y(),e.yuY(31,Ja,2,2,"ca-entry",5),e.C$Y()()()),2&i&&(e.yG2(22),e.oRS('<ca-entry [label]="myTitleVariable"\n [value]="myValueVariable">\n ',n.myValueVariable,"\n </ca-entry>\n "),e.yG2(3),e.E7m("headerLabel","Description Title")("sectionId","description"),e.yG2(),e.E7m("label","Title with value valid")("value",n.myVariable),e.yG2(2),e.cNF(n.myVariable),e.yG2(),e.E7m("label","Title with value null"),e.yG2(),e.oRS(" ",null," "),e.yG2(),e.E7m("ngIf",!1))},dependencies:[h.u_,c.c,Ue.i,L.S],encapsulation:2,changeDetection:0})}}return t})();var Za=o(83840),me=o(8416),ze=o(8568),Ke=o(11976),z=o(72080),pe=o(99120),D=o(85364);
1function en(t,r){if(1&t&&(e.I0R(0,"mat-error"),e.OEk(1),e.wVc(2,"caTranslate"),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.CAO("",e.kDX(2,2,"$core_lib_validator_please_correct_the_input")," ",a.getErrorMessage(),"")}}function tn(t,r){1&t&&(e.I0R(0,"mat-error"),e.OEk(1),e.wVc(2,"caTranslate"),e.C$Y()),2&t&&(e.yG2(),e.oRS("",e.kDX(2,1,"$core_lib_validator_please_correct_the_input"),": Email is required"))}function an(t,r){if(1&t&&(e.I0R(0,"mat-radio-button",44),e.OEk(1),e.C$Y()),2&t){const a=r.$implicit,i=e.GaO();e.E7m("value",i.formXmpleRadioButtonLabels),e.yG2(),e.oRS(" ",a," ")}}const on=()=>["/eg.catalog/components/menu/ca-organisation-chooser"],ln=()=>["/eg.catalog/components/menu/slc-semester-chooser"],sn=()=>["/eg.catalog/components/input/ca-upload"],rn=()=>["/eg.catalog/components/input/ca-img-cropper"];let qe=(()=>{class t{constructor(){this.formXmpleEmail=new u.Ku("",[u.AQ.required,u.AQ.email]),this.formXmpleRadioButtonLabels=["Either","Or"]}getErrorMessage(){return this.formXmpleEmail.hasError("required")?"You must enter a value. ":this.formXmpleEmail.hasError("email")?"Not a valid E-Mail":""}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-form"]],decls:154,vars:25,consts:[["key","Form-Example","pageTitle","Form-Page","pageSubTitle","Form Elements",3,"fullScreen"],["sectionId","formXmpleLinks",1,"form-description"],[1,"label","ca-status","ca-status-default"],[1,"fas","fa-info-circle"],["href","https://material.angular.io/components/form-field/overview"],[1,"fas","fa-external-link-alt"],[1,"col-xs-12","col-md-6"],[3,"routerLink"],["href","https://github.com/angular/flex-layout/wiki/fxLayout-API"],["href","https://getbootstrap.com/docs/4.0/layout/grid/"],["sectionId","formXmpleXmples1"],["fxLayout","row wrap","fxLayoutGap","1em grid","fxLayoutAlign","top center","fxLayoutAlign.gt-sm","stretch"],["fxFlex","50%","fxFlex.xs","100%","fxFlex.sm","100%"],["matInput","","value","Example Text"],["matInput","","rows","4","value","Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. "],["value","one"],["value","two"],["matInput","",3,"matDatepicker"],["matSuffix","",3,"for"],["picker",""],["matInput","","placeholder","[email protected]","required","",3,"formControl"],[4,"ngIf"],["checked","true",3,"color"],["id","formXmpleRadioButtonsLabel",1,"label","ca-status","ca-status-default"],["aria-labelledby","formXmpleRadioButtonsLabel",3,"ngModel","ngModelChange"],[3,"value",4,"ngFor","ngForOf"],[1,"disabled","button-card"],["mat-button",""],["mat-button","",3,"disabled"],[1,"clearfix","label","ca-status"],[1,"text-right"],[1,"row"],[1,"col-xs-12","col-sm-6","text-left"],[1,"col-xs-12","col-sm-6","text-right"],["name","fontStyle","aria-label","Font Style","disabled","true","value","list"],["value","list","selected","true","value","list"],[1,"fas","fa-list"],["value","table","value","table"],[1,"fas","fa-table"],[1,"bottom-button-container"],[1,"float-right"],[1,"form-button"],["mat-button","","color","primary"],["mat-button","",1,"cancel-button"],[3,"value"]],template:function(i,n){if(1&i&&(e.I0R(0,"ca-page",0)(1,"ca-section",1)(2,"mat-hint",2),e.wR5(3,"mat-icon",3),e.OEk(4," For styling you can use several generic css classes from general.scss and typography.scss as well as angular's flex-layout. You can find form examples already in the product, f.i. in eq-eval-mass-activation.page.html, am-select-appointment.page.html, ca-theme.page.html, gina etc. Next to custom ca components we use "),e.I0R(5,"a",4),e.OEk(6,"Angular Material "),e.wR5(7,"mat-icon",5),e.C$Y(),e.OEk(8," components. "),e.C$Y(),e.I0R(9,"mat-card",6)(10,"mat-card-header")(11,"mat-card-title"),e.OEk(12,"Angular form elements"),e.C$Y(),e.I0R(13,"mat-card-subtitle"),e.OEk(14,"For details on specific form components you can also see a.o.: "),e.C$Y()(),e.I0R(15,"mat-card-content")(16,"ul")(17,"li")(18,"a",7),e.OEk(19,"Organisation Cooser (brm-organisation-chooser)"),e.C$Y()(),e.I0R(20,"li")(21,"a",7),e.OEk(22,"Semester Cooser (slc-semester-chooser)"),e.C$Y()(),e.I0R(23,"li")(24,"a",7),e.OEk(25,"File Uplaod (ca-upload)"),e.C$Y()(),e.I0R(26,"li")(27,"a",7),e.OEk(28,"Image Cropper (ca-img-cropper)"),e.C$Y()()()()(),e.I0R(29,"mat-card",6)(30,"mat-card-header")(31,"mat-card-title"),e.OEk(32," Layout "),e.C$Y(),e.I0R(33,"mat-card-subtitle"),e.OEk(34,"You can use both "),e.I0R(35,"a",8),e.OEk(36,"fxLayout API "),e.wR5(37,"mat-icon",5),e.C$Y(),e.OEk(38," as well as "),e.I0R(39,"a",9),e.OEk(40,"bootstrap grid classes "),e.wR5(41,"mat-icon",5),e.C$Y(),e.OEk(42,". Therefore use form-fields within ca-sections and then put mat-cards into: "),e.C$Y()(),e.I0R(43,"mat-card-content")(44,"ol")(45,"li"),e.OEk(46,"Either put use a row with responsive col-classes like in this ca-section, "),e.C$Y(),e.I0R(47,"li"),e.OEk(48,"or put them into a fxlayout aligned grid like in the ca-section below"),e.C$Y()()()()(),e.I0R(49,"ca-section",10)(50,"div",11)(51,"div",12)(52,"mat-card")(53,"mat-card-header")(54,"mat-card-title"),e.OEk(55,"Formular Gruppierung"),e.C$Y()(),e.I0R(56,"mat-form-field")(57,"mat-label"),e.OEk(58,"Simple Text Input"),e.C$Y(),e.wR5(59,"input",13),e.C$Y(),e.I0R(60,"mat-form-field")(61,"mat-label"),e.OEk(62,"Textarea"),e.C$Y(),e.wR5(63,"textarea",14),e.C$Y(),e.I0R(64,"mat-form-field")(65,"mat-label"),e.OEk(66,"Single Select"),e.C$Y(),e.I0R(67,"mat-select")(68,"mat-option",15),e.OEk(69,"Option 1"),e.C$Y(),e.I0R(70,"mat-option",16),e.OEk(71,"Option 2"),e.C$Y(),e.I0R(72,"mat-option",16),e.OEk(73,"Option 3"),e.C$Y()()(),e.I0R(74,"mat-form-field")(75,"mat-label"),e.OEk(76,"Choose a date"),e.C$Y(),e.wR5(77,"input",17)(78,"mat-datepicker-toggle",18)(79,"mat-datepicker",null,19),e.C$Y(),e.I0R(81,"mat-form-field")(82,"mat-label"),e.OEk(83,"Email"),e.C$Y(),e.wR5(84,"input",20),e.yuY(85,en,3,4,"mat-error",21)(86,tn,3,3,"mat-error",21),e.C$Y(),e.I0R(87,"section")(88,"h4",2),e.OEk(89,"Checkboxes"),e.C$Y(),e.I0R(90,"p")(91,"mat-checkbox",22),e.OEk(92,"Checked"),e.C$Y()(),e.I0R(93,"p")(94,"mat-checkbox"),e.OEk(95,"Unchecked"),e.C$Y()()(),e.I0R(96,"section")(97,"p")(98,"label",23),e.OEk(99,"Radiobuttons"),e.C$Y()(),e.I0R(100,"mat-radio-group",24),e.iHE("ngModelChange",function(s){return e.kNx(n.formXmpleRadioButtons,s)||(n.formXmpleRadioButtons=s),s}),e.yuY(101,an,2,2,"mat-radio-button",25),e.C$Y()()()(),e.I0R(102,"div",12)(103,"mat-card",26)(104,"mat-card-header")(105,"mat-card-title"),e.OEk(106,"Readonly Formular"),e.C$Y()(),e.I0R(107,"p"),e.OEk(108,"Value 1"),e.C$Y(),e.I0R(109,"p"),e.OEk(110,"Value 2"),e.C$Y(),e.I0R(111,"p"),e.OEk(112),e.C$Y(),e.I0R(113,"p"),e.OEk(114,"Buttons innerhalb eines Panels kann man unterschiedlich anordnen, links, rechts und nebeneinander."),e.C$Y(),e.I0R(115,"div")(116,"button",27),e.OEk(117,"Click"),e.C$Y()(),e.I0R(118,"div")(119,"button",28),e.OEk(120,"Disabled Button"),e.C$Y(),e.I0R(121,"mat-hint",29),e.OEk(122,"Bin nicht klickbar weil ich einen disabled Buttonzustand herzeige"),e.C$Y()(),e.I0R(123,"div",30)(124,"button",28),e.OEk(125,"Disabled Button"),e.C$Y(),e.I0R(126,"mat-hint",29),e.OEk(127,"Bin
1nicht klickbar weil ich einen disabled Buttonzustand herzeige"),e.C$Y()(),e.I0R(128,"div",31)(129,"div",32)(130,"button",28),e.OEk(131,"Disabled Button"),e.C$Y(),e.I0R(132,"mat-hint",29),e.OEk(133,"Bin nicht klickbar weil ich einen disabled Buttonzustand herzeige"),e.C$Y()(),e.I0R(134,"div",33)(135,"button",28),e.OEk(136,"Disabled Button"),e.C$Y(),e.I0R(137,"mat-hint",29),e.OEk(138,"Bin nicht klickbar weil ich einen disabled Buttonzustand herzeige"),e.C$Y()()(),e.I0R(139,"div",30)(140,"mat-button-toggle-group",34)(141,"mat-button-toggle",35),e.wR5(142,"mat-icon",36),e.C$Y(),e.I0R(143,"mat-button-toggle",37),e.wR5(144,"mat-icon",38),e.C$Y()()()()()()(),e.I0R(145,"div",39)(146,"div",40)(147,"div",41)(148,"button",42),e.OEk(149,"Button zum Absenden des Formulars"),e.C$Y()(),e.I0R(150,"div",41)(151,"button",43),e.OEk(152),e.wVc(153,"caTranslate"),e.C$Y()()()()()),2&i){const l=e.Gew(80);e.E7m("fullScreen",!1),e.yG2(18),e.E7m("routerLink",e.q4q(21,on)),e.yG2(3),e.E7m("routerLink",e.q4q(22,ln)),e.yG2(3),e.E7m("routerLink",e.q4q(23,sn)),e.yG2(3),e.E7m("routerLink",e.q4q(24,rn)),e.yG2(50),e.E7m("matDatepicker",l),e.yG2(),e.E7m("for",l),e.yG2(6),e.E7m("formControl",n.formXmpleEmail),e.yG2(),e.E7m("ngIf",n.formXmpleEmail.hasError("email")),e.yG2(),e.E7m("ngIf",n.formXmpleEmail.hasError("required")),e.yG2(5),e.E7m("color","primary"),e.yG2(9),e.OKB("ngModel",n.formXmpleRadioButtons),e.yG2(),e.E7m("ngForOf",n.formXmpleRadioButtonLabels),e.yG2(11),e.oRS("Radiobtn Value: ",n.formXmpleRadioButtonLabels,""),e.yG2(7),e.E7m("disabled",!0),e.yG2(5),e.E7m("disabled",!0),e.yG2(6),e.E7m("disabled",!0),e.yG2(5),e.E7m("disabled",!0),e.yG2(17),e.cNF(e.kDX(153,19,"$global_button_abbrechen"))}},dependencies:[h.ay,h.u_,u.ot,u.ue,u.eJ,u._G,u.ug,I.ER,x.sZ,x.cZ,x.qG,x.CA,ee.I5,Za.WK,O.Up,O.w5,O.MX,O.wJ,O.Gm,C.qL,me.yi,ze.cv,ze.cT,Ke.gn,Ke.KU,Ge.kX,_.Gw,z.SM,z.WK,z.Uc,z.uK,z.gp,pe.SU,pe.Ul,pe.yu,w.Y,c.c,L.S,D.u],styles:["@media screen and (min-width: 768px){[_nghost-%COMP%] .form-description[_ngcontent-%COMP%] .mat-mdc-card[_ngcontent-%COMP%]{min-height:17em;width:calc(50% - .5em);margin:1em 1em 0 0}[_nghost-%COMP%] .form-description[_ngcontent-%COMP%] .mat-mdc-card[_ngcontent-%COMP%]:last-child{margin-right:0}}@media screen and (max-width: 767px){[_nghost-%COMP%] .form-description[_ngcontent-%COMP%] .mat-mdc-card[_ngcontent-%COMP%]{margin-bottom:1em}[_nghost-%COMP%] .form-description[_ngcontent-%COMP%] .mat-mdc-card[_ngcontent-%COMP%]:last-child{margin-bottom:0}}[_nghost-%COMP%] .mat-mdc-card[_ngcontent-%COMP%]{border-radius:0;height:100%}[_nghost-%COMP%] .mat-mdc-card[_ngcontent-%COMP%] .mat-mdc-card-header[_ngcontent-%COMP%]{margin:0 -1em}[_nghost-%COMP%] .mat-mdc-card[_ngcontent-%COMP%] .mat-mdc-form-field[_ngcontent-%COMP%], [_nghost-%COMP%] .mat-mdc-card[_ngcontent-%COMP%] section[_ngcontent-%COMP%]{margin-top:1em;clear:both;width:100%}[_nghost-%COMP%] .mat-mdc-card.disabled[_ngcontent-%COMP%]{background:var(--disabled-background-color, #eee)}[_nghost-%COMP%] .mat-mdc-card.button-card[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin-top:1em}[_nghost-%COMP%] .mat-mdc-card[_ngcontent-%COMP%] .mat-mdc-radio-button[_ngcontent-%COMP%] ~ .mat-mdc-radio-button[_ngcontent-%COMP%]{margin-left:1em}"],changeDetection:0})}}return t})();var cn=o(66604);let je=(()=>{class t{constructor(){this.config={view:"ALL"},this.defaultViewConfig={view:"DEFAULT",app:"BW"},this.orgIdChooser1=41208,this.orgIdChooser2=41208}chooseOrg(a){console.log("[EgCaOrganisationChooserPage.chooseOrg]",a)}setOrgFromOutside(){this.orgIdChooser1=14831}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-organisation-chooser-page"]],decls:49,vars:6,consts:[["key","Beispiele","pageTitle","Men\xfc","pageSubTitle","Organisation Chooser"],[1,"bold"],[3,"click"],["chooserLabelTextKey","1) Org context from store not used. 2) Chooser uses the ALL organisations view.",3,"config","selectOrganisationWithId","useInput","selectedOrganisationChange"],["chooserLabelTextKey","1) Chooser takes org context from store. 2) Chooser with default view - shows all organisations permitted.",3,"config","selectedOrganisationChange"],["chooserLabelTextKey","Chooser does display an All-Entry",3,"config","displayAllEntry","selectedOrganisationChange"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"article")(2,"h1"),e.OEk(3,"Organisation-chooser"),e.C$Y(),e.I0R(4,"section"),e.OEk(5," The organisation-chooser offer the ability to choose an organisation based on the result of the REST call to: /brm.orm.search/organisations/chooser "),e.I0R(6,"h4"),e.OEk(7,"The organisation chooser offers following input options:"),e.C$Y(),e.I0R(8,"span",1),e.OEk(9,"chooserLabelTextKey:"),e.C$Y(),e.OEk(10," sets a title above the dropdown"),e.wR5(11,"br"),e.I0R(12,"span",1),e.OEk(13,"config:"),e.C$Y(),e.OEk(14," configuration of the rest call (view and app parameters can be specified)"),e.wR5(15,"br"),e.I0R(16,"span",1),e.OEk(17,"defaultSelectHomeOrg:"),e.C$Y(),e.OEk(18," whether or not the selected home organisation should be chosen automatically when available (default = true). this has priority over the root organisation"),e.wR5(19,"br"),e.I0R(20,"span",1),e.OEk(21,"defaultSelectRootOrg:"),e.C$Y(),e.OEk(22," whether or not the selected root organisation should be chosen automatically when available (default = true)"),e.wR5(23,"br"),e.I0R(24,"strong"),e.OEk(25,"selectedOrganisation:"),e.C$Y(),e.OEk(26," sets the chosen organisation manually as an OrganisationSearchDto, but can be empty except for the id (see first example)"),e.wR5(27,"br")(28,"br"),e.I0R(29,"h4"),e.OEk(30,"The organisation chooser offers following output options:"),e.C$Y(),e.I0R(31,"span",1),e.OEk(32,"selectedOrganisationChange:"),e.C$Y(),e.OEk(33," triggers when the a organisation is chosen"),e.wR5(34,"br")(35,"br"),e.I0R(36,"h4"),e.OEk(37,"To use the drop-down dialog just add the following html code to your app html template:"),e.C$Y(),e.I0R(38,"pre")(39,"code"),e.OEk(40,'<brm-organisation-chooser [config]="someConfig"></brm-organisation-chooser>'),e.C$Y()()()(),e.I0R(41,"div")(42,"button",2),e.qCj("click",function(){return n.setOrgFromOutside()}),e.OEk(43,"Change of the organisation input (orgId) refreshes the org chooser 1 (ehem. Lehrstuhl f\xfcr Soziologie)."),e.C$Y(),e.I0R(44,"brm-organisation-chooser",3),e.qCj("selectedOrganisationChange",function(s){return n.chooseOrg(s)}),e.C$Y()(),e.I0R(45,"div")(46,"brm-organisation-chooser",4),e.qCj("selectedOrganisationChange",function(s){return n.chooseOrg(s)}),e.C$Y()(),e.I0R(47,"div")(48,"brm-organisation-chooser",5),e.qCj("selectedOrganisationChange",function(s){return n.chooseOrg(s)}),e.C$Y()()()),2&i&&(e.yG2(44),e.E7m("config",n.config)("selectOrganisationWithId",n.orgIdChooser1)("useInput",!0),e.yG2(2),e.
1E7m("config",n.defaultViewConfig),e.yG2(2),e.E7m("config",n.defaultViewConfig)("displayAllEntry",!0))},dependencies:[cn.q,c.c],encapsulation:2,changeDetection:0})}}return t})();var un=o(1092),dn=o(1567);let Xe=(()=>{class t{constructor(){this.date=new un.C,this.date.value="12.10.2018"}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-calendar-icon"]],decls:33,vars:1,consts:[["key","Beispiele","pageTitle","Misc","pageSubTitle","CaCalendarIcon component"],[1,"bold"],[3,"date"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"article")(2,"h1"),e.OEk(3,"Calendar Icon"),e.C$Y(),e.I0R(4,"section"),e.OEk(5," The CaCalendarIcon is used to display a calendar icon with a integrated text inside."),e.wR5(6,"br"),e.OEk(7," It will display the day in a bigger font and Month/Year below it, in a smaller front."),e.wR5(8,"br"),e.OEk(9," If the date is null, it will just display two '-' instead of the dates. "),e.I0R(10,"h4"),e.OEk(11,"Input variables (denoted by [variable])"),e.C$Y(),e.I0R(12,"span",1),e.OEk(13,"[date] - "),e.C$Y(),e.OEk(14,"(CoDateTime) date to be displayed in the calendar icon"),e.wR5(15,"br")(16,"br"),e.I0R(17,"h4"),e.OEk(18,"To use the ca-calendar-icon just add the following html code to your app html template:"),e.C$Y(),e.I0R(19,"pre"),e.OEk(20," "),e.I0R(21,"code"),e.OEk(22,'\n <ca-calendar-icon [date]="myDate">\n </ca-calendar-icon>\n '),e.C$Y(),e.OEk(23,"\n "),e.C$Y()(),e.I0R(24,"div")(25,"div")(26,"h4"),e.OEk(27,"Calendar without a date"),e.C$Y(),e.wR5(28,"ca-calendar-icon"),e.C$Y(),e.I0R(29,"div")(30,"h4"),e.OEk(31,"Calendar with a date"),e.C$Y(),e.wR5(32,"ca-calendar-icon",2),e.C$Y()()()()),2&i&&(e.yG2(32),e.E7m("date",n.date))},dependencies:[c.c,dn.Y],encapsulation:2,changeDetection:0})}}return t})();var mn=o(31220);let te=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ca-component-not-ready"]],decls:4,vars:0,consts:[["aria-hidden","true",1,"fas","fa-ban"]],template:function(i,n){1&i&&(e.I0R(0,"div"),e.wR5(1,"mat-icon",0),e.I0R(2,"span"),e.OEk(3,"Component not yet approved"),e.C$Y()())},dependencies:[C.qL],styles:["[_nghost-%COMP%]{color:var(--brand-danger, #e51a49);font-weight:700;font-size:1.3em;display:inline-block;margin-bottom:1em}"],changeDetection:0})}}return t})(),He=(()=>{class t{constructor(){this.totalCount=141}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:63,vars:1,consts:[[1,"bold"],[3,"totalCount"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Menu"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"CaPagerComponent component"),e.C$Y(),e.wR5(7,"ca-component-not-ready"),e.C$Y(),e.I0R(8,"section"),e.OEk(9," The pager is used to navigate components that can be displayed by pages (eg. ca-list)."),e.wR5(10,"br"),e.OEk(11," It needs at least a totalCount as an input."),e.wR5(12,"br"),e.I0R(13,"h4"),e.OEk(14,"Input variables (denoted by [variable])"),e.C$Y(),e.I0R(15,"span",0),e.OEk(16,"[totalCount] - "),e.C$Y(),e.OEk(17,"(number) represents the total number of entries of the list to be paged."),e.wR5(18,"br"),e.I0R(19,"span",0),e.OEk(20,"[skip] - "),e.C$Y(),e.OEk(21,"(number) value of how many entries should be skipped (used to calculate the current page number). Has to be a multiple of the selected entriesPerPage value. Default value = 0"),e.wR5(22,"br"),e.I0R(23,"span",0),e.OEk(24,"[top] - "),e.C$Y(),e.OEk(25,"(number) value determines how many entries should be loaded each page. Default value = first value of entriesPerPage"),e.wR5(26,"br"),e.I0R(27,"span",0),e.OEk(28,"[entriesPerPage] - "),e.C$Y(),e.OEk(29,"(Array<number>) value is used for the dropdown to choose how many entries per page should be shown (top). Default value = [20, 50, 100]"),e.wR5(30,"br"),e.I0R(31,"span",0),e.OEk(32,"[pageSizeLabel] - "),e.C$Y(),e.OEk(33,"(string) Text that will be displayed before the page selection dropdown."),e.wR5(34,"br")(35,"br"),e.I0R(36,"h4"),e.OEk(37,"Output event (denoted by (variable))"),e.C$Y(),e.I0R(38,"span",0),e.OEk(39,"[pagerAction] - "),e.C$Y(),e.OEk(40,"(CaPagerEvent) Event that will be triggered when the page changes or the entries each page changes. It represents the new state of the pager."),e.wR5(41,"br"),e.OEk(42," CaPagerEvent content: "),e.I0R(43,"ul")(44,"li"),e.OEk(45,"skip: number;"),e.C$Y(),e.I0R(46,"li"),e.OEk(47,"top: number;"),e.C$Y(),e.I0R(48,"li"),e.OEk(49,"entriesPerPage: Array<number>;"),e.C$Y(),e.I0R(50,"li"),e.OEk(51,"loadMore: boolean;"),e.C$Y()(),e.wR5(52,"br"),e.I0R(53,"h4"),e.OEk(54,"To use the ca-pager just add the following html code to your app html template:"),e.C$Y(),e.I0R(55,"pre"),e.OEk(56," "),e.I0R(57,"code"),e.OEk(58,'\n <ca-pager [totalCount]="myListEntryCount">\n </ca-pager>\n '),e.C$Y(),e.OEk(59,"\n "),e.C$Y()(),e.I0R(60,"div")(61,"div"),e.wR5(62,"ca-pager",1),e.C$Y()()()()),2&i&&(e.yG2(62),e.E7m("totalCount",n.totalCount))},dependencies:[mn.O,c.c,te],encapsulation:2,changeDetection:0})}}return t})();var We=o(14260),pn=o(25596);const gn=["class","page"];let Qe=(()=>{class t{constructor(){this.selectedCurriculumVersionId=We.k.CURRICULUM_ALL_VALUE,this.curriculumVersions=[];for(let a=0;a<10;a++){let i=new pn.k$;i.id=a;let n=new B.lG;n.value="Curriculum "+a,i.name=n,this.curriculumVersions.push(i)}}changeCurriculumVersionId(a){this.selectedCurriculumVersion=a,console.log("curriculumVersion: "+a)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-curriculum-version-chooser",8,"page"]],attrs:gn,decls:9,vars:4,consts:[["key","Beispiele","pageTitle","Men\xfc","pageSubTitle","Curriculum Version Chooser"],["id","curriculumVersionSelection",3,"selectedCurriculumVersionId","availableCurriculumVersions","selectedCurriculumChange"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"h1"),e.OEk(2,"Curriculum version chooser"),e.C$Y(),e.wR5(3,"ca-component-not-ready"),e.I0R(4,"slc-curriculum-version-chooser",1),e.qCj("selectedCurriculumChange",function(s){return n.changeCurriculumVersionId(s)}),e.C$Y(),e.I0R(5,"h3"),e.OEk(6),e.C$Y(),e.I0R(7,"h3"),e.OEk(8),e.C$Y()()),2&i&&(e.yG2(4),e.E7m("selectedCurriculumVersionId",n.selectedCurriculumVersionId)("availableCurriculumVersions",n.curriculumVersions),e.yG2(2),e.oRS("Your current Curriculum Version Id: ",null==n.selectedCurriculumVersion?null:n.selectedCurriculumVersion.id,""),e.yG2(2),e.oRS("Your current Curriculum Version Name: ",null==n.selectedCurriculumVersion?null:n.selectedCurriculumVersion.name.value,""))},dependencies:[c.c,We.k,te],encapsulation:2,changeDetection:0})}}return t})();var T=o(64940);let ge=(()=>{class t{static{this.REGEX_DATE=/^((?:[0-3][0-9])|[1-9])[.|\/]((?:[0-1][0-9])|[1-9])[.|\/]([0-9]{4})$/}static{this.REGEX_DATE_TIME=/^((?:[0-3][0-9])|[1-9])[.|\/]((?:[0-1][0-9])|[1-9])[.|\/]([0-9]{4})(?:,? ([0-2][0-9]):([0-6][0-9]))?$/}static{this.REGEX_TIME=/^([0-2][0-9]):([0-6][0-9])(?::([0-6][0-9]))?$/}static parse(a,i="date"){if(!a)return null;let n=a.match(t.getRexExpOfFormat(i));return n?"time"===i?t.createTimeByMatchedStrings(n):t.createDateByMatchedStrings(n):new Date("invalid")}static getRexExpOfFormat(a){switch(a){case"date":default:return t.REGEX_DATE;case"datetime":return t.REGEX_DATE_TIME;case"time":return t.REGEX_TIME}}static toNullIfNaN(a){return isNaN(a)?null:a}static createDateByMatchedStrings(a){const i=t.toNullIfNaN((0,T.toNumber)(a[3])),n=t.toNullIfNaN((0,T.toNumber)(a[2])-1),l=t.toNullIfNaN((0,T.toNumber)(a[1])),s=t.toNullIfNaN((0,T.toNumber)(a[4])),p=t.toNullIfNaN((0,T.toNumber)(a[5])),Hi=t.toNullIfNaN((0,T.toNumber)(a[5]));return new Date(i,n,l,s,p,Hi)}static createTimeByMatchedStrings(a){const i=t.toNullIfNaN((0,T.toNumber)(a[1])),n=t.toNullIfNaN((0,T.toNumber)(a[2])),l=t.toNullIfNaN((0,T.toNumber)(a[3]));return new Date(null,null,null,i,n,l)}}return t})();var Je=o(44488),Cn=o(48656),hn=o(11172),Ze=o(82232),En=o(33596);let kn=(()=>{class t{constructor(a){this.caSelectedLanguageService=a,this.locale=this.caSelectedLanguageService.getLanguage().iso1Code}transform(a){const i=Ze._.formatTemporalType(a,"weekdayshort",this.locale),n=Ze._.formatTemporalType(a,"date","de-DE");return i.toUpperCase()+", "+n}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(En.G,16))}}
1static{this.\u0275pipe=e.UTH({name:"caDateWeekdayPipe",type:t,pure:!0})}}return t})();var fn=o(66784);const Ce=(t,r)=>[t,r];let et=(()=>{class t{constructor(){this.start="10.12.2018, 08:11",this.endSameDay="10.12.2018, 10:00",this.end="11.12.2018, 10:00",this.datePipeCode="{{ date | caDatePipe }}",this.timePipeCode="{{ date | caTimePipe }}",this.dateTimePipeCode="{{ date | caDateTimePipe }}",this.dateRangePipeCode="{{ [ startDate, endSameDayDate ] | caDateRangePipe }}",this.dateWeekdayPipeCode="{{ date | caDateWeekdayPipe }}",this.dateWeekdayRangePipeSameDayCode="{{ [ startDate, endSameDayDate ] | caDateWeekdayRangePipe }}",this.dateWeekdayRangePipeNextDayCode="{{ [ startDate, endNextDayDate ] | caDateWeekdayRangePipe }}",this.startDate=ge.parse(this.start,"datetime"),this.endSameDayDate=ge.parse(this.endSameDay,"datetime"),this.endDate=ge.parse(this.end,"datetime")}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:77,vars:37,consts:[[1,"ca-details-summary"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Formatter"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"DatePipes"),e.C$Y()(),e.I0R(7,"section")(8,"p"),e.OEk(9," Input parameter(s) could be CoDate, CoDateTime and Date. "),e.wR5(10,"br"),e.OEk(11," Date and time is always displayed in german format, only weekdays will be translated. "),e.C$Y()(),e.I0R(12,"h3",0),e.OEk(13,"caDatePipe"),e.C$Y(),e.I0R(14,"section")(15,"pre")(16,"code"),e.OEk(17),e.C$Y()(),e.I0R(18,"p"),e.OEk(19),e.wVc(20,"caDatePipe"),e.C$Y()(),e.I0R(21,"h3",0),e.OEk(22,"caTimePipe"),e.C$Y(),e.I0R(23,"section")(24,"pre")(25,"code"),e.OEk(26),e.C$Y()(),e.I0R(27,"p"),e.OEk(28),e.wVc(29,"caTimePipe"),e.C$Y()(),e.I0R(30,"h3",0),e.OEk(31,"caDateRangePipe"),e.C$Y(),e.I0R(32,"section")(33,"pre")(34,"code"),e.OEk(35),e.C$Y()(),e.I0R(36,"p"),e.OEk(37),e.wVc(38,"caDateRangePipe"),e.C$Y()(),e.I0R(39,"h3",0),e.OEk(40,"caDateTimePipe"),e.C$Y(),e.I0R(41,"section")(42,"pre")(43,"code"),e.OEk(44),e.C$Y()(),e.I0R(45,"p"),e.OEk(46),e.wVc(47,"caDateTimePipe"),e.C$Y()(),e.I0R(48,"h3",0),e.OEk(49,"caDateWeekdayPipe"),e.C$Y(),e.I0R(50,"section")(51,"p"),e.OEk(52,"For english date-format, change language."),e.C$Y(),e.I0R(53,"pre")(54,"code"),e.OEk(55),e.C$Y()(),e.I0R(56,"p"),e.OEk(57),e.wVc(58,"caDateWeekdayPipe"),e.C$Y()(),e.I0R(59,"h3",0),e.OEk(60,"caDateWeekdayRangePipe"),e.C$Y(),e.I0R(61,"section")(62,"p"),e.OEk(63,"For english format, change language."),e.C$Y(),e.I0R(64,"pre")(65,"code"),e.OEk(66),e.C$Y()(),e.I0R(67,"p"),e.OEk(68),e.wVc(69,"caDateWeekdayRangePipe"),e.C$Y()(),e.I0R(70,"section")(71,"pre")(72,"code"),e.OEk(73),e.C$Y()(),e.I0R(74,"p"),e.OEk(75),e.wVc(76,"caDateWeekdayRangePipe"),e.C$Y()()()()),2&i&&(e.yG2(17),e.cNF(n.datePipeCode),e.yG2(2),e.oRS("Result: ",e.kDX(20,14,n.startDate),""),e.yG2(7),e.cNF(n.timePipeCode),e.yG2(2),e.oRS("Result: ",e.kDX(29,16,n.startDate),""),e.yG2(7),e.cNF(n.dateRangePipeCode),e.yG2(2),e.oRS("Result: ",e.kDX(38,18,e.IBC(28,Ce,n.startDate,n.endSameDayDate)),""),e.yG2(7),e.cNF(n.dateTimePipeCode),e.yG2(2),e.oRS("Result: ",e.kDX(47,20,n.startDate),""),e.yG2(9),e.cNF(n.dateWeekdayPipeCode),e.yG2(2),e.oRS("Result: ",e.kDX(58,22,n.startDate),""),e.yG2(9),e.cNF(n.dateWeekdayRangePipeSameDayCode),e.yG2(2),e.oRS("Result: ",e.kDX(69,24,e.IBC(31,Ce,n.startDate,n.endSameDayDate)),""),e.yG2(5),e.cNF(n.dateWeekdayRangePipeNextDayCode),e.yG2(2),e.oRS("Result: ",e.kDX(76,26,e.IBC(34,Ce,n.startDate,n.endDate)),""))},dependencies:[c.c,Je.s,Cn.M,hn.a,kn,fn.u,Le.w],encapsulation:2,changeDetection:0})}}return t})();var In=o(62912);let tt=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:32,vars:0,consts:[["caConcatList",""],[1,"concat-list-highlight"],[1,"concat-list-label"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Panel"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"ConcatList"),e.C$Y()(),e.I0R(7,"section")(8,"p"),e.OEk(9," ConcatList can be used to simply concat attributes in one line."),e.wR5(10,"br"),e.OEk(11," For example in ca-list. "),e.C$Y()(),e.I0R(12,"pre"),e.OEk(13," "),e.I0R(14,"code"),e.OEk(15,'\n <ul caConcatList>\n <li>\n Lehrveranstaltung\n </li>\n <li>
1\n <span class="concat-list-highlight">2</span>\n <span class="concat-list-label">SWS</span>\n </li>\n <li>\n Sommersemester\n </li>\n <li>\n 1.Termin am:\n <span class="concat-list-highlight">MO, 10.12.2018, 08:11 - 10:00</span>\n </li>\n </ul>\n '),e.C$Y(),e.OEk(16,"\n "),e.C$Y(),e.OEk(17," Result: "),e.I0R(18,"ul",0)(19,"li"),e.OEk(20," Lehrveranstaltung "),e.C$Y(),e.I0R(21,"li")(22,"span",1),e.OEk(23,"2"),e.C$Y(),e.I0R(24,"span",2),e.OEk(25,"SWS"),e.C$Y()(),e.I0R(26,"li"),e.OEk(27," Sommersemester "),e.C$Y(),e.I0R(28,"li"),e.OEk(29," 1.Termin am: "),e.I0R(30,"span",1),e.OEk(31,"MO, 10.12.2018, 08:11 - 10:00"),e.C$Y()()()()())},dependencies:[In.c,c.c],encapsulation:2,changeDetection:0})}}return t})();var K=o(65524),Rn=o(35576);let at=(()=>{class t extends K.y{constructor(a,i,n){super(i,n),this.dialog=a,this.dialogRef=i,this.data=n,this.userName=""}onSave(){this.dialog.open(K.y,{disableClose:!0,data:{dialogTitle:"Hello "+this.userName,dialogMessage:"Thank you for playing with my example!",showDefaultButton:!0}})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(P.qW),e.GI1(P.yI),e.GI1(P.sR))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],features:[e.eg9],decls:58,vars:1,consts:[["dialog-title","",2,"flex","1"],["dialog-body",""],["name","example-form",3,"submit"],["for","user-name"],["id","user-name","type","text","name","username","caTabindex","","cdkFocusInitial","",3,"ngModel","ngModelChange"],["dialog-actions",""],["mat-button","","color","primary","role","button","type","submit",3,"click"],["mat-button","","mat-dialog-close","","role","button","type","button"]],template:function(i,n){1&i&&(e.I0R(0,"ca-dialog")(1,"h2",0),e.OEk(2,"Something special"),e.C$Y(),e.I0R(3,"div",1)(4,"p"),e.OEk(5,"This is an "),e.I0R(6,"strong"),e.OEk(7,"advanced"),e.C$Y(),e.OEk(8," dialog"),e.C$Y(),e.I0R(9,"ul")(10,"li"),e.OEk(11,"It has custom HTML"),e.C$Y(),e.I0R(12,"li"),e.OEk(13,"It can be designed as you like"),e.C$Y(),e.I0R(14,"li"),e.OEk(15,"It comes with a "),e.I0R(16,"code"),e.OEk(17,"form"),e.C$Y(),e.OEk(18," for data input below"),e.C$Y()(),e.I0R(19,"p")(20,"strong"),e.OEk(21,"How to make this:"),e.C$Y()(),e.I0R(22,"ol")(23,"li"),e.OEk(24,"Create a new component which extends the "),e.I0R(25,"code"),e.OEk(26,"CaDialogComponent"),e.C$Y()(),e.I0R(27,"li"),e.OEk(28,"Make your own template, use "),e.I0R(29,"code"),e.OEk(30,"dialog-title"),e.C$Y(),e.OEk(31," for the heading, "),e.I0R(32,"code"),e.OEk(33,"dialog-body"),e.C$Y(),e.OEk(34," for the content, and "),e.I0R(35,"code"),e.OEk(36,"dialog-actions"),e.C$Y(),e.OEk(37," to place your actions"),e.C$Y(),e.I0R(38,"li")(39,"em"),e.OEk(40,"Pro tip:"),e.C$Y(),e.OEk(41," If you're happy with the standard title and OK button, you can just use them from the CaDialogData"),e.C$Y(),e.I0R(42,"li"),e.OEk(43,"Write your business logic for your dialog"),e.C$Y(),e.I0R(44,"li"),e.OEk(45,"In your application, open a "),e.I0R(46,"code"),e.OEk(47,"MatDialog"),e.C$Y(),e.OEk(48," and specify your creation"),e.C$Y()(),e.I0R(49,"form",2),e.qCj("submit",function(){return n.onSave()}),e.I0R(50,"label",3),e.OEk(51,"Please enter your name: "),e.C$Y(),e.I0R(52,"input",4),e.iHE("ngModelChange",function(s){return e.kNx(n.userName,s)||(n.userName=s),s}),e.C$Y()()(),e.I0R(53,"div",5)(54,"button",6),e.qCj("click",function(){return n.onSave()}),e.OEk(55,"Submit Form "),e.C$Y(),e.I0R(56,"button",7),e.OEk(57,"Cancel "),e.C$Y()()()),2&i&&(e.yG2(52),e.OKB("ngModel",n.userName))},dependencies:[u.sz,u.ot,u.ue,u.u,u._G,u.SC,_.Gw,P.qq,w.Y,Rn.w,K.y],encapsulation:2,changeDetection:0})}}return t})(),nt=(()=>{class t{constructor(a){this.dialog=a}showDialog(){this.dialog.open(K.y,{data:{dialogTitle:"Hi, I'm the Header!",dialogMessage:"Write something nice, will ya? We've got a lot to tell to each other",showDefaultButton:!0}}).afterClosed().subscribe(()=>{console.log("CaDialog was closed")})}showModalDialog(){this.dialog.open(K.y,{disableClose:!0,data:{dialogTitle:"I'm not leaving that easily!",dialogMessage:"This dialog stays until you click a button. Note how the dialog's size is adapted to the content within it.",showDefaultButton:!0}}).afterClosed().subscribe(()=>{console.log("CaDialog was closed")})}showExtendedDialog(){this.dialog.open(at,{data:{showDefaultButton:!1}})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(P.qW))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:152,vars:2,consts:[["href","https://material.angular.io/components/dialog/overview","target","_blank","rel","noopener noreferrer"],["href","https://material.angular.io/components/dialog/api#MatDialogConfig","target","_blank","rel","noopener noreferrer"],[1,"ca-details-summary"],[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"header")(3,"h1"),e.OEk(4,"Overlay"),e.C$Y(),e.I0R(5,"h2"),e.OEk(6,"CaDialog"),e.C$Y()(),e.I0R(7,"section")(8,"h3"),e.OEk(9,"Intro"),e.C$Y(),e.I0R(10,"p"),e.OEk(11," The CaDialog is the base structure for all pop-up based content in CAMPUSonline. The CaDialog is built on the "),e.I0R(12,"a",0),e.OEk(13,"MatDialog"),e.C$Y(),e.OEk(14," component. You can "),e.C$Y(),e.I0R(15,"ul")(16,"li"),e.OEk(17,"use it as a message box to display information to the user"),e.C$Y(),e.I0R(18,"li"),e.OEk(19,"embed custom HTML and formatting"),e.C$Y(),e.I0R(20,"li"),e.OEk(21,"put forms for data input in it"),e.C$Y()(),e.I0R(22,"p"),e.OEk(23," All dialogs in CAMPUSonline are "),e.I0R(24,"strong"),e.OEk(25,"modal"),e.C$Y(),e.OEk(26,". However, there are 2 ways you can display the dialogs: "),e.C$Y(),e.I0R(27,"ul")(28,"li"),e.OEk(29,"Standard Modal"),e.I0R(30,"p"),e.OEk(31,"Displays the dialog with an 'X' closing button. The user can click anyw
1here outside on the screen or hit "),e.I0R(32,"code"),e.OEk(33,"ESC"),e.C$Y(),e.OEk(34," to make the dialog disappear. Use this dialog to present information to the user that does not affect the flow of the software. "),e.C$Y()(),e.I0R(35,"li"),e.OEk(36,"Strictly Modal"),e.I0R(37,"p"),e.OEk(38,"Displays the dialog without the 'X' closing button. To close the dialog, the user needs to click one of the buttons in the dialog actions. Clicking outside the dialog or pressing ESC will not close the dialog. Use this if the user's decision will affect the flow of the software."),e.C$Y()()(),e.I0R(39,"p"),e.OEk(40," You can pass a "),e.I0R(41,"a",1),e.OEk(42,"MatDialogConfig"),e.C$Y(),e.OEk(43," when opening the CaDialog. If you want the dialog to be strictly modal, set the "),e.I0R(44,"code"),e.OEk(45,"disableClose"),e.C$Y(),e.OEk(46," option to "),e.I0R(47,"code"),e.OEk(48,"true"),e.C$Y(),e.OEk(49,". "),e.C$Y(),e.I0R(50,"p"),e.OEk(51,"\xa0"),e.C$Y()(),e.I0R(52,"section")(53,"h3"),e.OEk(54,"Dialog Components"),e.C$Y(),e.I0R(55,"p"),e.OEk(56," CaDialog consists of 3 parts: "),e.C$Y(),e.I0R(57,"ul")(58,"li")(59,"strong"),e.OEk(60,"Dialog Title"),e.C$Y(),e.I0R(61,"p"),e.OEk(62,"Displays the title (Captain Obvious says hi) and a close button, if the dialog is standard modal (see above)."),e.C$Y()(),e.I0R(63,"li")(64,"strong"),e.OEk(65,"Dialog Body"),e.C$Y(),e.I0R(66,"p"),e.OEk(67,"In basic dialogs, this shows the message to the user. In advanced dialogs you can define the content to anything (e.g. formatted HTML, a <form>, a component,...)"),e.C$Y()(),e.I0R(68,"li")(69,"strong"),e.OEk(70,"Dialog Actions"),e.C$Y(),e.I0R(71,"p"),e.OEk(72,"The bottom area containing of the possible dialog actions. As a default it's only an OK button, but you can define any number of controls (buttons) to provide in this area."),e.C$Y()()(),e.I0R(73,"p"),e.OEk(74,"\xa0"),e.C$Y()(),e.I0R(75,"section")(76,"h3"),e.OEk(77,"CaDialogData"),e.C$Y(),e.I0R(78,"p"),e.OEk(79," When opening a dialog, you can pass a CaDialogData class in the constructor. With this you can define basic CAMPUSonline specific options. "),e.C$Y(),e.I0R(80,"code")(81,"pre"),e.OEk(82),e.C$Y()(),e.I0R(83,"p"),e.OEk(84," The properties of this class allow you to build a simple message box-like dialog without having to create your own template override. "),e.I0R(85,"code"),e.OEk(86,"showDefaultButton"),e.C$Y(),e.OEk(87,' displays a standard "OK" button which closes the dialog. '),e.C$Y(),e.I0R(88,"p"),e.OEk(89," Use the "),e.I0R(90,"code"),e.OEk(91,"content"),e.C$Y(),e.OEk(92," attribute of the "),e.I0R(93,"code"),e.OEk(94,"CaDialogData"),e.C$Y(),e.OEk(95," class to pass individual dialog data to your dialog. You can access it like so: "),e.I0R(96,"code"),e.OEk(97,'<a *ngIf="this.data.content.yourVariable === true">...'),e.C$Y()(),e.I0R(98,"p"),e.OEk(99,"\xa0"),e.C$Y()(),e.I0R(100,"section")(101,"h3"),e.OEk(102,"Basic Dialogs"),e.C$Y(),e.I0R(103,"p"),e.OEk(104,"The following examples show you how to create various basic dialogs:"),e.C$Y(),e.I0R(105,"details")(106,"summary")(107,"h4",2),e.OEk(108,"Example: A Simple Dialog (Standard Modal)"),e.C$Y()(),e.I0R(109,"button",3),e.qCj("click",function(){return n.showDialog()}),e.OEk(110,"Open the dialog"),e.C$Y(),e.I0R(111,"p"),e.OEk(112,"The standard dialog uses the members of CaDialogData to inject a title and a message into the overlay. You can close the overlay by clicking the OK button, outside of the component or pressing ESC on your keyboard."),e.C$Y()(),e.I0R(113,"details")(114,"summary")(115,"h4",2),e.OEk(116,"Example: A Strictly Modal Dialog"),e.C$Y()(),e.I0R(117,"button",3),e.qCj("click",function(){return n.showModalDialog()}),e.OEk(118,"Open the dialog"),e.C$Y(),e.I0R(119,"p"),e.OEk(120,"This dialog is essentially the same, but cannot be closed other than by clicking the OK button. You cannot press ESC or click outside, but are forced to provide an answer. Default MatDialogConfig is passed on creation."),e.C$Y(),e.I0R(121,"p"),e.OEk(122,"\xa0"),e.C$Y()(),e.I0R(123,"p"),e.OEk(124,"\xa0"),e.C$Y(),e.I0R(125,"p"),e.OEk(126,"To see source code examples, open the following file: "),e.I0R(127,"code"),e.OEk(128,"client/src/eg/catalog/app/component-catalog/overlay/ca-dialog/eg-ca-dialog.page.ts"),e.C$Y()(),e.I0R(129,"p"),e.OEk(130,"\xa0"),e.C$Y()(),e.I0R(131,"section")(132,"h3"),e.OEk(133,"Building Custom Dialogs"),e.C$Y(),e.I0R(134,"p"),e.OEk(135," Make complex dialogs by creating a new component that extends the CaDialog. Within the CaDialog's content area you can define HTML which is then selected and put into the dialog. "),e.C$Y(),e.I0R(136,"p"),e.OEk(137," Use the "),e.I0R(138,"code"),e.OEk(139,"content"),e.C$Y(),e.OEk(140," tag of the "),e.I0R(141,"code"),e.OEk(142,"CaDialogData"),e.C$Y(),e.OEk(143," or extend it to provide data for your component's template. If you want to access dynamic data in the dialog, you can pass it with this and access it in the HTML template or component. "),e.C$Y(),e.I0R(144,"details")(145,"summary")(146,"h4",2),e.OEk(147,"Example: A Complex Dialog"),e.C$Y()(),e.I0R(148,"button",3),e.qCj("click",function(){return n.showExtendedDialog()}),e.OEk(149,"Open the dialog"),e.C$Y(),e.I0R(150,"p"),e.OEk(151,"This dialog was built using a HTML template and has a concept called content projection. You need to define which of your HTML tags are part of the dialog body and which are part of the dialog actions. "),e.C$Y()()()()()),2&i&&(e.yG2(82),e.CAO("export class CaDialogData ","{","\n public dialogTitle: string = '';\n public dialogMessage: string = '';\n public showDefaultButton: boolean = true;\n\n public content: any;\n","}",""))},dependencies:[c.c],encapsulation:2,changeDetection:0})}}return t})();var it=o(89796),ot=o(33796),On=o(70580),_n=o(95332);const yn=["class","page"];function bn(t,r){if(1&t&&(e.I0R(0,"div")(1,"div")(2,"label"),e.OEk(3,"Type:"),e.C$Y(),e.OEk(4),e.C$Y(),e.I0R(5,"div")(6,"label"),e.OEk(7,"SPOv:"),e.C$Y(),e.OEk(8),e.C$Y(),e.I0R(9,"div")(10,"label"),e.OEk(11,"StudyId:"),e.C$Y(),e.OEk(12),e.C$Y(),e.I0R(13,"div")(14,"label"),e.OEk(15,"DetailId:"),e.C$Y(),e.OEk(16),e.C$Y()()),2&t){const a=e.GaO();e.yG2(4),e.oRS(" ",null==a.selectedContext?null:a.selectedContext.contextType," "),e.yG2(4),e.oRS(" ",null==a.selectedContext?null:a.selectedContext.curriculumVersionId," "),e.yG2(4),e.oRS(" ",null==a.selectedContext?null:a.selectedContext.studyId," "),e.yG2(4),e.oRS(" ",null!=a.selectedContext&&a.selectedContext.contextDetailId?null==a.selectedContext?null:a.selectedContext.contextDetailId:"none"," ")}}function Yn(t,r){1&t&&(e.I0R(0,"div"),e.OEk(1," None "),e.C$Y())}let lt=(()=>{class t{static{this.DEMO_RESOURCES_URL="/eg/catalog/demodata/eg-ca-curriculum-context-chooser-example-data.json"}constructor(a,i){this.caData=a,this.changeDetectorRef=i,this.backend_link_prefix="",this.backend_link_postfix="slc.cm.curriculumcontext/potential/{studyId}/{courseId}/potentialCurriculumContexts",this.dummySelection={studyId:12,contextType:On.w.FREE_SUBJECT,curriculumVersionId:21};const n=M.m.withCurrent().buildUrl(),l=n.href.indexOf("ee/");this.backend_link_prefix=n.href.slice(0,l+3)+"rest/"}ngOnInit(){this.fetchDummyData()}changeSelectedContext(a){this.selectedContext=a}setDummySelection(){this.changeSelectedContext(this.dummySelection),this.changeDetectorRef.markForCheck()}fetchDummyData(){const a=M.m.withEeUiPath(t.DEMO_RESOURCES_URL).buildUrl();this.caData.get(a,it.mO).subscribe(i=>{this.contextInfos=ot.W.with(i.resources).getAllDtos(),this.changeDetectorRef.markForCheck()})}fetchFromBackEnd(){let a=this.backend_link_prefix+this.backend_link_postfix;a=a.replace("{studyId}",""+this.studyId),a=a.replace("{courseId}",""+this.courseId);const i=M.m.withHref(a).buildUrl();this.caData.get(i,it.mO).subscribe(n=>{this.backendContextInfos=ot.W.with(n.resources).getAllDtos(),this.changeDetectorRef.markForCheck()})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(J.s),e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-curriculum-context-chooser",8,"page"]],attrs:yn,decls:66,vars:7,consts:[["key","Beispiele","pageTitle","Men\xfc","pageSubTitle","Curriculum Context Chooser"],[2,"display","flex"],[2,"margin-top","20px"],[3,"curriculumContextInfoGroupings","selectedCurriculumContextSignature","curriculumContextChanged"],["mat-button","","role","button","type","submit",1,"btn","btn-lg","btn-primary",3,"click"],[4,"ngIf"],[2,"width","50px"],[3,"curriculumContextInfoGroupings"],["type","number","name","title",3,"ngModel","ngModelChange"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page",0)(1,"h1"),e.OEk(2,"Curriculum context chooser"),e.C$Y(),e.wR5(3,"ca-component-not-ready"),e.I0R(4,"div",1)(5,"div",2)(6,"div")(7,"slc-curriculum-context-chooser",3),e.qCj("curriculumContextChanged",function(s){return n.changeSelectedContext(s)}),e.C$Y()(),e.I0R(8,"label",2),e.OEk(9,"Set 'Freifach' as the chooser's selection"),e.C$Y(),e.I0R(10,"div")(11,"button",4),e.qCj("click",function(){return n.setDummySelection()}),e.OEk(12," Make external dummy selection "),e.C$Y()(),e.I0R(13,"label",2),e.OEk(14,"Selected Context"),e.C$Y(),e.yuY(15,bn,17,4,"div",5)(16,Yn,2,0,"div",5),e.C$Y(),e.wR5(17,"div",6)(18,"br")(19,"br")(20,"br"),e.I0R(21,"div",2),e.wR5(22,"slc-curriculum-context-chooser",7)(23,"br"),e.I0R(24,"label",2),e.OEk(25,"Fetch data from the database"),e.C$Y(),e.wR5(26,"br"),e.I0R(27,"button",4),e.qCj("click",function(){return n.fetchFromBackEnd()}),e.OEk(28," Fetch "),e.C$Y(),e.wR5(29,"br")(30,"br"),e.I0R(31,"label"),e.OEk(32,"StudyId:"),e.C$Y(),e.I0R(33,"input",8),e.iHE("ngModelChange",function(s){return e.kNx(n.studyId,s)||(n.studyId=s),s}),e.C$Y(),e.wR5(34,"br"),e.I0R(35,"label"),e.OEk(36,"CourseId:"),e.C$Y(),e.I0R(37,"input",8),e.iHE("ngModelChange",function(s){return e.kNx(n.courseId,s)||(n.courseId=s),s}),e.C$Y()()()(),e.wR5(38,"br")(39,"br")(40,"br")(41,"br")(42,"br")(43,"br")(44,"br")(45,"br")(46,"br")(47,"br")(48,"br")(49,"br")(50,"br")(
151,"br")(52,"br")(53,"br")(54,"br")(55,"br")(56,"br")(57,"br")(58,"br")(59,"br")(60,"br")(61,"br")(62,"br")(63,"br")(64,"br")(65,"br")),2&i&&(e.yG2(7),e.E7m("curriculumContextInfoGroupings",n.contextInfos)("selectedCurriculumContextSignature",null==n.selectedContext?null:n.selectedContext.curriculumContextSignature),e.yG2(8),e.E7m("ngIf",n.selectedContext),e.yG2(),e.E7m("ngIf",!n.selectedContext),e.yG2(6),e.E7m("curriculumContextInfoGroupings",n.backendContextInfos),e.yG2(11),e.OKB("ngModel",n.studyId),e.yG2(4),e.OKB("ngModel",n.courseId))},dependencies:[h.u_,u.ot,u.O4,u.ue,u._G,_.Gw,w.Y,c.c,_n._,te],encapsulation:2,changeDetection:0})}}return t})();var $n=o(83104),vn=o(29336),q=o(82700),he=o(17368),N=o(54704);class Dn{constructor(r,a){this.allValidCurriculumVersions=r,this.studiedCurriculumVersions=a}}let st=(()=>{class t{constructor(a){this.dataClient=a,this.ALL_VALID_CURRICULUM_VERSIONS_LINK_NAME="allValidCurriculumVersions",this.STUDIED_CURRICULUM_VERSIONS_LINK_NAME="studiedCurriculumVersions"}fetchCurriculumVersionGroupings(a,i){return this.dataClient.get(a,$n.yC).pipe((0,he.G)(n=>(0,vn.y)(this.fetchCurriculumVersions(this.ALL_VALID_CURRICULUM_VERSIONS_LINK_NAME,n.resources.resource),this.fetchCurriculumVersions(this.STUDIED_CURRICULUM_VERSIONS_LINK_NAME,n.resources.resource))),(0,N.k)(n=>new Dn(n[0],n[1])),(0,ve.a)(i))}fetchCurriculumVersions(a,i){let n=null;for(const l of i)if(n=Ye.m.withLinks(l.link).filterByName(a).getFirst(),n)break;return null==n?(0,q.of)(null):this.dataClient.get(n,Ne.mA).pipe((0,he.G)(l=>(0,q.of)(l.resources.resource.map(s=>s.content.dto))))}static{this.\u0275fac=function(i){return new(i||t)(e.CoB(J.s))}}static{this.\u0275prov=e.wxM({token:t,factory:t.\u0275fac})}}return t})();var rt=o(75568),Ee=o(97764),Tn=o(15880),Sn=o(308),ct=o(20596),ut=o(82796),ae=o(76228);function wn(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"span",2),e.OEk(2),e.C$Y(),e.k70()),2&t){const a=e.GaO();e.yG2(2),e.cNF(a.studyNameInfoDto.name.value+" - ")}}function Mn(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"span",3),e.OEk(2),e.C$Y(),e.k70()),2&t){const a=e.GaO();e.yG2(2),e.cNF(a.studyNameInfoDto.displayedType.value)}}function Pn(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"span",4),e.OEk(2),e.C$Y(),e.k70()),2&t){const a=e.GaO();e.yG2(2),e.cNF(" ("+a.studyNameInfoDto.studyIdentifier+"), ")}}function Gn(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"span",5),e.OEk(2),e.C$Y(),e.k70()),2&t){const a=e.GaO();e.yG2(2),e.cNF(a.studyNameInfoDto.curriculumVersionIdentification)}}function An(t,r){1&t&&(e.I0R(0,"div",6),e.OEk(1),e.wVc(2,"caTranslate"),e.C$Y()),2&t&&(e.yG2(),e.oRS(" ",e.kDX(2,1,"$slc_lib_curriculum_version_filter_not_supported"),"\n"))}let Ln=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["slc-curriculum-version-filter-entry"]],inputs:{studyNameInfoDto:"studyNameInfoDto"},decls:5,vars:5,consts:[[4,"ngIf"],["class","curriculum-version-support-info",4,"ngIf"],[1,"filter-option-name"],[1,"filter-option-type"],[1,"filter-option-code"],[1,"filter-option-identification"],[1,"curriculum-version-support-info"]],template:function(i,n){1&i&&e.yuY(0,wn,3,1,"ng-container",0)(1,Mn,3,1,"ng-container",0)(2,Pn,3,1,"ng-container",0)(3,Gn,3,1,"ng-container",0)(4,An,3,3,"div",1),2&i&&(e.E7m("ngIf",n.studyNameInfoDto.name),e.yG2(),e.E7m("ngIf",n.studyNameInfoDto.displayedType),e.yG2(),e.E7m("ngIf",n.studyNameInfoDto.studyIdentifier),e.yG2(),e.E7m("ngIf",n.studyNameInfoDto.curriculumVersionIdentification),e.yG2(),e.E7m("ngIf",!n.studyNameInfoDto.supported))},dependencies:[h.u_,D.u],encapsulation:2,changeDetection:0})}}return t})();const Fn=["input"];function xn(t,r){1&t&&e.wR5(0,"mat-icon",10)}function Nn(t,r){if(1&t){const a=e.KQA();e.I0R(0,"button",11),e.qCj("click",function(){e.usT(a);const n=e.GaO();return e.CGJ(n.clearInput())}),e.wR5(1,"mat-icon",12),e.C$Y()}}const ke=t=>({"selected mat-selected":t});function Vn(t,r){if(1&t&&(e.I0R(0,"mat-option",18),e.wR5(1,"slc-curriculum-version-filter-entry",19),e.C$Y()),2&t){const a=r.$implicit,i=e.GaO(5);e.E7m("ngClass",e.S45(5,ke,a.curriculumVersionId===i.selectedCurriculumVersionId))("value",a)("disabled",!a.supported),e.e48("aria-selected",a.curriculumVersionId===i.selectedCurriculumVersionId),e.yG2(),e.E7m("studyNameInfoDto",a)}}function Un(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"mat-optgroup",16),e.wVc(2,"caTranslate"),e.yuY(3,Vn,2,7,"mat-option",17),e.C$Y(),e.k70()),2&t){const a=e.GaO(2).ngIf;e.yG2(),e._6D("label",e.kDX(2,2,"$slc_lib_curriculum_version_filter_my_studies")),e.yG2(2),e.
1E7m("ngForOf",a)}}function Bn(t,r){if(1&t&&(e.SAx(0),e.yuY(1,Un,4,4,"ng-container",9),e.k70()),2&t){const a=e.GaO().ngIf;e.yG2(),e.E7m("ngIf",a.length>0)}}function zn(t,r){1&t&&(e.SAx(0),e.I0R(1,"mat-optgroup",16),e.wVc(2,"caTranslate"),e.I0R(3,"mat-option",20),e.OEk(4),e.wVc(5,"caTranslate"),e.C$Y()(),e.k70()),2&t&&(e.yG2(),e._6D("label",e.kDX(2,3,"$slc_lib_curriculum_version_filter_my_studies")),e.yG2(2),e.E7m("disabled",!0),e.yG2(),e.oRS(" ",e.kDX(5,5,"$slc_lib_curriculum_version_filter_no_studies")," "))}function Kn(t,r){if(1&t&&e.yuY(0,zn,6,7,"ng-container",9),2&t){e.GaO(3);const a=e.Gew(6);e.E7m("ngIf",0===a.value.length)}}function qn(t,r){1&t&&(e.I0R(0,"mat-option",20),e.OEk(1),e.wVc(2,"caTranslate"),e.C$Y()),2&t&&(e.E7m("disabled",!0),e.yG2(),e.oRS(" ",e.kDX(2,2,"$slc_lib_curriculum_version_filter_no_entries_found")," "))}function jn(t,r){if(1&t&&(e.SAx(0),e.yuY(1,Bn,2,1,"ng-container",14)(2,Kn,1,1,"ng-template",null,15,e.gJz)(4,qn,3,4,"mat-option",13),e.k70()),2&t){const a=r.ngIf,i=e.Gew(3),n=e.GaO().ngIf,l=e.GaO();e.yG2(),e.E7m("ngIf",l.curriculumVersionGroupings.studiedCurriculumVersions.length>0)("ngIfElse",i),e.yG2(3),e.E7m("ngIf",0==n.length&&0===a.length)}}function Xn(t,r){if(1&t&&(e.I0R(0,"mat-option",18),e.wR5(1,"slc-curriculum-version-filter-entry",19),e.C$Y()),2&t){const a=r.$implicit,i=e.GaO(4);e.E7m("ngClass",e.S45(5,ke,a.curriculumVersionId===i.selectedCurriculumVersionId))("value",a)("disabled",!a.supported),e.e48("aria-selected",a.curriculumVersionId===i.selectedCurriculumVersionId),e.yG2(),e.E7m("studyNameInfoDto",a)}}function Hn(t,r){if(1&t&&(e.SAx(0),e.I0R(1,"mat-optgroup",16),e.wVc(2,"caTranslate"),e.yuY(3,Xn,2,7,"mat-option",17),e.C$Y(),e.k70()),2&t){const a=e.GaO(2).ngIf;e.yG2(),e._6D("label",e.kDX(2,2,"$slc_lib_curriculum_version_filter_all_studies")),e.yG2(2),e.E7m("ngForOf",a)}}function Wn(t,r){if(1&t&&(e.I0R(0,"mat-option",18),e.wR5(1,"slc-curriculum-version-filter-entry",19),e.C$Y()),2&t){const a=r.$implicit,i=e.GaO(4);e.E7m("ngClass",e.S45(5,ke,a.curriculumVersionId===i.selectedCurriculumVersionId))("value",a)("disabled",!a.supported),e.e48("aria-selected",a.curriculumVersionId===i.selectedCurriculumVersionId),e.yG2(),e.E7m("studyNameInfoDto",a)}}function Qn(t,r){if(1&t&&(e.I0R(0,"mat-optgroup",22),e.yuY(1,Wn,2,7,"mat-option",17),e.C$Y()),2&t){const a=e.GaO(2).ngIf;e.yG2(),e.E7m("ngForOf",a)}}function Jn(t,r){if(1&t&&(e.SAx(0),e.yuY(1,Hn,4,4,"ng-container",14)(2,Qn,2,1,"ng-template",null,21,e.gJz),e.k70()),2&t){const a=e.Gew(3),i=e.GaO(2);e.yG2(),e.E7m("ngIf",i.curriculumVersionGroupings.studiedCurriculumVersions)("ngIfElse",a)}}function Zn(t,r){1&t&&(e.I0R(0,"mat-option",20),e.OEk(1),e.wVc(2,"caTranslate"),e.C$Y()),2&t&&(e.E7m("disabled",!0),e.yG2(),e.oRS(" ",e.kDX(2,2,"$slc_lib_curriculum_version_filter_no_entries_found")," "))}function ei(t,r){if(1&t&&(e.SAx(0),e.yuY(1,jn,5,3,"ng-container",9),e.wVc(2,"async"),e.yuY(3,Jn,4,2,"ng-container",9)(4,Zn,3,4,"mat-option",13),e.k70()),2&t){const a=r.ngIf,i=e.GaO();e.yG2(),e.E7m("ngIf",e.kDX(2,3,i.studiedCurriculumVersionsFiltered$)),e.yG2(2),e.E7m("ngIf",a.length>0),e.yG2(),e.E7m("ngIf",0==a.length&&!i.curriculumVersionGroupings.studiedCurriculumVersions)}}const ti=t=>({selected:t});let ai=(()=>{class t{static{this.ALL_CURRICULA_VALUE={curriculumVersionId:0,name:{value:""}}}set selectedCurriculumVersionId(a){null!=a&&a!==this.selectedCurriculumVersionId&&(this._selectedCurriculumVersionId=a,this.selectedCurriculumVersionIdChange.emit(this.selectedCurriculumVersionId))}get selectedCurriculumVersionId(){return this._selectedCurriculumVersionId}constructor(a){this.translationService=a,this.selectedCurriculumVersionIdChange=new e._w7,this.inputControl=new u.Ku,t.ALL_CURRICULA_VALUE.name.value=this.translationService.translate("$slc_lib_curriculum_version_filter_all")}ngOnInit(){this.setInitialSelection(),this.curriculumVersionGroupings.allValidCurriculumVersions&&(this.allCurriculumVersionsFiltered$=this.inputControl.valueChanges.pipe((0,rt.W)(""),(0,N.k)(a=>this.filterWithSearchTerm(this.curriculumVersionGroupings.allValidCurriculumVersions,a)))),this.curriculumVersionGroupings.studiedCurriculumVersions&&(this.studiedCurriculumVersionsFiltered$=this.inputControl.valueChanges.pipe((0,rt.W)(""),(0,N.k)(a=>this.filterWithSearchTerm(this.curriculumVersionGroupings.studiedCurriculumVersions,a))))}setInitialSelection(){if(null==this.selectedCurriculumVersionId)this.selectCurriculumVersion(t.ALL_CURRICULA_VALUE);else{let a=this.curriculumVersionGroupings.allValidCurriculumVersions.find(i=>i.curriculumVersionId===this.selectedCurriculumVersionId);null==a&&(a=this.curriculumVersionGroupings.studiedCurriculumVersions.find(i=>i.curriculumVersionId===this.selectedCurriculumVersionId)),this.selectCurriculumVersion(a)}}filterWithSearchTerm(a,i){if("string"==typeof i){const n=i.toLocaleLowerCase();return a.filter(l=>-1!==this.displayCurriculumVersionName(l).toLocaleLowerCase().search(Sn.g.searchDefault(n)))}return a}displayCurriculumVersionName(a){return null==a?"":a.curriculumVersionId===t.ALL_CURRICULA_VALUE.curriculumVersionId?a.name.value:a.name.value+" - "+a.displayedType.value+" ("+a.studyIdentifier+"), "+a.curriculumVersionIdentification}selectCurriculumVersion(a){this.selectedCurriculumVersionId=a.curriculumVersionId,this.selectedCurriculumVersion=a,this.inputControl.setValue(a),this.autocompleteTrigger.closePanel(),this.inputElementRef.nativeElement.blur()}allCurriculaValue(){return t.ALL_CURRICULA_VALUE}clearInput(){this.inputControl.setValue(null)}panelOpened(){this.clearInput()}panelClosed(){this.inputControl.setValue(this.selectedCurriculumVersion)}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(Tn.M1))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["slc-curriculum-version-filter"]],viewQuery:function(i,n){if(1&i&&(e.CC$(Ee.cG,7),e.CC$(Fn,7)),2&i){let l;e.wto(l=e.Gqi())&&(n.autocompleteTrigger=l.first),e.wto(l=e.Gqi())&&(n.inputElementRef=l.first)}},inputs:{curriculumVersionGroupings:"curriculumVersionGroupings",selectedCurriculumVersionId:"selectedCurriculumVersionId"},outputs:{selectedCurriculumVersionIdChange:"selectedCurriculumVersionIdChange"},decls:16,vars:20,consts:[[1,"curriculum-version-filter"],["for","curriculum-version-filter-input",1,"filter-label"],["id","curriculum-version-filter-input","matInput","",3,"formControl","matAutocomplete","keydown.escape"],["input",""],["class","fas fa-filter","matPrefix","",4,"ngIf"],["mat-button","","matSuffix","","mat-icon-button","","caClickStopPropagation","",3,"click",4,"ngIf"],["ngDefaultControl","",1,"curriculum-version-filter-autocomplete",3,"ngModel","panelWidth","displayWith","optionSelected","closed","opened"],["autocomplete",""],[3,"ngClass","value"],[4,"ngIf"],["matPrefix","",1,"fas","fa-filter"],["mat-button","","matSuffix","","mat-icon-button","","caClickStopPropagation","",3,"click"],[1,"fa-close"],["caClickStopPropagation","",3,"disabled",4,"ngIf"],[4,"ngIf","ngIfElse"],["studentHasNoStudies",""],["caClickStopPropagation","",3,"label"],[3,"ngClass","value","disabled",4,"ngFor","ngForOf"],[3,"ngClass","value","disabled"],[3,"studyNameInfoDto"],["caClickStopPropagation","",3,"disabled"],["notAStudentSoNoGrouping",""],["caClickStopPropagation",""]],template:function(i,n){if(1&i){const l=e.KQA();e.I0R(0,"div",0)(1,"label",1),e.OEk(2),e.wVc(3,"caTranslate"),e.C$Y(),e.I0R(4,"mat-form-field")(5,"input",2,3),e.qCj("keydown.escape",function(){e.usT(l);const p=e.Gew(6);return e.CGJ(p.blur())}),e.C$Y(),e.yuY(7,xn,1,0,"mat-icon",4)(8,Nn,2,0,"button",5),e.I0R(9,"mat-autocomplete",6,7),e.qCj("optionSelected",function(p){return n.selectCurriculumVersion(p.option.value)})("closed",function(){return n.panelClosed()})("opened",function(){return n.panelOpened()}),e.I0R(11,"mat-option",8),e.OEk(12),e.wVc(13,"caTranslate"),e.C$Y(),e.yuY(14,ei,5,5,"ng-container",9),e.wVc(15,"async"),e.C$Y()()()}if(2&i){const l=e.Gew(6),s=e.Gew(10);e.yG2(2),e.oRS(" ",e.kDX(3,12,"$slc_lib_curriculum_version_filter_title")," "),e.yG2(3),e.E7m("formControl",n.inputControl)("matAutocomplete",s),e.yG2(2),e.
1E7m("ngIf",s.isOpen),e.yG2(),e.E7m("ngIf",s.isOpen&&l.value),e.yG2(),e.E7m("ngModel",n.selectedCurriculumVersion)("panelWidth","auto")("displayWith",n.displayCurriculumVersionName),e.yG2(2),e.E7m("ngClass",e.S45(18,ti,n.allCurriculaValue().curriculumVersionId===n.selectedCurriculumVersionId))("value",n.allCurriculaValue()),e.yG2(),e.oRS(" ",e.kDX(13,14,n.allCurriculaValue().name.value)," "),e.yG2(2),e.E7m("ngIf",e.kDX(15,16,n.allCurriculumVersionsFiltered$))}},dependencies:[h.QF,h.ay,h.u_,u.ot,u.ue,u._G,u.ug,ct.K_,Ee.e,ee.I5,ee.Ar,Ee.cG,O.Up,O.is,O.Gm,C.qL,me.yi,_.Gw,_.um,ut.u,w.Y,ae.e,Ln,h.a,D.u],styles:[".curriculum-version-filter[_ngcontent-%COMP%] .mat-mdc-form-field[_ngcontent-%COMP%]{width:100%;line-height:normal}@media (min-width: 768px){.curriculum-version-filter[_ngcontent-%COMP%] .mat-mdc-form-field[_ngcontent-%COMP%]{width:275px}}.curriculum-version-filter[_ngcontent-%COMP%] .mat-input-element[_ngcontent-%COMP%]{cursor:pointer;padding-left:5px;text-overflow:ellipsis}.curriculum-version-filter[_ngcontent-%COMP%] .filter-label[_ngcontent-%COMP%]{color:#737373;display:block;font-size:12px;font-weight:400}"],changeDetection:0})}}return t})();const ni=["class","page"];function ii(t,r){if(1&t){const a=e.KQA();e.SAx(0),e.I0R(1,"slc-curriculum-version-filter",2),e.qCj("selectedCurriculumVersionIdChange",function(n){e.usT(a);const l=e.GaO();return e.CGJ(l.selectedCurriculumVersionId=n)}),e.C$Y(),e.k70()}if(2&t){const a=r.ngIf;e.yG2(),e.E7m("curriculumVersionGroupings",a)}}function oi(t,r){1&t&&e.OEk(0," No curriculum version groupings received yet. I'm hopefully still loading...\n")}let dt=(()=>{class t extends ue.G{constructor(a){super(),this.curriculumVersionService=a,this.backendLinkGroupings="/slc.cm.curriculumversion/curriculumVersionGroupings"}ngOnInit(){const a=M.m.withEeRestPath(this.backendLinkGroupings).buildUrl();this.curriculumVersionGroupings$=this.curriculumVersionService.fetchCurriculumVersionGroupings(a,this.componentDestroyed)}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(st))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-curriculum-version-filter",8,"page"]],features:[e.M5G([st]),e.eg9],attrs:ni,decls:13,vars:5,consts:[[4,"ngIf","ngIfElse"],["noGroupingsReceived",""],[3,"curriculumVersionGroupings","selectedCurriculumVersionIdChange"]],template:function(i,n){if(1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"Curriculum Version Filter"),e.C$Y(),e.wR5(3,"ca-component-not-ready"),e.yuY(4,ii,2,1,"ng-container",0),e.wVc(5,"async"),e.yuY(6,oi,1,0,"ng-template",null,1,e.gJz),e.wR5(8,"br")(9,"br"),e.I0R(10,"label"),e.OEk(11," Selected curriculum version id (STP_STP_NR): "),e.C$Y(),e.OEk(12),e.C$Y()),2&i){const l=e.Gew(7);e.yG2(4),e.E7m("ngIf",e.kDX(5,3,n.curriculumVersionGroupings$))("ngIfElse",l),e.yG2(8),e.oRS(" ",n.selectedCurriculumVersionId," ")}},dependencies:[h.u_,c.c,ai,te,h.a],encapsulation:2,changeDetection:0})}}return t})(),mt=(()=>{class t{get translationHTML(){return"<p [innerHTML]=\"'$core_lib_empty_folder_description' | caTranslate\"></p>"}get translationPipeHTML(){return"<p [innerHTML]=\"'$core_lib_empty_folder_description' | caTranslate : {'MENU-DOTS' : 'I replaced it, yay!'}\"></p>"}get translationPipeParam(){return{"MENU-DOTS":"I replaced it, yay!"}}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-translation-pipe"]],decls:39,vars:9,consts:[[2,"white-space","break-spaces"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"Translation pipes"),e.C$Y(),e.I0R(3,"p"),e.OEk(4,"The translation pipeline can be used to replace text variables (e.g. %MY_TEXT_VARIABLE%) inside a string with another string. For example using the text shortcut $core_lib_empty_folder_description, like:"),e.C$Y(),e.I0R(5,"pre"),e.OEk(6," "),e.I0R(7,"code"),e.OEk(8,"\n "),e.I0R(9,"div"),e.OEk(10),e.C$Y(),e.OEk(11,"\n "),e.C$Y(),e.OEk(12,"\n"),e.C$Y(),e.I0R(13,"p"),e.OEk(14,"will result in the following string: "),e.C$Y(),e.I0R(15,"pre",0),e.OEk(16," "),e.I0R(17,"p"),e.OEk(18),e.wVc(19,"caTranslate"),e.C$Y(),e.OEk(20,"\n"),e.C$Y(),e.I0R(21,"p"),e.OEk(22,"You can replace the text variable
1%MENU-DOTS% like the following:"),e.C$Y(),e.I0R(23,"pre"),e.OEk(24," "),e.I0R(25,"code"),e.OEk(26,"\n "),e.I0R(27,"div"),e.OEk(28),e.C$Y(),e.OEk(29,"\n "),e.C$Y(),e.OEk(30,"\n"),e.C$Y(),e.I0R(31,"p"),e.OEk(32,"The resulting string will look like this:"),e.C$Y(),e.I0R(33,"pre",0),e.OEk(34," "),e.I0R(35,"p"),e.OEk(36),e.wVc(37,"caTranslate"),e.C$Y(),e.OEk(38,"\n"),e.C$Y()()),2&i&&(e.yG2(10),e.oRS("\n ",n.translationHTML,"\n "),e.yG2(8),e.oRS('"',e.kDX(19,4,"$core_lib_empty_folder_description"),'"'),e.yG2(10),e.oRS("\n ",n.translationPipeHTML,"\n "),e.yG2(8),e.oRS('"',e.g7$(37,6,"$core_lib_empty_folder_description",n.translationPipeParam),'"'))},dependencies:[c.c,D.u],encapsulation:2,changeDetection:0})}}return t})();var li=o(4816);let si=(()=>{class t{constructor(){this.flexLastOrderXs=!0}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275dir=e.Sc5({type:t,selectors:[["a","mat-button-last-order-on-xs",""],["button","mat-button-last-order-on-xs",""]],hostVars:2,hostBindings:function(i,n){2&i&&e.eAK("flex-last-order-xs",n.flexLastOrderXs)}})}}return t})();var ri=o(25376);const ne=()=>["/eg.catalog"];let pt=(()=>{class t{onClick(){alert("clicked")}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:335,vars:19,consts:[[1,"ca-simple-list"],["mat-button","",3,"click"],["mat-button","","color","primary",3,"click"],["mat-button","",3,"color","click"],["mat-button","",3,"routerLink"],["mat-button","","color","primary",3,"routerLink"],["mat-button","","caPermaLink","pages/desktop"],[1,"fas","fa-print"],["mat-icon-button","",3,"routerLink"],[1,"fa-menu-dots"],["name","accessibility_note"],["mat-button","",3,"click","keyup.enter","keyup.space"],[1,"businesscard-link"],["href","#"],[1,"fas","fa-user"],[1,"ca-link-label",3,"innerHTML"],[1,"appointment-location"],[1,"fas","fa-map-marker-alt"],["href","#",1,"disabled"],[1,"download-icon","fas","fa-download"],[1,"fa","fa-download"],["mat-button","","color","primary"],[1,"button-container","justify-content-end"],["mat-button",""],["mat-button-container","","justifyContent","end"],["sectionId","anotherXmple"],[1,"button-with-hint-container"],["mat-button","",3,"disabled"],["mat-button-with-hint-container",""],[1,"button-container","justify-content-space-between"],["mat-button","",1,"flex-last-order-xs"],["mat-button-container",""],["mat-button-last-order-on-xs","","mat-button",""],[1,"button-container"],["mat-button","","mat-button-last-order-on-xs",""]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"Button und Link Buttons"),e.C$Y(),e.I0R(3,"h2"),e.OEk(4,"Info"),e.C$Y(),e.I0R(5,"ul",0)(6,"li"),e.OEk(7,'Buttons l\xf6sen immer mit "click" eine Aktion aus.'),e.C$Y(),e.I0R(8,"li"),e.OEk(9,"Link Buttons navigieren zu einer anderen URL."),e.C$Y(),e.I0R(10,"li"),e.OEk(11,"F\xfcr Buttons wird die Standard Angular Material Notation herangezogen"),e.C$Y(),e.I0R(12,"li"),e.OEk(13,"Es werden mit einer eigenen Direktive zus\xe4tzliche Klassen hinzugef\xfcgt"),e.C$Y(),e.I0R(14,"li"),e.OEk(15,"Zus\xe4tzliche Klassen deshalb, damit nach einem Material update das CSS nicht bricht"),e.C$Y(),e.I0R(16,"li"),e.OEk(17,"Accessibility beachten: Bitte mit Tastatur testen. Buttons sollten einen <button>-Tag nutzen, Links einen <a>-Tag. "),e.C$Y()(),e.I0R(18,"h2"),e.OEk(19,"Unterschiedliche Buttons"),e.C$Y(),e.I0R(20,"h3"),e.OEk(21,"Aktion"),e.C$Y(),e.I0R(22,"button",1),e.qCj("click",function(){return n.onClick()}),e.OEk(23," Aktionsbezeichnung "),e.C$Y(),e.I0R(24,"h3"),e.OEk(25,"Prim\xe4rer Button"),e.C$Y(),e.I0R(26,"button",2),e.qCj("click",function(){return n.onClick()}),e.OEk(27," Ganz wichtige Aktion "),e.C$Y(),e.I0R(28,"h3"),e.OEk(29,"Toggle Standard/Prim\xe4rer Button"),e.C$Y(),e.I0R(30,"button",3),e.qCj("click",function(){return n.btnColor=n.btnColor?void 0:"primary"}),e.OEk(31),e.C$Y(),e.I0R(32,"h2"),e.OEk(33,"Link Buttons"),e.C$Y(),e.I0R(34,"ul",0)(35,"li"),e.OEk(36,"Link Buttons verwenden standard Angular Routing mit routerLink."),e.C$Y(),e.I0R(37,"li"),e.OEk(38,"Modul\xfcbergreifende Links und auch Links nach PLSQL verwenden Permalinks."),e.C$Y(),e.I0R(39,"li"),e.OEk(40,"Link Buttons sollen immer in einem neuen Tab ge\xf6ffnet werden k\xf6nnen."),e.C$Y()(),e.I0R(41,"h3"),e.OEk(42,"Standard Link Button"),e.C$Y(),e.I0R(43,"a",4),e.OEk(44," Aktionsbezeichnung "),e.C$Y(),e.I0R(45,"h3"),e.OEk(46,"Prim\xe4rer Link Button"),e.C$Y(),e.I0R(47,"a",5),e.OEk(48," Ganz wichtige Aktion "),e.C$Y(),e.I0R(49,"h3"),e.OEk(50,"Permalink"),e.C$Y(),e.I0R(51,"ul",0)(52,"li"),e.OEk(53,"Modul\xfcbergreifende Links und auch Links nach PLSQL verwenden Permalinks."),e.C$Y(),e.I0R(54,"li"),e.OEk(55,"Alle Links sollten prinzipiell \xfcber HATOAS kommen"),e.C$Y(),e.I0R(56,"li"),e.OEk(57,"caPermaLink kann auch mit absoluten URLs umgehen"),e.C$Y()(),e.I0R(58,"a",6),e.OEk(59," Permalink zum Desktop "),e.C$Y(),e.I0R(60,"h3"),e.OEk(61,"Button mit Icon und Text"),e.C$Y(),e.I0R(62,"a",4),e.wR5(63,"mat-icon",7),e.OEk(64," Gesamtdruck "),e.C$Y(),e.I0R(65,"h3"),e.OEk(66,"Icon Button"),e.C$Y(),e.I0R(67,"a",8),e.wR5(68,"mat-icon",9),e.C$Y(),e.I0R(69,"h3",10),e.OEk(70,"Click Events Note - Accessibility!"),e.C$Y(),e.I0R(71,"p"),e.OEk(72,"When using a click-Event, check keyboard accessibility: Use both "),e.I0R(73,"code"),e.OEk(74,'(click)="onClick()"'),e.C$Y(),e.OEk(75," as well as "),e.I0R(76,"code"),e.OEk(77,'(keyup.enter)="onClick()"'),e.C$Y(),e.OEk(78," for supporting Enter-key and additionally, for buttons use "),e.I0R(79,"code"),e.OEk(80,'(keyup.space)="onClick()"'),e.C$Y(),e.OEk(81," for supporting Space-key too, to let the click event also be accessible for keyboards and not only touch and mouse."),e.C$Y(),e.I0R(82,"button",11),e.qCj("click",function(){return n.onClick()})("keyup.enter",function(){return n.onClick()})("keyup.space",function(){return n.onClick()}),e.OEk(83," Keyboard accessible Button "),e.C$Y(),e.wR5(84,"br"),e.I0R(85,"h2"),e.OEk(86,"LINKS"),e.C$Y(),e.I0R(87,"h3"),e.OEk(88,"Businesscard Link"),e.C$Y(),e.I0R(89,"p")(90,"code"),e.OEk(91,"ca-businesscard-link"),e.C$Y(),e.OEk(92," wird zur Personenanzeige verwendet f\xfcr Lectureships (tm-lectureships, tm-lectureship-link, tm-more-lectureships) sowie f\xfcr Pr\xfcfer (exam-person-link). Nachfolgend die grafische Darstellung dieses Personenlinks "),e.C$Y(),e.wR5(93,"p"),e.I0R(94,"span",12)(95,"a",13),e.wR5(96,"mat-icon",14)(97,"span",15),e.C$Y()(),e.I0R(98,"h3"),e.OEk(99,"Location Link"),e.C$Y(),e.I0R(100,"p")(101,"code"),e.OEk(102,"slc-exam-location"),e.C$Y()(),e.I0R(103,"span",16)(104,"a",13),e.wR5(105,"mat-icon",17),e.I0R(106,"span"),e.OEk(107,"HS 1233"),e.C$Y()()(),e.wR5(108,"br"),e.I0R(109,"span",16)(110,"a",18),e.wR5(111,"mat-icon",17),e.I0R(112,"span"),e.OEk(113,"HS 1233"),e.C$Y()()(),e.wR5(114,"br")(115,"br"),e.I0R(116,"h2"),e.OEk(117,"Download Link vs. Download Button"),e.C$Y(),e.I0R(118,"p"),e.OEk(119," Sofern es sich nicht um vom System erstellte Dokumente (z.B. Antr\xe4ge oder Bescheide - siehe Buttons) handelt, k\xf6nnen Links ("),e.I0R(120,"code"),e.OEk(121,"ca-download"),e.C$Y(),e.OEk(122,") eingesetzt werden "),e.C$Y(),e.I0R(123,"span")(124,"a",13),e.wR5(125,"mat-icon",19),e.I0R(126,"span"),e.OEk(127,"Filename"),e.C$Y()()(),e.I0R(128,"p"),e.OEk(129,"Die Buttondarstellung wird verwendet, wenn ein Prozess zu einem downloadbaren Dokument bzw. zum Druckvorgang selbst f\xfchrt."),e.C$Y(),e.I0R(130,"button",1),e.qCj("click",function(){return n.onClick()}),e.wR5(131,"mat-icon",20),e.OEk(132," Document download "),e.C$Y(),e.I0R(133,"h2"),e.OEk(134,"Button-Container-Klassen; Layout"),e.C$Y(),e.I0R(135,"mat-error"),e.OEk(136,'Die folgenden Beispiele beinhalten nur die Styles. Bitte andere HTML Attribute (wie "aria", "type=\'submit\'" etc.) je nach UseCase hinzuf\xfcgen. '),e.C$Y(),e.I0R(137,"p"),e.OEk(138," Die Liste unterhalb, sollte alle M\xf6glichkeiten, wie wir Buttons im Produkt anzeigen, beinhalten. Bitte neue F\xe4lle erg\xe4nzen. "),e.wR5(139,"br"),e.OEk(140," Folgende Klassen werden verwendet: "),e.C$Y(),e.I0R(141,"ul")(142,"li")(143,"code"),e.OEk(144,".button-container"),e.C$Y(),e.OEk(145," - um Buttons oder Gruppen von Buttons zu gruppieren"),e.C$Y(),e.I0R(146,"ul")(147,"li")(148,"code"),e.OEk(149,"justify-content-end"),e.C$Y(),e.OEk(150,", "),e.I0R(151,"code"),e.OEk(152,"justify-content-space-between"),e.C$Y(),e.OEk(153," - um die first level Kindelemente der Gruppe zu positionieren "),e.C$Y()(),e.I0R(154,"li")(155,"code"),e.OEk(156,".button-with-hint-container"),e.C$Y(),e.OEk(157," - um ein Button und ein Mat-Hint gruppieren"),e.C$Y(),e.I0R(158,"li")(159,"code"),e.OEk(160,".flex-last-order-xs"),e.C$Y(),e.OEk(161," - um ein Element in der mobilen Ansicht ganz nach hinten (hinter allen anderen Elementen) zu platzieren. "),e.C$Y()(),e.OEk(162," Die Kombination der Klassen kann mittels Direktiven auch gemacht werden. "),e.I0R(163,"ul")(164,"li")(165,"code"),e.OEk(166,'mat-button-container justifyContent="end/between"'),e.C$Y(),e.OEk(167," - Kombination von .button-container und .justify-content-xy "),e.C$Y(),e.I0R(168,"li")(169,"code"),e.OEk(170,"mat-button-last-order-on-xs"),e.C$Y(),e.OEk(171," - Anstelle von .flex-last-order-xs"),e.C$Y(),e.I0R(172,"li")(173,"code"),e.OEk(174,"mat-button-with-hint-container"),e.C$Y(),e.OEk(175," - Anstelle von .button-with-hint-container"),e.C$Y()(),e.I0R(176,"p"),e.OEk(177," Solange sich ein Button innerhalb eines Containers mit der Klasse (oder entsprechende Direktive) "),e.I0R(178,"code"),e.OEk(179,".button-container"),e.C$Y(),e.OEk(180," oder "),e.I0R(181,"code"),e.OEk(182,".button-with-hint-container"),e.C$Y(),e.OEk(183," befindet, wird er mobil mittig angezeigt. "),e.C$Y(),e.I0R(184,"div")(185,"h3"),e.OEk(186,"Fall 1.1 - Ein Button, mobil unver\xe4ndert"),e.C$Y(),e.I0R(187,"div")(188,"button",21),e.OEk(189,"Button 1"),e.C$Y()(),e.I0R(190,"h3"),e.OEk(191,"Fall 1.2 - Ein Button, rechts; mobil mittig"),e.C$Y(),e.I0R(192,"h4"),e.OEk(193,"Variante mit Klassen"),e.C$Y(),e.I0R(194,"div",22)(195,"button",23),e.OEk(196,"Button 1"),e.C$Y()(),e.I0R(197,"h4"),e.OEk(198,"Variante mit Direktiven"),e.C$Y(),e.I0R(199,"div",24)(200,"button",23),e.OEk(201,"Button 1"),e.C$Y()(),e.I0R(202,"h3"),e.OEk(203,"Fall 1.3 - Ein Button in einer Section, disabled; mobil mittig "),e.C$Y(),e.I0R(204,"p"),e.OEk(205,"Buttons werden auf Detailseiten rechtsb\xfcndig ausgerichtet. Wenn m\xf6glich sind diese am Ende der
1ca-section positioniert."),e.C$Y(),e.I0R(206,"ca-section",25)(207,"h4"),e.OEk(208,"Variante mit Klassen"),e.C$Y(),e.I0R(209,"div",22)(210,"div",26)(211,"button",27),e.OEk(212,"Speichern"),e.C$Y(),e.I0R(213,"mat-hint"),e.OEk(214,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()()(),e.I0R(215,"h4"),e.OEk(216,"Variante mit Direktiven"),e.C$Y(),e.I0R(217,"div",24)(218,"div",28)(219,"button",27),e.OEk(220,"Speichern"),e.C$Y(),e.I0R(221,"mat-hint"),e.OEk(222,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()()()(),e.I0R(223,"h3"),e.OEk(224,"Fall 2.1 - Zwei Buttons, 1 links, 1 rechts; mobil mittig und in umgekehrter Reihenfolge"),e.C$Y(),e.I0R(225,"h4"),e.OEk(226,"Variante mit Klassen"),e.C$Y(),e.I0R(227,"div",29)(228,"button",30),e.OEk(229,"Abbrechen"),e.C$Y(),e.I0R(230,"button",21),e.OEk(231,"Speichern"),e.C$Y()(),e.I0R(232,"h4"),e.OEk(233,"Variante mit Direktiven"),e.C$Y(),e.I0R(234,"div",31)(235,"button",32),e.OEk(236,"Abbrechen"),e.C$Y(),e.I0R(237,"button",21),e.OEk(238,"Speichern"),e.C$Y()(),e.I0R(239,"h3"),e.OEk(240,"Fall 2.2 - Zwei Buttons, 1 links, 1 rechts (disabled mit Begr\xfcndung); mobil mittig und in umgekehrter Reihenfolge"),e.C$Y(),e.I0R(241,"h4"),e.OEk(242,"Variante mit Klassen"),e.C$Y(),e.I0R(243,"div",29)(244,"button",30),e.OEk(245,"Abbrechen"),e.C$Y(),e.I0R(246,"div",26)(247,"button",27),e.OEk(248,"Speichern"),e.C$Y(),e.I0R(249,"mat-hint"),e.OEk(250,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()()(),e.I0R(251,"h4"),e.OEk(252,"Variante mit Direktiven"),e.C$Y(),e.I0R(253,"div",31)(254,"button",32),e.OEk(255,"Abbrechen"),e.C$Y(),e.I0R(256,"div",28)(257,"button",27),e.OEk(258,"Speichern"),e.C$Y(),e.I0R(259,"mat-hint"),e.OEk(260,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()()(),e.I0R(261,"h3"),e.OEk(262,"Fall 2.2 - Zwei Buttons, beide rechts (Ein Btn. disabled mit Begr\xfcndung); mobil mittig"),e.C$Y(),e.I0R(263,"p"),e.OEk(264,"F\xfcr nicht wizard-like Formulare k\xf6nnen zwei Buttons aus rechts nebeneinander platziert und mit Status-Meldungen kombiniert werden. "),e.C$Y(),e.I0R(265,"h4"),e.OEk(266,"Variante mit Klassen"),e.C$Y(),e.I0R(267,"div",22)(268,"div",26)(269,"button",27),e.OEk(270,"Speichern"),e.C$Y(),e.I0R(271,"mat-hint"),e.OEk(272,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()(),e.I0R(273,"button",23),e.OEk(274,"Abbrechen"),e.C$Y()(),e.I0R(275,"h4"),e.OEk(276,"Variante mit Direktiven"),e.C$Y(),e.I0R(277,"div",24)(278,"div",28)(279,"button",27),e.OEk(280,"Speichern"),e.C$Y(),e.I0R(281,"mat-hint"),e.OEk(282,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()(),e.I0R(283,"button",23),e.OEk(284,"Abbrechen"),e.C$Y()(),e.I0R(285,"h3"),e.OEk(286,"Fall 3.1 - 3 Buttons, 1 links, 2 rechts; mobil mittig und in umgekehrter Reihenfolge"),e.C$Y(),e.I0R(287,"h4"),e.OEk(288,"Variante mit Klassen"),e.C$Y(),e.I0R(289,"div",29)(290,"button",30),e.OEk(291,"Zur\xfcck"),e.C$Y(),e.I0R(292,"div",33)(293,"button",21),e.OEk(294,"Speichern"),e.C$Y(),e.I0R(295,"button",23),e.OEk(296,"Abbrechen"),e.C$Y()()(),e.I0R(297,"h4"),e.OEk(298,"Variante mit Direktiven"),e.C$Y(),e.I0R(299,"div",31)(300,"button",34),e.OEk(301,"Zur\xfcck"),e.C$Y(),e.I0R(302,"div",31)(303,"button",21),e.OEk(304,"Speichern"),e.C$Y(),e.I0R(305,"button",23),e.OEk(306,"Abbrechen"),e.C$Y()()(),e.I0R(307,"h3"),e.OEk(308,"Fall 3.2 - 3 Buttons, 1 links, 2 rechts (1 disabled mit Begr\xfcndung); mobil mittig und in umgekehrter Reihenfolge"),e.C$Y(),e.I0R(309,"h4"),e.OEk(310,"Variante mit Klassen"),e.C$Y(),e.I0R(311,"div",29)(312,"button",30),e.OEk(313,"Zur\xfcck"),e.C$Y(),e.I0R(314,"div",33)(315,"div",26)(316,"button",27),e.OEk(317,"Speichern"),e.C$Y(),e.I0R(318,"mat-hint"),e.OEk(319,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()(),e.I0R(320,"button",23),e.OEk(321,"Abbrechen"),e.C$Y()()(),e.I0R(322,"h4"),e.OEk(323,"Variante mit Direktiven"),e.C$Y(),e.I0R(324,"div",31)(325,"button",34),e.OEk(326,"Zur\xfcck"),e.C$Y(),e.I0R(327,"div",31)(328,"div",28)(329,"button",27),e.OEk(330,"Speichern"),e.C$Y(),e.I0R(331,"mat-hint"),e.OEk(332,"Das ist der Grund, warum der Button nicht aktiv ist."),e.C$Y()(),e.I0R(333,"button",23),e.OEk(334,"Abbrechen"),e.C$Y()()()()()),2&i&&(e.yG2(30),e.E7m("color",n.btnColor),e.yG2(),e.oRS(" Ganz wichtige Aktion (Color: ",n.btnColor,") "),e.yG2(12),e.E7m("routerLink",e.q4q(15,ne)),e.yG2(4),e.E7m("routerLink",e.q4q(16,ne)),e.yG2(15),e.E7m("routerLink",e.q4q(17,ne)),e.yG2(5),e.E7m("routerLink",e.q4q(18,ne)),e.yG2(30),e._6D("innerHTML","Musterfrau, Maxime, MA",e.E3n),e.yG2(114),e.
1E7m("disabled",!0),e.yG2(8),e.E7m("disabled",!0),e.yG2(28),e.E7m("disabled",!0),e.yG2(10),e.E7m("disabled",!0),e.yG2(12),e.E7m("disabled",!0),e.yG2(10),e.E7m("disabled",!0),e.yG2(37),e.E7m("disabled",!0),e.yG2(13),e.E7m("disabled",!0))},dependencies:[I.ER,O.MX,O.wJ,C.qL,_.EB,_.Gw,_.cP,w.Y,ae.e,li.k,si,ri.I,c.c,L.S,A.X],encapsulation:2,changeDetection:0})}}return t})();var ci=o(62840),ui=o(61332);let gt=(()=>{class t{constructor(){this.dataDto=new ci.g7;let a=new B.lG;a.value="Devline Universit\xe4t Graz";let i=new B.lG;i.value="Wastiangasse 3";let n=new B.lG;n.value="Graz",this.dataDto.organisationName=a,this.dataDto.streetAndNumber=i,this.dataDto.city=n,this.dataDto.postalCode="8010",this.dataDto.email="[email protected]",this.dataDto.phone="0316/123456789"}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-organisation-address"]],decls:33,vars:1,consts:[[2,"color","red"],[1,"bold"],[3,"value"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"Organisation address"),e.C$Y(),e.I0R(3,"div",0),e.OEk(4,"Work in progress"),e.C$Y(),e.I0R(5,"article")(6,"section"),e.OEk(7," Basic component to display address (and information) data of an organisation."),e.wR5(8,"br"),e.I0R(9,"section")(10,"h3"),e.OEk(11,"Usage"),e.C$Y(),e.OEk(12," To use this service, simply inject the "),e.I0R(13,"strong"),e.OEk(14,"OrganisationAddressService"),e.C$Y(),e.OEk(15," and call "),e.I0R(16,"strong"),e.OEk(17,"getAddressComponentDTOByOrganisationId"),e.C$Y(),e.OEk(18,", which returns the object needed to use the component. "),e.C$Y(),e.I0R(19,"h4"),e.OEk(20,"Input variables (denoted by [variable])"),e.C$Y(),e.I0R(21,"span",1),e.OEk(22,"[value] - "),e.C$Y(),e.OEk(23,"(OrgAddressComponentLibDto) Sets the value which is used for logic beneath"),e.wR5(24,"br"),e.I0R(25,"pre"),e.OEk(26," "),e.I0R(27,"code"),e.OEk(28,'<ca-organisation-address [value]="dataDto"></ca-organisation-address>\n '),e.C$Y(),e.OEk(29,"\n "),e.C$Y()()(),e.I0R(30,"div"),e.OEk(31," Example: "),e.wR5(32,"ca-organisation-address",2),e.C$Y()()),2&i&&(e.yG2(32),e.E7m("value",n.dataDto))},dependencies:[c.c,ui.e],encapsulation:2,changeDetection:0})}}return t})();var fe=o(21192),S=o(10780),m=o(64168),di=o(82305),mi=o(60036);const Ie=()=>["png"];let Ct=(()=>{class t{constructor(a){this.changeDetectorRef=a}onFilesUploaded1(){let a=new S.l,i=Math.random().toString(36).substring(7);a.fileName="RandomFilename"+i+".pdf",a.dateUploaded=y.M.convertIsoString2TemporalDto((new Date).toISOString(),"datetime"),a.downloadLink=new Q.I,a.downloadLink.href="test",(0,q.of)(a).pipe((0,fe.o)(1500)).subscribe(n=>{this.caUploadIn1=new S.l,this.caUploadIn1.fileName=n.fileName,this.caUploadIn1.dateUploaded=n.dateUploaded,this.caUploadIn1.downloadLink=n.downloadLink,this.caUploadIn1.state=S.I.PRESENT,this.changeDetectorRef.markForCheck()})}onFilesUploaded2(){let a=new S.l,i=Math.random().toString(36).substring(7);a.fileName="RandomFilename"+i+".pdf",a.dateUploaded=y.M.convertIsoString2TemporalDto((new Date).toISOString(),"datetime"),a.downloadLink=new Q.I,a.downloadLink.href="test",(0,q.of)(a).pipe((0,fe.o)(1500)).subscribe(n=>{this.caUploadIn2=new S.l,this.caUploadIn2.fileName=n.fileName,this.caUploadIn2.dateUploaded=n.dateUploaded,this.caUploadIn2.downloadLink=n.downloadLink,this.caUploadIn2.state=S.I.PRESENT,this.changeDetectorRef.markForCheck()})}onFilesUploaded3(){let a=new S.l,i=Math.random().toString(36).substring(7);a.fileName="RandomFilename"+i+".pdf",a.dateUploaded=y.M.convertIsoString2TemporalDto((new Date).toISOString(),"datetime"),a.downloadLink=new Q.I,a.downloadLink.href="test",(0,q.of)(a).pipe((0,fe.o)(1500)).subscribe(n=>{this.caUploadIn3=new S.l,this.caUploadIn3.fileName=n.fileName,this.caUploadIn3.dateUploaded=n.dateUploaded,this.caUploadIn3.downloadLink=n.downloadLink,this.caUploadIn3.state=S.I.PRESENT,this.changeDetectorRef.markForCheck()})}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-upload"]],decls:164,vars:17,consts:[["caDndDirective","",1,"add-border"],["caDndDirective","caDndDirective"],[3,"dropArea","coFileUploadComponentInDto","allowedFileExtensions","maxFileSizeKB","caFileUploadOutResult"],[3,"isDialog","coFileUploadComponentInDto","allowedFileExtensions","maxFileSizeKB","caFileUploadOutResult"],[3,"coFileUploadComponentInDto","allowedFileExtensions","isDialog","widthPx","heightPx","maxFileSizeKB","caFileUploadOutResult"]],template:function(i,n){if(1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"Upload component"),e.C$Y(),e.I0R(4,"h2"),e.OEk(5,"POC of the upload component [Not yet approved]"),e.C$Y(),e.I0R(6,"h3"),e.OEk(7,"Embedded Variate"),e.C$Y(),e.I0R(8,"section")(9,"p"),e.OEk(10,' Der Button "Datei hochladen" \xf6ffnet den Browser-"File-Chooser" und der User kann ein File hochladen. Sofern man die Direktive "caDndDirective" auf ein \xfcbergeordnetes Element (im Beispiel ist es die umrandete Section unterhalb) setzt, l\xe4sst sich ein File hochladen indem man die Datei in den Container droppt. '),e.C$Y(),e.wR5(11,"br"),e.I0R(12,"mat-accordion")(13,"mat-expansion-panel")(14,"mat-expansion-panel-header")(15,"mat-panel-title"),e.OEk(16," [Input] drop area "),e.C$Y(),e.I0R(17,"mat-panel-description"),e.OEk(18,' z.B.: [dropArea]="caDndDirective" '),e.C$Y()(),e.I0R(19,"pre"),e.OEk(20," "),e.I0R(21,"code"),e.OEk(22,'\n <section class="add-border"\n caDndDirective #caDndDirective="caDndDirective">\n ...\n </section>\n '),e.C$Y(),e.OEk(23,"\n "),e.C$Y(),e.I0R(24,"p"),e.OEk(25,"wird auf ein \xfcbergeordnetes Element platziert"),e.C$Y()(),e.I0R(26,"mat-expansion-panel")(27,"mat-expansion-panel-header")(28,"mat-panel-title"),e.OEk(29," [Input] coFileuploadComponentInDto "),e.C$Y(),e.I0R(30,"mat-panel-description"),e.OEk(31,' z.B.: [coFileuploadComponentInDto]="coFileuploadComponentInDto" '),e.C$Y()(),e.I0R(32,"p"),e.OEk(33,"Ein Beispiel f\xfcr das Upload Ergebnis."),e.C$Y(),e.I0R(34,"pre"),e.OEk(35," "),e.I0R(36,"code"),e.OEk(37,'\n coFileuploadComponentInDto: CoFileuploadComponentInDto\n dateUploaded: CoDateTime\n coType: "datetime"\n value: "2020-05-15T08:12:08.173Z"\n downloadLink: CoLinkDto\n href: "http://downloadlink/document/1"\n fileName: "RandomFilename12857j.pdf"\n state: 2 // CoFileUploadStateEnum\n '),e.C$Y(),e.OEk(38,"\n "),e.C$Y()(),e.I0R(39,"mat-expansion-panel")(40,"mat-expansion-panel-header")(41,"mat-panel-title"),e.OEk(42," [Input] allowedFileTypes "),e.C$Y(),e.I0R(43,"mat-panel-description"),e.OEk(44," z.B.: [allowedFileTypes]=\"['png', 'pdf', 'jpeg']\" "),e.C$Y()(),e.I0R(45,"p"),e.OEk(46,"Ein String Array mit erlaubten File Extensions"),e.C$Y()(),e.I0R(47,"mat-expansion-panel")(48,"mat-expansion-panel-header")(49,"mat-panel-title"),e.OEk(50," [In
1put] maxFileSizeKB "),e.C$Y(),e.I0R(51,"mat-panel-description"),e.OEk(52,' z.B.: [maxFileSizeKB]="5000" '),e.C$Y()(),e.I0R(53,"p"),e.OEk(54,"Maximale erlaubte File Gr\xf6\xdfe in KB"),e.C$Y()(),e.I0R(55,"mat-expansion-panel")(56,"mat-expansion-panel-header")(57,"mat-panel-title"),e.OEk(58," [Output] caFileUploadOutResult "),e.C$Y(),e.I0R(59,"mat-panel-description"),e.OEk(60,' z.B.: (caFileUploadOutResult)="onFileOutput($event)" '),e.C$Y()(),e.I0R(61,"p"),e.OEk(62,"Dieser Ouput Parameter beinhaltet die TempDocStore URL zb.: https://trunkline.tugraz.at/trunk_dev/ee/rest/documents/tmp/9759"),e.C$Y(),e.I0R(63,"pre"),e.OEk(64," "),e.I0R(65,"code"),e.OEk(66,"\n onFileOutput( fileUploadResultOutList: CaUploadResultInterface ): void\n let tmpDocStore = fileUploadResultOutList.uri;\n this.service.copyFromTmpDocStoreToAnotherLocation$(..., tmpDocStore )\n "),e.C$Y(),e.OEk(67,"\n "),e.C$Y()(),e.I0R(68,"mat-expansion-panel")(69,"mat-expansion-panel-header")(70,"mat-panel-title"),e.OEk(71," Beispiel "),e.C$Y()(),e.I0R(72,"pre"),e.OEk(73," "),e.I0R(74,"code"),e.OEk(75,'\n <ca-upload [dropArea]="caDndDirective"\n [coFileuploadComponentInDto]="caUploadIn1"\n (caFileUploadOutResult)="onFilesUploaded1()"\n [allowedFileTypes]="[\'png\']"\n [maxFileSizeKB]="5000">\n </ca-upload>\n '),e.C$Y(),e.OEk(76,"\n "),e.C$Y()()()(),e.wR5(77,"br"),e.I0R(78,"section",0,1)(80,"p"),e.OEk(81," Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus "),e.C$Y(),e.I0R(82,"ca-upload",2),e.qCj("caFileUploadOutResult",function(){return n.onFilesUploaded1()}),e.C$Y()(),e.wR5(83,"br"),e.I0R(84,"h3"),e.OEk(85,"Dialog Variate"),e.C$Y(),e.I0R(86,"p"),e.OEk(87,' Der Button "Datei hochladen" \xf6ffnet ein Upload-Dialog. Dort ist es m\xf6glich mittels "File-Chooser" oder "Drag und Drop" ein File hochzuladen. Sobald auf "Fertig" geklickt wird, wird das hochgeladene File \xfcbernommen. '),e.C$Y(),e.I0R(88,"section")(89,"mat-accordion")(90,"mat-expansion-panel")(91,"mat-expansion-panel-header")(92,"mat-panel-title"),e.OEk(93," [Input] isDialog "),e.C$Y(),e.I0R(94,"mat-panel-description"),e.OEk(95,' z.B.: [isDialog]="true" '),e.C$Y()(),e.I0R(96,"p"),e.OEk(97,"Mit diesem Parameter wird die Dialog Variante aktiviert."),e.C$Y()(),e.I0R(98,"mat-expansion-panel")(99,"mat-expansion-panel-header")(100,"mat-panel-title"),e.OEk(101," [Input] coFileuploadComponentInDto "),e.C$Y(),e.I0R(102,"mat-panel-description"),e.OEk(103,' z.B.: [coFileuploadComponentInDto]="coFileuploadComponentInDto" '),e.C$Y()(),e.I0R(104,"p"),e.OEk(105,"Ein Beispiel f\xfcr das Upload Ergebnis."),e.C$Y(),e.I0R(106,"pre"),e.OEk(107," "),e.I0R(108,"code"),e.OEk(109,'\n coFileuploadComponentInDto: CoFileuploadComponentInDto\n dateUploaded: CoDateTime\n coType: "datetime"\n value: "2020-05-15T08:12:08.173Z"\n downloadLink: CoLinkDto\n href: "http://downloadlink/document/1"\n fileName: "RandomFilename12857j.pdf"\n state: 2 // CoFileUploadStateEnum\n '),e.C$Y(),e.OEk(110,"\n "),e.C$Y()(),e.I0R(111,"mat-expansion-panel")(112,"mat-expansion-panel-header")(113,"mat-panel-title"),e.OEk(114," [Input] allowedFileTypes "),e.C$Y(),e.I0R(115,"mat-panel-description"),e.OEk(116," z.B.: [allowedFileTypes]=\"['png', 'pdf', 'jpeg']\" "),e.C$Y()(),e.I0R(117,"p"),e.OEk(118,"Ein String Array mit erlaubten File Extensions"),e.C$Y()(),e.I0R(119,"mat-expansion-panel")(120,"mat-expansion-panel-header")(121,"mat-panel-title"),e.OEk(122," [Input] maxFileSizeKB "),e.C$Y(),e.I0R(123,"mat-panel-description"),e.OEk(124,' z.B.: [maxFileSizeKB]="5000" '),e.C$Y()(),e.I0R(125,"p"),e.OEk(126,"Maximale erlaubte File Gr\xf6\xdfe in KB"),e.C$Y()(),e.I0R(127,"mat-expansion-panel")(128,"mat-expansion-panel-header")(129,"mat-panel-title"),e.OEk(130," [Output] caFileUploadOutResult "),e.C$Y(),e.I0R(131,"mat-panel-description"),e.OEk(132,' z.B.: (caFileUploadOutResult)="onFileOutput($event)" '),e.C$Y()(),e.I0R(133,"p"),e.OEk(134,"Dieser Ouput Parameter beinhaltet die TempDocStore URL zb.: https://trunkline.tugraz.at/trunk_dev/ee/rest/documents/tmp/9759"),e.C$Y(),e.I0R(135,"pre"),e.OEk(136," "),e.I0R(137,"code"),e.OEk(138,"\n onFileOutput( fileUploadResultOutList: CaUploadResultInterface ): void\n let tmpDocStore = fileUploadResultOutList.uri;\n this.service.copyFromTmpDocStoreToAnotherLocation$(..., tmpDocStore )\n "),e.C$Y(),e.OEk(139,"\n "),e.C$Y()(),e.I0R(140,"mat-expansion-panel")(141,"mat-expansion-panel-header")(142,"mat-panel-title"),e.OEk(143," Beispiel "),e.C$Y()(),e.I0R(144,"pre"),e.OEk(145," "),e.I0R(146,"code"),e.OEk(147,'\n <ca-upload [isDialog]="true"\n [coFileuploadComponentInDto]="coFileuploadComponentInDto"\n (caFileUploadOutResult)="onFilesUploaded2()"\n [allowedFileTypes]="[\'png\']"\n [maxFileSizeKB]="5000">\n </ca-upload>\n '),e.C$Y(),e.OEk(148,"\n "),e.C$Y()()()(),e.wR5(149,"br"),e.I0R(150,"section")(151,"p"),e.OEk(152,"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus"),e.C$Y(),e.wR5(153,"br"),e.I0R(154,"ca-upload",3),e.qCj("caFileUploadOutResult",function(){return n.onFilesUploaded2()}),e.C$Y()(),e.I0R(155,"h3"),e.OEk(156,"Cropping Variate"),e.C$Y(),e.I0R(157,"p"),e.OEk(158," Dokumentation folgt noch "),e.C$Y(),e.I0R(159,"section")(160,"p"),e.OEk(161,"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus"),e.C$Y(),e.wR5(162,"br"),e.I0R(163,"ca-upload",4),e.qCj("caFileUploadOutResult",function(){return n.onFilesUploaded3()}),e.C$Y()()()()),2&i){const l=e.Gew(79);e.yG2(82),e.E7m("dropArea",l)("coFileUploadComponentInDto",n.caUploadIn1)("allowedFileExtensions",e.q4q(14,Ie))("maxFileSizeKB",5e3),e.yG2(72),e.E7m("isDialog",!0)("coFileUploadComponentInDto",n.caUploadIn2)("allowedFileExtensions",e.q4q(15,Ie))("maxFileSizeKB",5e3),e.yG2(9),e.E7m("coFileUploadComponentInDto",n.caUploadIn3)("allowedFileExtensions",e.q4q(16,Ie))("isDialog",!0)("widthPx",300)("heightPx",300)("maxFileSizeKB",5e3)}},dependencies:[m._2,m._s,m.nm,m.CM,m._A,c.c,di.k,mi.F],styles:[".add-border[_ngcontent-%COMP%]{border:1px solid;padding:5px}mat-panel-description[_ngcontent-%COMP%]{margin-right:70px;justify-content:flex-end}"],changeDetection:0})}}return t})();var V=o(13080),pi=o(96336);let ht=(()=>{class t{constructor(a,i){this.caMessageService=a,this.changeDetectorRef=i,this.readonly=!1,this.value="123456789",this.rows=3,this.resetValue=!1,this.isRequired=!1,this.maxLength=0,this.delay=0,this.setValueOnInput
1=!0}onSave(a){console.log("[EG][CaResettableTextareaPage.onSave]",a);const i='content: "%s"'.replace("%s",a.content);this.delayFn(this.delay).then(()=>{this.caMessageService.success(i),this.setValueOnInput&&(this.value=a.content);const n=this.readonly;this.readonly=!1,setTimeout(()=>{n&&this.delay&&this.caMessageService.success("component is now enabled/editable")},this.delay),this.changeDetectorRef.markForCheck()})}resetServerStateMsg(){this.serverErrorStateMsg=null}delayFn(a){return a&&this.caMessageService.success("component is disabled/readonly for "+a+"ms"),this.readonly=!0,new Promise(i=>setTimeout(i,a))}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(V.E),e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:110,vars:17,consts:[[3,"value","readonly","isRequired","maxLength","rows","serverErrorStateMsg","resetValue","onSave"],[3,"ngModel","ngModelChange"],["type","checkbox",3,"ngModel","ngModelChange"],["type","number",3,"ngModel","ngModelChange"],[3,"click"],["type","checkbox",3,"checked","change"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"CaResettableTextarea"),e.C$Y(),e.I0R(4,"h2"),e.OEk(5,"Demo"),e.C$Y(),e.I0R(6,"ca-resettable-textarea",0),e.qCj("onSave",function(s){return n.onSave(s)}),e.C$Y(),e.I0R(7,"h3"),e.OEk(8,"Konfiguration:"),e.C$Y(),e.I0R(9,"mat-label"),e.OEk(10,"Value"),e.C$Y(),e.I0R(11,"input",1),e.iHE("ngModelChange",function(s){return e.kNx(n.value,s)||(n.value=s),s}),e.C$Y(),e.wR5(12,"br"),e.I0R(13,"mat-label"),e.OEk(14,"readonly"),e.C$Y(),e.I0R(15,"input",2),e.iHE("ngModelChange",function(s){return e.kNx(n.readonly,s)||(n.readonly=s),s}),e.C$Y(),e.wR5(16,"br"),e.I0R(17,"mat-label"),e.OEk(18,"max Chars"),e.C$Y(),e.I0R(19,"input",3),e.iHE("ngModelChange",function(s){return e.kNx(n.maxLength,s)||(n.maxLength=s),s}),e.C$Y(),e.wR5(20,"br"),e.I0R(21,"mat-label"),e.OEk(22,"Required"),e.C$Y(),e.I0R(23,"input",2),e.iHE("ngModelChange",function(s){return e.kNx(n.isRequired,s)||(n.isRequired=s),s}),e.C$Y(),e.wR5(24,"br"),e.I0R(25,"mat-label"),e.OEk(26,"rows"),e.C$Y(),e.I0R(27,"input",3),e.iHE("ngModelChange",function(s){return e.kNx(n.rows,s)||(n.rows=s),s}),e.C$Y(),e.wR5(28,"br"),e.I0R(29,"mat-label"),e.OEk(30,"cols: width=100%"),e.C$Y(),e.wR5(31,"br"),e.I0R(32,"mat-label"),e.OEk(33,"resetValue"),e.C$Y(),e.OEk(34),e.I0R(35,"button",4),e.qCj("click",function(){return n.resetValue=!n.resetValue}),e.OEk(36,"Alternate value"),e.C$Y(),e.wR5(37,"br"),e.I0R(38,"mat-label"),e.OEk(39,"serverErrorStateMsg"),e.C$Y(),e.I0R(40,"input",1),e.iHE("ngModelChange",function(s){return e.kNx(n.serverErrorStateMsg,s)||(n.serverErrorStateMsg=s),s}),e.C$Y(),e.I0R(41,"button",4),e.qCj("click",function(){return n.resetServerStateMsg()}),e.OEk(42,"set serverErrorStateMsg to null"),e.C$Y(),e.I0R(43,"h3"),e.OEk(44,"Test"),e.C$Y(),e.I0R(45,"mat-label"),e.OEk(46,"Mock backend taking some time: Disable/readonly on save (time in ms, e.g. 3000)"),e.C$Y(),e.I0R(47,"input",1),e.iHE("ngModelChange",function(s){return e.kNx(n.delay,s)||(n.delay=s),s}),e.C$Y(),e.wR5(48,"br"),e.I0R(49,"mat-label"),e.OEk(50,"Set value as input on save click"),e.C$Y(),e.I0R(51,"input",5),e.qCj("change",function(){return n.setValueOnInput=!n.setValueOnInput}),e.C$Y(),e.OEk(52),e.I0R(53,"h2"),e.OEk(54,"Kommunikation"),e.C$Y(),e.I0R(55,"section")(56,"h3"),e.OEk(57,"Input"),e.C$Y(),e.I0R(58,"h4"),e.OEk(59,"value: string"),e.C$Y(),e.I0R(60,"p"),e.OEk(61,"Initialwert der Komponente."),e.C$Y(),e.I0R(62,"p"),e.OEk(63,'Bei jeder \xc4nderung (ngOnChanges) wird die Komponente zur\xfcckgesetzt: "dirty" wird auf false gesetzt.'),e.C$Y(),e.I0R(64,"h4"),e.OEk(65,"readonly: boolean"),e.C$Y(),e.I0R(66,"p"),e.OEk(67,"Steuert, ob die Textarea bearbeitbar ist."),e.C$Y(),e.I0R(68,"p"),e.OEk(69,"OnChange wird der value zur\xfcckgesetzt, eventuell ge\xe4nderter Inhalt bleibt NICHT erhalten."),e.C$Y(),e.I0R(70,"h4"),e.OEk(71,"isRequired: boolean"),e.C$Y(),e.I0R(72,"p"),e.OEk(73,"Optional, default false."),e.C$Y(),e.I0R(74,"p"),e.OEk(75,"Steuert, ob die Textarea ein Pflichtfeld ist."),e.C$Y(),e.I0R(76,"p"),e.OEk(77,"OnChange wird der value nicht zur\xfcckgesetzt, eventuell ge\xe4nderter Inhalt bleibt erhalten."),e.C$Y(),e.I0R(78,"h4"),e.OEk(79,"maxLength: number"),e.C$Y(),e.I0R(80,"p"),e.OEk(81,"Optional, default null"),e.C$Y(),e.I0R(82,"p"),e.OEk(83,"Definiert die maximal erlaubte Anzahl an Zeichen."),e.C$Y(),e.I0R(84,"p"),e.OEk(85,"OnChange wird der value nicht zur\xfcckgesetzt, eventuell ge\xe4nderter Inhalt bleibt erhalten."),e.C$Y(),e.I0R(86,"h4"),e.OEk(87,"serverErrorStateMsg: string"),e.C$Y(),e.I0R(88,"p"),e.OEk(89,"Optional, default null"),e.C$Y(),e.I0R(90,"p"),e.OEk(91,"Wenn angegeben, wird die Fehlernachricht in der Komponente angezeigt."),e.C$Y(),e.I0R(92,"p"),e.OEk(93,"OnChange wird der value nicht zur\xfcckgesetzt, eventuell ge\xe4nderter Inhalt bleibt erhalten."),e.C$Y(),e.I0R(94,"h4"),e.OEk(95,"set resetValue(trigger: any)"),e.C$Y(),e.I0R(96,"p"),e.OEk(97,"Funktion zum zur\xfccksetzen des Werts auf den Input, kann jederzeit ausgef\xfchrt werden"),e.C$Y(),e.I0R(98,"p"),e.OEk(99,"Beispielanwerndung: alternierender boolean-Wert"),e.C$Y(),e.I0R(100,"h3"),e.OEk(101,"Output"),e.C$Y(),e.I0R(102,"p"),e.OEk(103,"onChangeSave: EventEmitter of CaResettableTextareaFormValues"),e.C$Y(),e.I0R(104,"h4"),e.OEk(105,"CaResettableTextareaFormValues"),e.C$Y(),e.I0R(106,"p")(107,"strong"),e.OEk(108,"Fields: "),e.C$Y(),e.OEk(109,"content: string"),e.C$Y()()()()),2&i&&(e.yG2(6),e.E7m("value",n.value)("readonly",n.readonly)("isRequired",n.isRequired)("maxLength",
1n.maxLength)("rows",n.rows)("serverErrorStateMsg",n.serverErrorStateMsg)("resetValue",n.resetValue),e.yG2(5),e.OKB("ngModel",n.value),e.yG2(4),e.OKB("ngModel",n.readonly),e.yG2(4),e.OKB("ngModel",n.maxLength),e.yG2(4),e.OKB("ngModel",n.isRequired),e.yG2(4),e.OKB("ngModel",n.rows),e.yG2(7),e.oRS(" ",n.resetValue,""),e.yG2(6),e.OKB("ngModel",n.serverErrorStateMsg),e.yG2(7),e.OKB("ngModel",n.delay),e.yG2(4),e.E7m("checked",n.setValueOnInput),e.yG2(),e.oRS("",n.setValueOnInput," "))},dependencies:[u.ot,u.O4,u.SU,u.ue,u._G,O.w5,c.c,pi.U],encapsulation:2,changeDetection:0})}}return t})();var gi=o(30516);let Et=(()=>{class t{constructor(){this.content="123456789abcdefghijklmnopqrstuvwxyz"}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-utf8-byte-count-pipe"]],decls:26,vars:5,consts:[[3,"ngModel","ngModelChange"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"Beschreibung"),e.C$Y(),e.OEk(4," Counts the bytes of the given string. utf8 encoded. Also replaces lf with crlf. "),e.I0R(5,"h1"),e.OEk(6,"Example"),e.C$Y(),e.I0R(7,"textarea",0),e.iHE("ngModelChange",function(s){return e.kNx(n.content,s)||(n.content=s),s}),e.C$Y(),e.I0R(8,"p"),e.OEk(9),e.wVc(10,"caUtf8byteCount"),e.C$Y(),e.I0R(11,"p"),e.OEk(12),e.C$Y(),e.I0R(13,"p"),e.OEk(14,"Teststrings"),e.C$Y(),e.I0R(15,"ul")(16,"li"),e.OEk(17,"Z\u0351\u036b\u0343\u036a\u0302\u036b\u033d\u034f\u0334\u0319\u0324\u031e\u0349\u035a\u032f\u031e\u0320\u034dA\u036b\u0357\u0334\u0362\u0335\u031c\u0330\u0354L\u0368\u0367\u0369\u0358\u0320G\u0311\u0357\u030e\u0305\u035b\u0341\u0334\u033b\u0348\u034d\u0354\u0339O\u0342\u030c\u030c\u0358\u0328\u0335\u0339\u033b\u031d\u0333!\u033f\u030b\u0365\u0365\u0302\u0363\u0310\u0301\u0301\u035e\u035c\u0356\u032c\u0330\u0319\u0317"),e.C$Y(),e.I0R(18,"li"),e.OEk(19,"\u{1f639}"),e.C$Y(),e.I0R(20,"li"),e.OEk(21,"\u{1f436}\u{1f436}"),e.C$Y(),e.I0R(22,"li"),e.OEk(23,"asd"),e.C$Y(),e.I0R(24,"li"),e.OEk(25,"\xf6"),e.C$Y()()()()),2&i&&(e.yG2(7),e.OKB("ngModel",n.content),e.yG2(2),e.oRS("Bytecount: ",e.kDX(10,3,
1n.content),""),e.yG2(3),e.oRS("Length: ",n.content.length||0,""))},dependencies:[u.ot,u.ue,u._G,c.c,gi.Y],encapsulation:2,changeDetection:0})}}return t})();var Ci=o(29804),E=o(35456);let ie=class{};ie=(0,g.UN)([(0,E.mu)("CoCalendarDto"),(0,E.k7)("model-slc.am.personalEnrolment.CoCalendarDto")],ie);let oe=class{};oe=(0,g.UN)([(0,E.mu)("CoChoiceDto"),(0,E.k7)("model-slc.am.personalEnrolment.CoChoiceDto")],oe);let kt=class extends oe{};kt=(0,g.UN)([(0,E.mu)("AptTimeSlotDto"),(0,E.k7)("model-slc.am.personalEnrolment.AptTimeSlotDto")],kt);let ft=class extends ie{};ft=(0,g.UN)([(0,E.mu)("AptDayDto"),(0,E.k7)("model-slc.am.personalEnrolment.AptDayDto")],ft);let It=class{};It=(0,g.UN)([(0,E.mu)("AptSelectorDto"),(0,E.k7)("model-slc.am.personalEnrolment.AptSelectorDto")],It);let Rt=class{};Rt=(0,g.UN)([(0,E.mu)("CurrentAptDto"),(0,E.k7)("model-slc.am.personalEnrolment.CurrentAptDto")],Rt);let Ot=class{};Ot=(0,g.UN)([(0,E.mu)("PersEnrlAptDto"),(0,E.k7)("model-slc.am.personalEnrolment.PersEnrlAptDto")],Ot);let _t=class{};_t=(0,g.UN)([(0,E.mu)("PersEnrlDto"),(0,E.k7)("model-slc.am.personalEnrolment.PersEnrlDto")],_t);var hi=o(6732);function Ei(t,r){if(1&t&&(e.I0R(0,"p"),e.OEk(1),e.wVc(2,"caDatePipe"),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.oRS(" The selected date is: ",e.kDX(2,1,a.selectedDate)," ")}}function ki(t,r){if(1&t&&(e.I0R(0,"p"),e.OEk(1),e.wVc(2,"caDatePipe"),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.oRS(" The saved date is: ",e.kDX(2,1,a.savedDate)," ")}}function fi(t,r){if(1&t&&(e.I0R(0,"p"),e.OEk(1),e.wVc(2,"caDatePipe"),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.oRS(" The selected date was triggered: ",e.kDX(2,1,a.selectedDateThroughOutputParameter)," ")}}let yt=(()=>{class t{static createCoDate(a){const i=new Ci.G;return i.coType="date",i.value=y.M.convertDate2IsoString(a),i}static randomDates(){let a=[];const i=new Date;for(let n=0;n<500;n++){let l=new Date(i);l.setDate(i.getDate()+n),a.indexOf(l)<0&&a.push(l)}return a}generateData(){const a=t.randomDates();for(let l=0;l<a.length;l++)if(l%4!=0){const s=new ie;s.date=t.createCoDate(a[l]),s.active=1===l||!!Math.round(Math.random()),s.selected=!1,this.coCalendarDtoList.push(s),this.savedDate=2===l?s.date:this.savedDate,this.selectedDate=1===l?s.date:this.selectedDate}}constructor(){this.coCalendarDtoList=[],this.generateData()}onDateSelected(a){this.selectedDateThroughOutputParameter=a,this.selectedDate=a}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-calendar"]],decls:57,vars:6,consts:[[3,"savedDate","dates","selectedDate","dateSelected"],[4,"ngIf"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"CaCalendar"),e.C$Y(),e.I0R(4,"h2"),e.OEk(5,"Die Kalender-Komponente [Not yet approved]"),e.C$Y(),e.I0R(6,"section")(7,"div")(8,"ca-calendar",0),e.qCj("dateSelected",function(s){return n.onDateSelected(s)}),e.C$Y()(),e.wR5(9,"br"),e.yuY(10,Ei,3,3,"p",1)(11,ki,3,3,"p",1)(12,fi,3,3,"p",1),e.wR5(13,"br"),e.I0R(14,"mat-accordion")(15,"mat-expansion-panel")(16,"mat-expansion-panel-header")(17,"mat-panel-title"),e.OEk(18," [Input] dates: Array of type CoCalendarDto "),e.C$Y(),e.I0R(19,"mat-panel-description"),e.OEk(20,' z.B.: [dates]="Array<CoCalendarDto>" '),e.C$Y()(),e.I0R(21,"p"),e.OEk(22,"Beinhaltet den Dataprovider f\xfcr die Kalender Komponente. Ein Objekt vom Typ CoCalendarDto beihaltet die Members 'active', 'selected' und 'date'. Das Element in der Kalender Komponente, dass den Member 'date' entspricht ist aktivert (active) bzw. gegebenenfalls (wenn selected gesetzt und dateSelected nicht angegeben (siehe Beschreibung von dateSelected)) selektiert. "),e.C$Y()(),e.I0R(23,"mat-expansion-panel")(24,"mat-expansion-panel-header")(25,"mat-panel-title"),e.OEk(26," [Input] savedDate: CoDate "),e.C$Y(),e.I0R(27,"mat-panel-description"),e.OEk(28,' z.B.: [savedDate]="new CoDate()" '),e.C$Y()(),e.I0R(29,"p"),e.OEk(30,"Das Element in der Kalender Komponente, dass das \xfcbergebene Datum darstellt, wird mit der Klasse 'mat-calender-custom-class' erg\xe4nzt. Wurde als extra Inputparameter eingef\xfchrt, da das SavedDate nicht Teil des Dataproviders (dates) sein k\xf6nnte. "),e.C$Y()(),e.I0R(31,"mat-expansion-panel")(32,"mat-expansion-panel-header")(33,"mat-panel-title"),e.OEk(34," [Input] selectedDate: CoDate "),e.C$Y(),e.I0R(35,"mat-panel-description"),e.OEk(36,' z.B.: [selectedDate]="new CoDate()" '),e.C$Y()(),e.I0R(37,"p"),e.OEk(38,"Das Element in der Kalender Komponente, dass das \xfcbergebene Datum darstellt, wird selektiert. Ist der Inputparameter versorgt wird das Datum selektiert ansonsten wird das selektierte Datum aus dem Dataprovider herausgelesen. "),e.C$Y()(),e.I0R(39,"mat-expansion-panel")(40,"mat-expansion-panel-header")(41,"mat-panel-title"),e.OEk(42," [Output] dateSelected: EventEmitter of type CoDate "),e.C$Y(),e.I0R(43,"mat-panel-description"),e.OEk(44,' z.B.: (dateSelected)="onDateSelected($event)" '),e.C$Y()(),e.I0R(45,"p"),e.OEk(46,"emittet das selektierte Datum"),e.C$Y()(),e.I0R(47,"mat-expansion-panel")(48,"mat-expansion-panel-header")(49,"mat-panel-title"),e.OEk(50," Beispiel "),e.C$Y(),e.wR5(51,"mat-panel-description"),e.C$Y(),e.I0R(52,"pre"),e.OEk(53," "),e.I0R(54,"code"),e.OEk(55,'\n <ca-calendar\n [savedDate]="date" [dates]="dates"\n [selectedDate]="selectedDate"\n (dateSelected)="onDateSelected($event)">\n </ca-calendar>\n '),e.C$Y(),e.OEk(56,"\n "),e.C$Y()()()()()()),2&i&&(e.yG2(8),e.E7m("savedDate",n.savedDate)("dates",n.coCalendarDtoList)("selectedDate",n.selectedDate),e.yG2(2),e.
1E7m("ngIf",n.selectedDate),e.yG2(),e.E7m("ngIf",n.savedDate),e.yG2(),e.E7m("ngIf",n.selectedDateThroughOutputParameter))},dependencies:[h.u_,m._2,m._s,m.nm,m.CM,m._A,c.c,hi.w,Je.s],styles:["mat-panel-description[_ngcontent-%COMP%]{margin-right:70px;justify-content:flex-end}"],changeDetection:0})}}return t})();var Ii=o(45164);function Ri(t,r){if(1&t&&(e.I0R(0,"p"),e.OEk(1),e.C$Y()),2&t){const a=e.GaO();e.yG2(),e.oRS(" The selected id: ",a.selectedId," ")}}let bt=(()=>{class t{constructor(){this.choices=new Array;let a=0;for(let i=0;i<11;i++){let n=new oe;n.active=!0,n.selected=7===i,n.id=i+1,a+=i,n.slotValue="20:00 - 20:"+(a<9?"0"+a:a),this.choices.push(n)}}onChosen(a){this.selectedId=a}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-choices"]],decls:33,vars:2,consts:[["title","Verf\xfcbare Optionen",3,"choices","chosen"],[4,"ngIf"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"CaChoices"),e.C$Y(),e.I0R(4,"h2"),e.OEk(5,"[Not yet approved]"),e.C$Y(),e.I0R(6,"section")(7,"div")(8,"ca-choices",0),e.qCj("chosen",function(s){return n.onChosen(s)}),e.C$Y()(),e.wR5(9,"br"),e.yuY(10,Ri,2,1,"p",1),e.wR5(11,"br"),e.I0R(12,"mat-accordion")(13,"mat-expansion-panel")(14,"mat-expansion-panel-header")(15,"mat-panel-title"),e.OEk(16," [Input] slots: Array of type CoSlotDto "),e.C$Y(),e.I0R(17,"mat-panel-description"),e.OEk(18,' z.B.: [choices]="Array<CoChoiceDto>" '),e.C$Y()()(),e.I0R(19,"mat-expansion-panel")(20,"mat-expansion-panel-header")(21,"mat-panel-title"),e.OEk(22," [Input] title: string "),e.C$Y(),e.I0R(23,"mat-panel-description"),e.OEk(24,' z.B.: [title]="Verf\xfcgbare Optionen" '),e.C$Y()()(),e.I0R(25,"mat-expansion-panel")(26,"mat-expansion-panel-header")(27,"mat-panel-title"),e.OEk(28," [Output] chosen: EventEmitter of type number "),e.C$Y(),e.I0R(29,"mat-panel-description"),e.OEk(30,' (chosen)="onChosen($event) '),e.C$Y()(),e.I0R(31,"p"),e.OEk(32,"emittet die selektierte Id"),e.C$Y()()()()()()),2&i&&(e.yG2(8),e.E7m("choices",n.choices),e.yG2(2),e.E7m("ngIf",n.selectedId))},dependencies:[h.u_,m._2,m._s,m.nm,m.CM,m._A,c.c,Ii.A],styles:["mat-panel-description[_ngcontent-%COMP%]{margin-right:70px;justify-content:flex-end}"],changeDetection:0})}}return t})(),Yt=(()=>{class t{constructor(a){this.caMessageService=a}showConfirm(){this.caMessageService.confirm("this is an error message","i am a custom title",{class:"fas fa-exclamation-triangle",style:"attention"},!1,"i am the confirm button",()=>alert("confirm action got fired"),"i am the cancel button",()=>alert("cancel action got fired"))}showConfirmDefault(){this.caMessageService.confirm("message","title")}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(V.E))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-msg-svc-confirm"]],decls:67,vars:10,consts:[[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"h3"),e.OEk(1,"confirm()"),e.C$Y(),e.OEk(2,"\nOpens a dialog with two buttons/actions. All labels and actions can be customized/configured.\n"),e.I0R(3,"mat-accordion")(4,"mat-expansion-panel")(5,"mat-expansion-panel-header")(6,"mat-panel-title"),e.OEk(7," message: string "),e.C$Y(),e.I0R(8,"mat-panel-description"),e.OEk(9,' e.g. "$any_text_to_be_displayed", "note this!" '),e.C$Y()(),e.OEk(10," Text to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(11,"mat-expansion-panel")(12,"mat-expansion-panel-header")(13,"mat-panel-title"),e.OEk(14," title?: string "),e.C$Y(),e.I0R(15,"mat-panel-description"),e.OEk(16),e.wVc(17,"caTranslate"),e.C$Y()(),e.OEk(18," Title to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(19,"mat-expansion-panel")(20,"mat-expansion-panel-header")(21,"mat-panel-title"),e.OEk(22," titleIconConfig?: IconConfig "),e.C$Y(),e.I0R(23,"mat-panel-description"),e.OEk(24),e.C$Y()(),e.OEk(25," Title to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(26,"mat-expansion-panel")(27,"mat-expansion-panel-header")(28,"mat-panel-title"),e.OEk(29," disableClose?: boolean "),e.C$Y(),e.I0R(30,"mat-panel-description"),e.OEk(31," default: undefined. For more info see angular material documentation. "),e.C$Y()(),e.OEk(32," Whether the user can use escape or clicking on the backdrop to close the modal. "),e.C$Y(),e.I0R(33,"mat-expansion-panel")(34,"mat-expansion-panel-header")(35,"mat-panel-title"),e.OEk(36," confirmLabel?: string "),e.C$Y(),e.I0R(37,"mat-panel-description"),e.OEk(38),e.wVc(39,"caTranslate"),e.C$Y()(),e.OEk(40," Label of the confirm button. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(41,"mat-expansion-panel")(42,"mat-expansion-panel-header")(43,"mat-panel-title"),e.OEk(44," confirmAction?: () => void "),e.C$Y(),e.I0R(45,"mat-panel-description"),e.OEk(46," e.g. () => alert('confirm action got fired'), default: none "),e.C$Y()(),e.OEk(47," The confirm action is executed when the confirm button get clicked. If no action is provided, the dialog will still be closed on click. "),e.C$Y(),e.I0R(48,"mat-expansion-panel")(49,"mat-expansion-panel-header")(50,"mat-panel-title"),e.OEk(51," cancelLabel?: string "),e.C$Y(),e.I0R(52,"mat-panel-description"),e.OEk(53),e.wVc(54,"caTranslate"),e.C$Y()(),e.OEk(55," Label of the confirm button. Any string provided will be translated via CaTranslationService. If neither cancelLabel, nor cancelAction is specified, the cancel button won't be rendered. "),e.C$Y(),e.I0R(56,"mat-expansion-panel")(57,"mat-expansion-panel-header")(58,"mat-panel-title"),e.OEk(59," cancelAction?: () => void "),e.C$Y(),e.I0R(60,"mat-panel-description"),e.OEk(61," e.g. () => alert('cancel action got fired'), default: none "),e.C$Y()(),e.OEk(62," The cancel action is executed when the confirm button OR the window close button (x top right corner) gets clicked. If no action is provided, the dialog will still be closed on click. If neither cancelLabel, nor cancelAction is specified, the cancel button won't be rendered. "),e.C$Y()(),e.I0R(63,"button",0),e.qCj("click",function(){return n.showConfirm()}),e.OEk(64,"Preview"),e.C$Y(),e.I0R(65,"button",0),e.qCj("click",function(){return n.showConfirmDefault()}),e.OEk(66,"Preview (no custom values set)"),e.C$Y()),2&i&&(e.yG2(16),e.oRS(" e.g. \"$any_text_to_be_displayed\", default: '$global_achtung' (",e.kDX(17,4,"$global_achtung"),") "),e.yG2(8),e.oRS(" e.g. ","{ class: 'fas fa-times-error', style: 'error' }",", default: null (no icon displayed) "),e.yG2(14),e.oRS(" e.g. \"i am the confirm button\", default: '$codialog_button_ok' (",e.kDX(39,6,"$codialog_button_ok")," ) "),e.yG2(15),e.oRS(" e.g. \"i am the cancel button\", default: '$global_button_abbrechen' (",e.kDX(54,8,"$global_button_abbrechen"),"). "))},dependencies:[m._2,m._s,m.nm,m.CM,m._A,D.u],encapsulation:2})}}return t})();var Oi=o(32420);let $t=(()=>{class t{constructor(a){this.caMessageService=a}showError(){this.caMessageService.error("this is an error message","i am a custom title","i am the confirm button",()=>alert("confirm action got fired"))}showErrorDefault(){this.caMessageService.error("this is an error message")}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(V.E))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-msg-svc-error"]],decls:39,vars:6,consts:[[1,"fas","fa-times-circle",2,"color","red"],[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"h3"),e.OEk(1,"error()"),e.C$Y(),e.OEk(2,"\nOpens a dialog with one action/button. All labels and actions can be customized. The dialog can not be closed by clicking outside - also the x button in the top right corner is not available.\n"),e.I0R(3,"mat-accordion")(4,"mat-expansion-panel")(5,"mat-expansion-panel-header")(6,"mat-panel-title"),e.OEk(7," message: string "),e.C$Y(),e.I0R(8,"mat-panel-description"),e.OEk(9,' e.g. "$any_text_to_be_displayed", "note this!" '),e.C$Y()(),e.OEk(10," Text to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(11,"mat-expansion-panel")(12,"mat-expansion-panel-header")(13,"mat-panel-title"),e.OEk(14," title?: string "),e.C$Y(),e.I0R(15,"mat-panel-description"),e.OEk(16),e.
1wVc(17,"caTranslate"),e.C$Y()(),e.OEk(18," Title to be displayed. Any string provided will be translated via CaTranslationService. THe title also does have a leading \"fas fa-times-circle\" icon. (style class 'error') "),e.wR5(19,"ca-icon",0),e.C$Y(),e.I0R(20,"mat-expansion-panel")(21,"mat-expansion-panel-header")(22,"mat-panel-title"),e.OEk(23," confirmLabel?: string "),e.C$Y(),e.I0R(24,"mat-panel-description"),e.OEk(25),e.wVc(26,"caTranslate"),e.C$Y()(),e.OEk(27," Label of the confirm button. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(28,"mat-expansion-panel")(29,"mat-expansion-panel-header")(30,"mat-panel-title"),e.OEk(31," confirmAction?: () => void "),e.C$Y(),e.I0R(32,"mat-panel-description"),e.OEk(33," e.g. () => alert('confirm action got fired'), default: none "),e.C$Y()(),e.OEk(34," The confirm action is executed when the confirm button get clicked. If no action is provided, the dialog will still be closed on click. "),e.C$Y()(),e.I0R(35,"button",1),e.qCj("click",function(){return n.showError()}),e.OEk(36,"Preview"),e.C$Y(),e.I0R(37,"button",1),e.qCj("click",function(){return n.showErrorDefault()}),e.OEk(38,"Preview (no custom values set)"),e.C$Y()),2&i&&(e.yG2(16),e.oRS(" e.g. \"$any_text_to_be_displayed\", default: '$global_achtung' (",e.kDX(17,2,"$global_achtung"),") "),e.yG2(9),e.oRS(" e.g. \"i am the confirm button\", default: '$codialog_button_ok' (",e.kDX(26,4,"$codialog_button_ok")," ) "))},dependencies:[m._2,m._s,m.nm,m.CM,m._A,Oi._,D.u],encapsulation:2})}}return t})(),vt=(()=>{class t{constructor(a){this.caMessageService=a}showNote(){this.caMessageService.note("note this!",null,!1,"i am the primary button",()=>alert("primary action got fired"))}showNoteDefault(){this.caMessageService.note("note this!")}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(V.E))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-msg-svc-note"]],decls:46,vars:6,consts:[[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"h3"),e.OEk(1,"note()"),e.C$Y(),e.OEk(2,"\nOpens a dialog with one action/button. All labels as well as the primary action can be customized.\n"),e.I0R(3,"mat-accordion")(4,"mat-expansion-panel")(5,"mat-expansion-panel-header")(6,"mat-panel-title"),e.OEk(7," message: string "),e.C$Y(),e.I0R(8,"mat-panel-description"),e.OEk(9,' e.g. "$any_text_to_be_displayed", "note this!" '),e.C$Y()(),e.OEk(10," Text to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(11,"mat-expansion-panel")(12,"mat-expansion-panel-header")(13,"mat-panel-title"),e.OEk(14," title?: string "),e.C$Y(),e.I0R(15,"mat-panel-description"),e.OEk(16),e.wVc(17,"caTranslate"),e.C$Y()(),e.OEk(18," Title to be displayed. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(19,"mat-expansion-panel")(20,"mat-expansion-panel-header")(21,"mat-panel-title"),e.OEk(22," disableClose?: boolean "),e.C$Y(),e.I0R(23,"mat-panel-description"),e.OEk(24," default: undefined. For more info see angular material documentation. "),e.C$Y()(),e.OEk(25," Whether the user can use escape or clicking on the backdrop to close the modal. "),e.C$Y(),e.I0R(26,"mat-expansion-panel")(27,"mat-expansion-panel-header")(28,"mat-panel-title"),e.OEk(29," primaryButtonLabel?: string "),e.C$Y(),e.I0R(30,"mat-panel-description"),e.OEk(31),e.wVc(32,"caTranslate"),e.C$Y()(),e.OEk(33," Label of the primary button. Any string provided will be translated via CaTranslationService. "),e.C$Y(),e.I0R(34,"mat-expansion-panel")(35,"mat-expansion-panel-header")(36,"mat-panel-title"),e.OEk(37," primaryAction?: () => void "),e.C$Y(),e.I0R(38,"mat-panel-description"),e.OEk(39," e.g. () => alert('primary action got fired'), default: none "),e.C$Y()(),e.OEk(40," The primary action is executed when the primary button get clicked. If no action is provided, the dialog will still be closed on click. "),e.C$Y()(),e.wR5(41,"br"),e.I0R(42,"button",0),e.qCj("click",function(){return n.showNote()}),e.OEk(43,"Preview"),e.C$Y(),e.I0R(44,"button",0),e.qCj("click",function(){return n.showNoteDefault()}),e.OEk(45,"Preview (no custom values set)"),e.C$Y()),2&i&&(e.yG2(16),e.oRS(" e.g. \"$any_text_to_be_displayed\", default: '$global_achtung' (",e.kDX(17,2,"$global_achtung"),") "),e.yG2(15),e.oRS(" e.g. \"i am the primary button\", default: '$codialog_button_ok' (",e.kDX(32,4,"$codialog_button_ok"),") "))},dependencies:[m._2,m._s,m.nm,m.CM,m._A,D.u],encapsulation:2})}}return t})(),Dt=(()=>{class t{constructor(a){this.caMessageService=a}showSuccess(){this.caMessageService.success("this is a success message")}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(V.E))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-msg-svc-success"]],decls:20,vars:0,consts:[[3,"click"]],template:function(i,n){1&i&&(e.I0R(0,"h3"),e.OEk(1,"success()"),e.C$Y(),e.OEk(2,"\nShows a snackbar (success style) with the given message.\nSuccess style:\n"),e.I0R(3,"ul")(4,"li"),e.OEk(5,"background-color: $brand-success"),e.C$Y(),e.I0R(6,"li"),e.OEk(7,"color: $white"),e.C$Y()(),e.I0R(8,"mat-accordion")(9,"mat-expansion-panel")(10,"mat-expansion-panel-header")(11,"mat-panel-title"),e.OEk(12," message: string "),e.C$Y(),e.I0R(13,"mat-panel-description"),e.OEk(14,' e.g. "$any_text_to_be_displayed" '),e.C$Y()(),e.OEk(15," Text to be displayed. The string is set to innerHTML which allows the text to contain HTML tags like b or strong. This means that a text key like '$example' will not be translated, this has to be done before the success() method is called."),e.wR5(16,"br"),e.C$Y()(),e.wR5(17,"br"),e.I0R(18,"button",0),e.qCj("click",function(){return n.showSuccess()}),e.OEk(19,"Preview"),e.C$Y())},dependencies:[m._2,m._s,m.nm,m.CM,m._A],encapsulation:2})}}return t})(),Tt=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["ng-component"]],decls:52,vars:3,consts:[[2,"color","red"],["href","https://campusonline.tugraz.at/confluence/display/SPRIN/Messaging+UI",2,"text-decoration-line","line-through"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"ca-message-service"),e.C$Y(),e.I0R(3,"div",0),e.OEk(4,"Work in progress"),e.C$Y(),e.I0R(5,"a",1),e.OEk(6,"Concept: Messaging UI"),e.C$Y(),e.OEk(7," outdated? "),e.I0R(8,"article")(9,"section")(10,"h3"),e.OEk(11,"Usage"),e.C$Y(),e.OEk(12," To use this service, simply inject the "),e.I0R(13,"strong"),e.OEk(14,"CaMessageService"),e.C$Y(),e.OEk(15,". "),e.C$Y()(),e.I0R(16,"div")(17,"section")(18,"h2"),e.OEk(19,"General (Exported types and default configuration settings)"),e.C$Y(),e.I0R(20,"section")(21,"mat-accordion")(22,"mat-expansion-panel")(23,"mat-expansion-panel-header")(24,"mat-panel-title"),e.OEk(25," IconConfig "),e.C$Y(),e.I0R(26,"mat-panel-description"),e.OEk(27," class: string, style?: string "),e.C$Y()(),e.OEk(28),e.C$Y()()(),e.I0R(29,"section")(30,"mat-expansion-panel")(31,"mat-expansion-panel-header"),e.OEk(32," DEFAULT_OPTIONS: MatSnackBarConfig "),e.C$Y(),e.I0R(33,"mat-panel-description")(34,"ul"),e.OEk(35),e.I0R(36,"li"),e.OEk(37,"...MAT_SNACK_BAR_DEFAULT_OPTIONS,"),e.C$Y(),e.I0R(38,"li"),e.OEk(39,"duration: 5000 //5 seconds"),e.C$Y(),e.OEk(40),e.C$Y()()()()(),e.I0R(41,"section")(42,"h2"),e.OEk(43,"Provided methods"),e.C$Y(),e.I0R(44,"section"),e.wR5(45,"eg-ca-msg-svc-success"),e.C$Y(),e.I0R(46,"section"),e.wR5(47,"eg-ca-msg-svc-note"),e.C$Y(),e.I0R(48,"section"),e.wR5(49,"eg-ca-msg-svc-confirm"),e.C$Y(),e.I0R(50,"section"),e.wR5(51,"eg-ca-msg-svc-error"),e.C$Y()()()()),2&i&&(e.yG2(28),e.oRS(" Configuration object for defining icon and style in one object. e.g. ","{ class: 'fas fas-times-circle', style: 'error' }"," "),e.yG2(7),e.oRS(" ","{"," "),e.yG2(5),e.oRS(" ","}"," "))},dependencies:[m._2,m._s,m.nm,m.CM,m._A,c.c,Yt,$t,vt,Dt],encapsulation:2})}}return t})();var _i=o(39784),yi=o(34760),bi=o(49644),Yi=o(35956),$i=o(83552);
1function vi(t,r){1&t&&(e.SAx(0),e.OEk(1),e.wVc(2,"caTranslate"),e.wR5(3,"mat-icon",25),e.k70()),2&t&&(e.yG2(),e.oRS(" ",e.kDX(2,1,"$core_collapse_all")," "))}function Di(t,r){1&t&&(e.SAx(0),e.OEk(1),e.wVc(2,"caTranslate"),e.wR5(3,"mat-icon",26),e.k70()),2&t&&(e.yG2(),e.oRS(" ",e.kDX(2,1,"$core_expand_all")," "))}let Re=(()=>{class t{constructor(){this.componentName="CaSectionPage",this.componentExampleCode="<ca-detail-view [navigationLabel]=\"'$pumask_zurueck' | caTranslate\">\n <ca-section\n [sectionId]=\"'lib-apply-changes'\"\n [headerLabel]=\"'$core.lib-apply-changes' | caTranslate\">\n Sample text\n </ca-section>\n </ca-detail-view>",this.obj=["lorem ipsum","dolor","sit amet","consectetur adipiscing","elit","Aenean","posuere","ut dolor","id","pellentesque"],this.expandedNum=0,this.expandedDetails=!1}ngOnInit(){this.loremIpsum=this.generateLorem()}generateLorem(){let a=500,i="";for(;a--;)i+=this.obj[Math.floor(Math.random()*this.obj.length)]+" ";return i}elementExpansionStateChanged(a){this.expandedNum=a?this.expandedNum+1:this.expandedNum-1,this.areAllExpanded()}areAllExpanded(){0===this.expandedNum?this.expandedDetails=!1:3===this.expandedNum&&(this.expandedDetails=!0)}toggleCollapseAll(){this.expandedDetails=!this.expandedDetails,this.expandedDetails||(this.expandedNum=0)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-section"]],decls:139,vars:46,consts:[[3,"navigationLabel"],[1,"centeredActionArea"],["mat-button","","color","primary"],["mat-button",""],[1,"label","ca-status","ca-status-default"],[1,"fas","fa-info-circle"],[3,"headerLabel","sectionId"],[1,"bold"],[3,"innerHTML"],[3,"headerLabel","sectionId","overrideBodyClass"],[1,"panel-body"],[3,"label","value"],[1,"label","ca-status","ca-status-warning"],[1,"far","fa-clock"],[1,"row"],[1,"col-xs-12"],[1,"nested-collapsible-container",3,"expanded"],[1,"mobile-flex-column"],[1,"left-side"],[1,"right-side"],[1,"right-side-section-header"],["mat-icon-button","","color","primary",1,"toggle-collapse-all",3,"click"],[4,"ngIf"],[3,"expanded","summary","expandedChange"],[3,"label"],[1,"fas","fa-chevron-up"],[1,"fas","fa-chevron-down"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"ca-detail-view",0),e.wVc(2,"caTranslate"),e.I0R(3,"ca-navigation-action-container")(4,"div",1)(5,"button",2),e.OEk(6," Primary Button "),e.C$Y(),e.I0R(7,"button",3),e.OEk(8," Default Button "),e.C$Y(),e.I0R(9,"span",4),e.wR5(10,"span",5),e.I0R(11,"span"),e.OEk(12,"ca-navigation-action-container"),e.C$Y()()()(),e.I0R(13,"ca-section",6),e.OEk(14," The "),e.I0R(15,"span",7),e.OEk(16),e.C$Y(),e.OEk(17," displays contextual information relating to interactively selected detail item in caDetailView. "),e.wR5(18,"br"),e.I0R(19,"h4"),e.OEk(20,"To use the ca-section in conjunction with ca-detail-view just add the following html code to your app html template (links in detail view will be generated automatically):"),e.C$Y()(),e.I0R(21,"ca-section",6),e.OEk(22," Input variables (denoted by [variable]) "),e.I0R(23,"span",7),e.OEk(24,"[headerLabel] - "),e.C$Y(),e.OEk(25,"(String) Sets the header label for the section"),e.wR5(26,"br"),e.I0R(27,"span",7),e.OEk(28,"[sectionId] - "),e.C$Y(),e.OEk(29,"(required parameter) (String) Sets the value which is used for logic in conjunction with caDetailView"),e.wR5(30,"br"),e.C$Y(),e.I0R(31,"ca-section",6)(32,"pre"),e.OEk(33," "),e.I0R(34,"code",8),e.OEk(35,"\n "),e.C$Y(),e.OEk(36,"\n "),e.C$Y()(),e.I0R(37,"ca-section",9)(38,"div",10)(39,"ca-entry",11)(40,"span",12),e.wR5(41,"mat-icon",13),e.I0R(42,"span"),e.OEk(43,"Status"),e.C$Y()()(),e.I0R(44,"ca-entry",11)(45,"span"),e.OEk(46,"Content ca-entry "),e.C$Y()(),e.I0R(47,"ca-entry",11)(48,"span"),e.OEk(49," Content ca-entry. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),e.C$Y()(),e.I0R(50,"div",14)(51,"label",15),e.OEk(52,"Beispiel Dokumentenupload auf Bewerbungsdetailseite"),e.C$Y()(),e.I0R(53,"ca-collapsible-container",16)(54,"ca-collapsible-summary")(55,"div",17)(56,"div",18),e.OEk(57,"Nested collapsible container"),e.C$Y(),e.I0R(58,"div",19)(59,"span",12),e.wR5(60,"mat-icon",13),e.I0R(61,"span"),e.OEk(62,"Status message"),e.C$Y()()()()(),e.I0R(63,"ca-entry",11)(64,"span"),e.OEk(65,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),e.C$Y()()(),e.I0R(66,"ca-collapsible-container",16)(67,"ca-collapsible-summary")(68,"div",17)(69,"div",18),e.OEk(70,"Nested collapsible container"),e.C$Y(),e.I0R(71,"div",19)(72,"span",12),e.wR5(73,"mat-icon",13),e.I0R(74,"span"),e.OEk(75,"Status message"),e.C$Y()()()()(),e.I0R(76,"ca-entry",11)(77,"span"),e.OEk(78,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),e.C$Y()()(),e.I0R(79,"ca-collapsible-container",16)(80,"ca-collapsible-summary")(81,"div",17)(82,"div",18),e.OEk(83,"Nested collapsible container"),e.C$Y(),e.I0R(84,"div",19)(85,"span",12),e.wR5(86,"mat-icon",13),e.I0R(87,"span"),e.OEk(88,"Status message"),e.C$Y()()()()(),e.I0R(89,"ca-entry",11)(90,"span"),e.OEk(91,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),e.C$Y()()()()(),e.I0R(92,"ca-section",9)(93,"ca-section-header-right-side",20)(94,"button",21),e.qCj("click",function(){return n.toggleCollapseAll()}),e.yuY(95,vi,4,3,"ng-container",22)(96,Di,4,3,"ng-container",22),e.C$Y()(),e.I0R(97,"ca-collapsible-container",23),e.qCj("expandedChange",function(s){return n.elementExpansionStateChanged(s)}),e.I0R(98,"span"),e.OEk(99,"Keine Eintr\xe4ge vorhanden."),e.C$Y()(),e.I0R(100,"ca-collapsible-container",23),e.qCj("expandedChange",function(s){return n.elementExpansionStateChanged(s)}),e.I0R(101,"ca-entry",11)(102,"span"),e.OEk(103,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),e.C$Y()(),e.wR5(104,"ca-entry",24),e.C$Y(),e.I0R(105,"ca-collapsible-container",23),e.qCj("expandedChange",function(s){return n.elementExpansionStateChanged(s)}),e.I0R(106,"ca-collapsible-container",16)(107,"ca-collapsible-summary")(108,"div",17)(109,"div",18)(110,"label"),e.OEk(111,"Nested collapsible container"),e.C$Y()(),e.I0R(112,"div",19)(113,"span"),e.OEk(114,"3 ECTS"),e.C$Y()()()(),e.I0R(115,"span"),e.OEk(116," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "),e.C$Y()(),e.I0R(117,"ca-collapsible-container",16)(118,"ca-collapsible-summary")(119,"div",17)(120,"div",18)(121,"label"),e.OEk(122,"Lehrveranstaltungen auf Moduldetailseite"),e.C$Y()(),e.I0R(123,"div",19)(124,"span"),e.OEk(125,"3 ECTS"),e.C$Y()()()(),e.I0R(126,"span"),e.OEk(127," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "),e.C$Y()(),e.I0R(128,"ca-collapsible-container",16)(129,"ca-collapsible-summary")(130,"div",17)(131,"div",18)(132,"label"),e.OEk(133,"Lehrveranstaltungen auf Moduldetailseite"),e.C$Y()(),e.I0R(134,"div",19)(135,"span"),e.OEk(136,"3 ECTS"),e.C$Y()()()(),e.I0R(137,"span"),e.OEk(138," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "),e.C$Y()()()()()()),2&i&&(e.yG2(),e.E7m("navigationLabel",e.kDX(2,44,"$pumask_zurueck")),e.yG2(12),e.E7m("headerLabel",n.componentName)("sectionId","componentName"),e.yG2(3),e.cNF(n.componentName),e.yG2(5),e.E7m("headerLabel","Input Variables")("sectionId","inputvariables"),e.yG2(10),e.E7m("headerLabel","Usage example")("sectionId","example"),e.yG2(3),e.E7m("innerHTML",n.componentExampleC
1ode,e.E3n),e.yG2(3),e.E7m("headerLabel","Section Example")("sectionId","sectionExample")("overrideBodyClass","sectionWithTopPadding"),e.yG2(2),e.E7m("label","Status")("value","#"),e.yG2(5),e.E7m("label","Label ca-entry")("value","#"),e.yG2(3),e.E7m("label","Label ca-entry")("value","#"),e.yG2(6),e.E7m("expanded",!1),e.yG2(10),e.E7m("label","Label collapsible entry")("value","#"),e.yG2(3),e.E7m("expanded",!1),e.yG2(10),e.E7m("label","Label collapsible entry")("value","#"),e.yG2(3),e.E7m("expanded",!1),e.yG2(10),e.E7m("label","Label collapsible entry")("value","#"),e.yG2(3),e.E7m("headerLabel","Elemente f\xfcr Collapsibles")("sectionId","CollapsibleElements")("overrideBodyClass","sectionWithTopPadding"),e.yG2(3),e.E7m("ngIf",n.expandedDetails),e.yG2(),e.E7m("ngIf",!n.expandedDetails),e.yG2(),e.E7m("expanded",n.expandedDetails)("summary","Keine Eintr\xe4ge"),e.yG2(3),e.E7m("expanded",n.expandedDetails)("summary","ca-entries"),e.yG2(),e.E7m("label","Label collapsible entry")("value","#"),e.yG2(3),e.E7m("label","Label collapsible entry"),e.yG2(),e.E7m("expanded",n.expandedDetails)("summary","Nested collapsibles"),e.yG2(),e.E7m("expanded",!1),e.yG2(11),e.E7m("expanded",!1),e.yG2(11),e.E7m("expanded",!1))},dependencies:[h.u_,C.qL,_.Gw,_.um,w.Y,ae.e,_i.a,c.c,yi.e,Ue.i,bi.y,Yi.k,$i.Y,L.S,D.u],styles:["[_nghost-%COMP%] .toggle-collapse-all[_ngcontent-%COMP%]{width:auto}"],changeDetection:0})}}return t})();var Ti=o(1528),Si=o(97052);const wi=["image"],Mi=["cropperLoaded"];function Pi(t,r){1&t&&(e.I0R(0,"p"),e.OEk(1,"Die Cropping Komponente ist noch nicht geladen."),e.C$Y())}function Gi(t,r){1&t&&e.C_f(0)}function Ai(t,r){1&t&&(e.I0R(0,"div",8),e.wR5(1,"img",9,10),e.C$Y())}function Li(t,r){1&t&&(e.I0R(0,"p"),e.OEk(1,"Es gibt noch kein Bildergebnis zu sehen."),e.C$Y())}const Fi=t=>({"cropper-container":t}),xi=t=>({"hide-cropper-container":t});let St=(()=>{class t{constructor(a,i){this.lazyLoadSvc=a,this.changeDetectorRef=i,this.isUploadEnabled=!1,this.hasResult=!1}load(){var a=this;return(0,Ti.c)(function*(){a.container&&a.container.clear(),a.ngxCropperCmpRef=yield a.lazyLoadSvc.loadExtModuleAndEntryComponent("ca-ngx-cropper.module.ts","CaNgxCropperModule",a.container),a.isUploadEnabled=!0,a.ngxCropperCmpRef.instance.aspectRatio=200/300,a.ngxCropperCmpRef.instance.widthPx=200,a.ngxCropperCmpRef.instance.heightPx=300})()}onUploadChange(a){a.target.files&&1===a.target.files.length&&(this.file=a.target.files[0],this.addCmp(a.target.files[0]))}addCmp(a){this.hasResult=!1,this.ngxCropperCmpRef.instance.file=a,this.ngxCropperCmpRef.instance.blobCropped.subscribe(i=>{const n=new File([i],"croppedFile",{lastModified:(new Date).getTime(),type:i.type}),l=new FileReader;l.onload=s=>{this.imageElement.nativeElement.src=s.target.result},l.readAsDataURL(n),this.hasResult=!0}),this.changeDetectorRef.detectChanges()}static{this.\u0275fac=function(i){return new(i||t)(e.GI1(Si.u),e.GI1(e.kD9))}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-img-cropper"]],viewQuery:function(i,n){if(1&i&&(e.CC$(wi,5),e.CC$(Mi,5,e.y8U)),2&i){let l;e.wto(l=e.Gqi())&&(n.imageElement=l.first),e.wto(l=e.Gqi())&&(n.container=l.first)}},decls:25,vars:11,consts:[[3,"click"],["accept","image/png, image/jpeg","type","file",3,"disabled","change"],[3,"ngClass"],[4,"ngIf"],["cropperLoaded",""],[4,"ngIf","ngIfThen","ngIfElse"],["result",""],["noResult",""],[1,"result-container"],["alt","result"],["image",""]],template:function(i,n){if(1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3,"Cropper component"),e.C$Y(),e.I0R(4,"section")(5,"h2"),e.OEk(6,"Step 1: Lazy Load the Module"),e.C$Y(),e.I0R(7,"button",0),e.qCj("click",function(){return n.load()}),e.OEk(8,"Lazy Load the Objects"),e.C$Y(),e.I0R(9,"h2"),e.OEk(10,"Step 2: Upload a File"),e.C$Y(),e.I0R(11,"input",1),e.qCj("change",function(s){return n.onUploadChange(s)}),e.C$Y(),e.I0R(12,"h2"),e.OEk(13,"Step 3: Crop the Image"),e.C$Y(),e.I0R(14,"div",2),e.yuY(15,Pi,2,0,"p",3),e.wR5(16,"div",2,4),e.C$Y(),e.I0R(18,"h2"),e.OEk(19,"Step 4: Result"),e.C$Y(),e.yuY(20,Gi,1,0,"ng-container",5)(21,Ai,3,0,"ng-template",null,6,e.gJz)(23,Li,2,0,"ng-template",null,7,e.gJz),e.C$Y()()()),2&i){const l=e.Gew(22),s=e.Gew(24);e.yG2(11),e.E7m("disabled",!n.isUploadEnabled),e.yG2(3),e.E7m("ngClass",e.S45(7,Fi,n.isUploadEnabled)),e.yG2(),e.E7m("ngIf",!n.isUploadEnabled),e.yG2(),e.E7m("ngClass",e.S45(9,xi,!n.isUploadEnabled)),e.yG2(4),e.E7m("ngIf",n.hasResult)("ngIfThen",l)("ngIfElse",s)}},dependencies:[h.QF,h.u_,ct.K_,c.c],styles:[".cropper-container[_ngcontent-%COMP%], .result-container[_ngcontent-%COMP%]{height:250px;width:400px}.cropper-container[_ngcontent-%COMP%]{border:1px solid}.result-container[_ngcontent-%COMP%]{display:flex;justify-content:center}.hide-cropper-container[_ngcontent-%COMP%]{visibility:hidden}"],changeDetection:0})}}return t})();var Ni=o(98908),Vi=o(3352),Ui=o(3080);let wt=(()=>{class t{constructor(){this.componentName="CaListFilterPage",this.componentExampleC
1ode='<ca-list-filter [filterForm]="filterForm"\n (onFilter)="exampleTrigger()">\n <form #filterForm="ngForm" caOnEnterSubmit>\n \n <ca-filter-input\n [label]="\'Test label\' | caTranslate "\n [showLabel]="false">\n <mat-form-field >\n <input matInput\n autocomplete="off"\n type="text"\n name="Test"\n [placeholder]="\'$core_lib_home_title\' | caTranslate">\n <button mat-button\n matSuffix\n mat-icon-button\n caClickStopPropagation\n aria-label="Clear"\n type="button">\n <mat-icon class="fa-close"></mat-icon>\n </button>\n </mat-form-field>\n </ca-filter-input>\n </form>\n </ca-list-filter>'}exampleTrigger(){console.log("EXAMPLE EVENT TRIGGERED")}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-list-filter"]],features:[e.M5G([Ni.F])],decls:26,vars:13,consts:[[3,"headerLabel","sectionId"],[1,"bold"],[3,"filterForm","onFilter"],["caOnEnterSubmit",""],["filterForm","ngForm"],[3,"label","showLabel"],["matInput","","autocomplete","off","type","text","name","exampleFilter",3,"placeholder"],["mat-button","","matSuffix","","mat-icon-button","","caClickStopPropagation","","aria-label","Clear","type","button"],[1,"fa-close"],[3,"innerHTML"]],template:function(i,n){if(1&i&&(e.I0R(0,"ca-page")(1,"article")(2,"h1"),e.OEk(3),e.C$Y(),e.I0R(4,"ca-section",0),e.OEk(5," The "),e.I0R(6,"span",1),e.OEk(7),e.C$Y(),e.OEk(8," displays content in a drop-down menu and is used to filter CaList. "),e.wR5(9,"br"),e.C$Y()(),e.I0R(10,"ca-list-filter",2),e.qCj("onFilter",function(){return n.exampleTrigger()}),e.I0R(11,"form",3,4)(13,"ca-filter-input",5),e.wVc(14,"caTranslate"),e.I0R(15,"mat-form-field"),e.wR5(16,"input",6),e.I0R(17,"button",7),e.wR5(18,"mat-icon",8),e.C$Y()()()()(),e.wR5(19,"p"),e.I0R(20,"article")(21,"ca-section",0)(22,"pre"),e.OEk(23," "),e.wR5(24,"code",9),e.OEk(25,"\n "),e.C$Y()()()()),2&i){const l=e.Gew(12);e.yG2(3),e.cNF(n.componentName),e.yG2(),e.E7m("headerLabel",n.componentName)("sectionId","componentName"),e.yG2(3),e.cNF(n.componentName),e.yG2(3),e.E7m("filterForm",l),e.yG2(3),e.E7m("label",e.kDX(14,11,"$co_slc_tm_cp_filter_content_or_objective"))("showLabel",!1),e.yG2(3),e.E7m("placeholder","Example filter"),e.yG2(5),e.E7m("headerLabel","Usage example")("sectionId","usageExample"),e.yG2(3),e.E7m("innerHTML",n.componentExampleCode,e.E3n)}},dependencies:[u.sz,u.u,u.SC,O.Up,O.Gm,C.qL,me.yi,_.Gw,_.um,ut.u,w.Y,ae.e,Vi.K,Ui.m,c.c,L.S,D.u],encapsulation:2,changeDetection:0})}}return t})();var le=o(57400);let Mt=(()=>{class t{constructor(){this.CaStatus=le.q}getStatusSuccess(){return le.q.SUCCESS}getStatusWarning(){return le.q.WARNING}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.In1({type:t,selectors:[["eg-ca-status"]],decls:9,vars:6,consts:[[3,"appearance","message"]],template:function(i,n){1&i&&(e.I0R(0,"ca-page")(1,"h1"),e.OEk(2,"ca-status"),e.C$Y(),e.I0R(3,"div"),e.wR5(4,"ca-status",0),e.C$Y(),e.I0R(5,"div"),e.wR5(6,"ca-status",0),e.C$Y(),e.I0R(7,"div"),e.wR5(8,"ca-status",0),e.C$Y()()),2&i&&(e.yG2(4),e.E7m("appearance",n.getStatusSuccess())("message","OK"),e.yG2(2),e.E7m("appearance",n.getStatusWarning())("message","Warning"),e.yG2(2),e.E7m("appearance",n.CaStatus.ERROR)("message","Die Statuskonstante kann auch 'direkt' bzw. ohne Funktion verwendet werden"))},dependencies:[c.c,le.q],encapsulation:2,changeDetection:0})}}return t})();const Bi=[{path:"",pathMatch:"full",redirectTo:"catalog"},{path:"",component:qa.E,data:{menuProvider:Ka},children:[{path:"catalog",component:W}
1,{path:d.AJAX_PL_REST_EXAMPLE,component:De},{path:d.MENU_CA_APP_MENU,component:be},{path:d.MENU_CA_DROP_DOWN_DIALOG,component:xe},{path:d.MENU_CA_ORG_CHOOSER,component:je},{path:d.MENU_CA_SEMESTER_CHOOSER,component:Ve},{path:d.MENU_CA_CURRICULUM_VERSION_CHOOSER,component:Qe},{path:d.MENU_CA_CURRICULUM_CONTEXT_CHOOSER,component:lt},{path:d.MENU_CA_CURRICULUM_VERSION_FILTER,component:dt},{path:d.MENU_CA_LISTFILTER,component:wt},{path:d.MENU_CA_PAGER,component:He},{path:d.INPUTS_CA_DATE_PICKER,component:Fe},{path:d.COMMAND_CA_BUTTON,component:pt},{path:d.FORMATTER_CA_DATE_PIPE,component:et},{path:d.PANEL_CONCAT_LIST,component:tt},{path:d.PANEL_CA_LIST,component:$e},{path:d.PANEL_CA_MAINTENANCE_BANNER,component:Pe},{path:d.OVERLAY_CA_DIALOG,component:nt},{path:d.OVERLAY_CA_CONFIRM_DIALOG,component:Se},{path:d.INPUT_CA_SELECT,component:Ae},{path:d.MISC_CA_ENTRY,component:Be},{path:d.MISC_FORM,component:qe},{path:d.MISC_CA_CALENDAR_ICON,component:Xe},{path:d.MISC_CA_TRANSLATION_PIPELINE,component:mt},{path:d.MISC_CA_ORGANISATION_ADDRESS,component:gt},{path:d.INPUT_CA_UPLOAD,component:Ct},{path:d.INPUT_CA_IMG_CROPPER,component:St},{path:d.MISC_CA_UTF8_BYTE_COUNT_PIPE,component:Et},{path:d.INPUT_CA_RESETTABLE_TEXTAREA,component:ht},{path:d.MISC_CA_CALENDAR,component:yt},{path:d.MISC_CA_CHOICES,component:bt},{path:d.MISC_CA_MESSAGE_SERVICE,component:Tt},{path:d.MISC_CA_SECTION,component:Re},{path:d.MISC_CA_STATUS,component:Mt}]}];var G,t,se=o(74736),Pt=o(88368);(t=G||(G={})).LOAD_EXAM_OFFERS="EG_CATALOG_ACCORDION_LIST_LOAD_EXAM_OFFERS",t.SORT_EXAM_OFFERS="EG_CATALOG_ACCORDION_LIST_SORT_EXAM_OFFERS",t.FILTER_EXAM_OFFERS="EG_CATALOG_ACCORDION_LIST_FILTER_EXAM_OFFERS",t.SHOW_EXAM_OFFERS="EG_CATALOG_ACCORDION_LIST_SHOW_EXAM_OFFERS",t.LoadExamOffers=class r{constructor(s){this.payload=s,this.type=t.LOAD_EXAM_OFFERS}},t.SortExamOffers=class a{constructor(s){this.payload=s,this.type=t.SORT_EXAM_OFFERS}},t.FilterExamOffers=class i{constructor(s){this.payload=s,this.type=t.FILTER_EXAM_OFFERS}},t.ShowExamOffers=class n{constructor(s){this.payload=s,this.type=t.SHOW_EXAM_OFFERS}};const zi={filterEntries:[],orderByEntries:[{field:"title",direction:"asc",nullsLast:!1}],model:null,loaded:!1};function Ki(t=zi,r){switch(r.type){case G.SHOW_EXAM_OFFERS:return{...t,loaded:!0,model:r.payload};case G.FILTER_EXAM_OFFERS:return{...t,loaded:!1,filterEntries:r.payload};case G.SORT_EXAM_OFFERS:return{...t,loaded:!1,orderByEntries:r.payload};default:return t}}var Oe;!function(t){const a=(0,Pt.TL)({egCaAccordianListHeader:Ki});t.reducer=function i(n,l){return a(n,l)}}(Oe||(Oe={}));let _e=class{};_e=(0,g.UN)([(0,E.mu)("egExamDateDto"),(0,E.k7)("model-eg.dataparameter.egExamDateDto")],_e);let Gt=class{};Gt=(0,g.UN)([(0,E.mu)("egDateFormatsDto"),(0,E.k7)("model-eg.dataparameter.egDateFormatsDto")],Gt);const qi=[(()=>{class t{constructor(a,i){this.actions$=a,this.dataService=i,this.loadExamOffers=(0,se.gv)(()=>this.actions$.pipe((0,se.y0)(G.LOAD_EXAM_OFFERS),(0,N.k)(n=>n.payload),(0,he.G)(n=>this.dataService.get(n,_e)),(0,N.k)(n=>n.resources),(0,N.k)(n=>new G.ShowExamOffers(n))))}static{this.\u0275fac=function(i){return new(i||t)(e.CoB(se.kp),e.CoB(J.s))}}static{this.\u0275prov=e.wxM({token:t,factory:t.\u0275fac})}}return t})()];var ji=o(77300);let Xi=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275mod=e.a4G({type:t})}static{this.\u0275inj=e.s3X({providers:[V.E],imports:[Ba.O,I.qQ.forChild(Bi),Pt.cx.forFeature("egCatalog",Oe.reducer),se.Qh.forFeature(qi),ji.E]})}}return t})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.