1import{a as de}from"./chunk-XYLKBV7W.js";import{a as se}from"./chunk-GYYJCEZO.js";import{a as me}from"./chunk-ZI2VRKGG.js";import{Ra as le,Ta as ce,U as ie,Y as ae,b as W,ha as T,ja as re,y as oe}from"./chunk-JQO2TWQ6.js";import"./chunk-FJGCPGIF.js";import"./chunk-4RNQWIV6.js";import{m as f}from"./chunk-CJHUNIC5.js";import"./chunk-7ZMQM2WN.js";import"./chunk-UOFOCZLC.js";import"./chunk-7EJNEQFC.js";import{B as ne,b as G,d as D,f as H,g as Y,h as Q,j as J,k as w,m as X,n as Z,u as ee,y as te}from"./chunk-6BME2YS5.js";import{$a as V,$b as S,Ad as O,Fb as A,Hb as s,Ib as v,Nb as N,Ob as K,Pb as R,Ra as p,Ub as e,Xb as j,_a as h,_b as M,ac as k,db as q,ld as x,od as $,qa as L,qc as U,ta as _,tb as u,ub as n,vb as t,wa as E,wb as r,xa as y,xb as o,yb as a,zb as g}from"./chunk-BUIIXSYE.js";var F=(()=>{class c{constructor(){this._router=_(x),this.pageToggleButtons=[{label:"Button 1",page:1,active:!0},{label:"Button 2",page:2,active:!1},{label:"Button 3",page:3,active:!1},{label:"Button 4",page:4,active:!1}],this.activePage=1,this._tenantKey=localStorage.getItem(f)}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["ng-component"]],decls:105,vars:2,consts:[["type","button",3,"click"],[1,"active"],[1,"box"],[1,"button-container"],["type","button",1,"btn-primary"],["type","button","disabled","",1,"btn-primary"],["type","button",1,"btn-primary-outline"],["type","button","disabled","",1,"btn-primary-outline"],["type","button",1,"btn-alert"],["type","button",1,"btn-alert-outline"],["type","button",1,"btn-filter-reset"],["type","button","ngbTooltip","Filter schlie\xDFen",1,"btn-filter-close"],["name","cross"],["type","button",1,"btn-icon"],["name","delete"],["type","button",1,"btn-filter"],[1,"icon-clickable-dark"],["type","button",1,"btn-icon-remove"],["type","button",1,"btn-icon-text"],["name","edit"],["type","button",1,"btn-collapse"],["name","chevron","direction","right"],["type","button",1,"btn-collapse-small"],[1,"input-group"],["type","text"],["type","button",1,"btn-icon-border"],["name","add"],[1,"toggle-buttons"],[3,"activeButton","buttons"],[1,"btn-group"],["type","button","disabled","",1,"btn-menu-animated"],["name","note-folder disabled"],["type","button","ngbTooltip","L\xF6schen",1,"btn-menu-animated"],["type","button","disabled","",1,"btn-menu-static"],["name","csv-export"],["type","button",1,"btn-menu-static"]],template:function(d,i){d&1&&(n(0,"nav")(1,"ul")(2,"li")(3,"button",0),s("click",function(){return i.navigateTo()}),e(4,"Startseite"),t()(),n(5,"li")(6,"button",0),s("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),t()(),n(8,"li")(9,"button",0),s("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),t()(),n(11,"li",1)(12,"button",0),s("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),t()(),n(14,"li")(15,"button",0),s("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),t()(),n(17,"li")(18,"button",0),s("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),t()()()(),n(20,"h1"),e(21,"Buttons"),t(),n(22,"div",2)(23,"div",3)(24,"button",4),e(25,"btn-primary"),t(),e(26,"Formular speichern"),t(),n(27,"div",3)(28,"button",5),e(29,"btn-primary disabled"),t(),e(30,"Formular speichern nicht freigegeben "),t(),n(31,"div",3)(32,"button",6),e(33,"btn-primary-outline"),t(),e(34,"Abbrechen, schlie\xDFen, Context-Men\xFC Button, Benutzer / Gruppe / Lizenz hinzuf\xFCgen, Dateilistenimport, Suchvorlage bearbeiten "),t(),n(35,"div",3)(36,"button",7),e(37,"btn-primary-outline disabled"),t()(),n(38,"div",3)(39,"button",8),e(40,"btn-alert"),t(),e(41,"L\xF6schen"),t(),n(42,"div",3)(43,"button",9),e(44,"btn-alert-outline"),t(),e(45,"Benutzer / Gruppe sperren "),t(),n(46,"div",3)(47,"button",10)(48,"span"),e(49,"Reset"),t()(),e(50,"Filter zur\xFCcksetzen "),t(),n(51,"div",3)(52,"button",11),r(53,"app-icon",12),t(),e(54,"Filter schlie\xDFen "),t(),n(55,"div",3)(56,"button",13),r(57,"app-icon",14),t(),e(58," Header Icons, Feld l\xF6schen im Formular "),t(),n(59,"div",3)(60,"button",15)(61,"span",16),e(62,"Filter \xF6ffnen"),t()(),e(63,"Icon im Tabellenheader "),t(),n(64,"div",3)(65,"button",17),r(66,"app-icon",12),t(),e(67,"Icon zum Entfernen (Suchvorlagenfeld, Bestellung im Modal) "),t(),n(68,"div",3)(69,"button",18),r(70,"app-icon",19),n(71,"span"),e(72,"btn-icon-text"),t()(),e(73,"Feld hinzuf\xFCgen (dynamische Suche, \xDCberwachung, Firmendaten) "),t(),n(74,"div",3)(75,"button",20),r(76,"app-icon",21),n(77,"span"),e(78,"btn-collapse"),t()(),e(79," Felder aufklappen "),t(),n(80,"div",3)(81,"button",22),r(82,"app-icon",21),n(83,"span"),e(84,"btn-collapse-small"),t()(),e(85," Felder aufklappen "),t(),n(86,"div",3)(87,"div",23),r(88,"input",24),n(89,"button",25),r(90,"app-icon",26),t()(),e(91," Button an Inputfeld (Wertelistenmodal \xF6ffnen) "),t()(),n(92,"div",27),r(93,"app-toggle-button-group",28),t(),n(94,"div")(95,"div",29)(96,"button",30),r(97,"app-icon",31),t(),n(98,"button",32),r(99,"app-icon",14),t()(),n(100,"div",29)(101,"button",33),r(102,"app-icon",34),t(),n(103,"button",35),r(104,"app-icon",34),t()()()),d&2&&(p(93),u("activeButton",i.activePage)("buttons",i.pageToggleButtons))},dependencies:[O,de],styles:[".toggle-buttons[_ngcontent-%COMP%]{margin-block:var(--spacer)}","nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
1#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();var pe=(()=>{class c{constructor(){this._router=_(x),this._tenantKey=localStorage.getItem(f)}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["ng-component"]],decls:119,vars:0,consts:[["type","button",3,"click"],[1,"active"],[1,"container"],[1,"square","span2"],[1,"box","background"],[1,"square"],[1,"box","text"],[1,"box","input"],[1,"box","tooltip"],[1,"box","primary-default"],[1,"box","primary-dark"],[1,"box","primary-light"],[1,"box","alert-default"],[1,"box","alert-dark"],[1,"box","alert-light"],[1,"box","warning-default"],[1,"box","warning-light"],[1,"box","success"],[1,"box","success-light"],[1,"box","gray-lighter"],[1,"box","gray-light"],[1,"box","gray-medium"],[1,"box","gray-dark"],[1,"box","gray-darker"],[1,"box","gray-sidebar"],[1,"box","orange"],[1,"box","orange-light"],[1,"box","purple"],[1,"box","purple-light"]],template:function(d,i){d&1&&(o(0,"nav")(1,"ul")(2,"li")(3,"button",0),v("click",function(){return i.navigateTo()}),e(4,"Startseite"),a()(),o(5,"li")(6,"button",0),v("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),a()(),o(8,"li",1)(9,"button",0),v("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),a()(),o(11,"li")(12,"button",0),v("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),a()(),o(14,"li")(15,"button",0),v("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),a()(),o(17,"li")(18,"button",0),v("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),a()()()(),o(20,"h1"),e(21,"Farben"),a(),o(22,"div",2)(23,"div",3),g(24,"div",4),o(25,"p"),e(26,"--color-background"),a()(),o(27,"div",5),g(28,"div",6),o(29,"p"),e(30,"--color-text"),a()(),o(31,"div",5),g(32,"div",7),o(33,"p"),e(34,"--color-input"),a()(),o(35,"div",5),g(36,"div",8),o(37,"p"),e(38,"--color-tooltip"),a()(),o(39,"div",5),g(40,"div",9),o(41,"p"),e(42,"--color-primary"),a()(),o(43,"div",5),g(44,"div",10),o(45,"p"),e(46,"--color-primary-dark"),a()(),o(47,"div",5),g(48,"div",11),o(49,"p"),e(50,"--color-primary-light"),a()(),o(51,"div",5),g(52,"div",12),o(53,"p"),e(54,"--color-alert"),a()(),o(55,"div",5),g(56,"div",13),o(57,"p"),e(58,"--color-alert-dark"),a()(),o(59,"div",5),g(60,"div",14),o(61,"p"),e(62,"--color-alert-light"),a()(),o(63,"div",5),g(64,"div",15),o(65,"p"),e(66,"--color-warning"),a()(),o(67,"div",5),g(68,"div",16),o(69,"p"),e(70,"--color-warning-light"),a()(),o(71,"div",5),g(72,"div",17),o(73,"p"),e(74,"--color-success"),a()(),o(75,"div",5),g(76,"div",18),o(77,"p"),e(78,"--color-success-light"),a()(),o(79,"div",5),g(80,"div",19),o(81,"p"),e(82,"--color-gray-lighter"),a()(),o(83,"div",5),g(84,"div",20),o(85,"p"),e(86,"--color-gray-light"),a()(),o(87,"div",5),g(88,"div",21),o(89,"p"),e(90,"--color-warning-medium"),a()(),o(91,"div",5),g(92,"div",22),o(93,"p"),e(94,"--color-gray-dark"),a()(),o(95,"div",5),g(96,"div",23),o(97,"p"),e(98,"--color-gray-darker"),a()(),o(99,"div",5),g(100,"div",24),o(101,"p"),e(102,"--color-gray-sidebar"),a()(),o(103,"div",5),g(104,"div",25),o(105,"p"),e(106,"--color-orange"),a()(),o(107,"div",5),g(108,"div",26),o(109,"p"),e(110,"--color-orange-light"),a()(),o(111,"div",5),g(112,"div",27),o(113,"p"),e(114,"--color-purple"),a()(),o(115,"div",5),g(116,"div",28),o(117,"p"),e(118,"--color-purple-light"),a()()())},styles:[".background[_ngcontent-%COMP%]{background-color:var(--color-background)}.text[_ngcontent-%COMP%]{background-color:var(--color-text)}.tooltip[_ngcontent-%COMP%]{background-color:var(--color-tooltip)}.input[_ngcontent-%COMP%]{background-color:var(--color-input)}.primary-dark[_ngcontent-%COMP%]{background-color:var(--color-primary-dark)}.primary-default[_ngcontent-%COMP%]{background-color:var(--color-primary)}.primary-light[_ngcontent-%COMP%]{background-color:var(--color-primary-light)}.alert-dark[_ngcontent-%COMP%]{background-color:var(--color-alert-dark)}.alert-default[_ngcontent-%COMP%]{background-color:var(--color-alert)}.alert-light[_ngcontent-%COMP%]{background-color:var(--color-alert-light)}.focus[_ngcontent-%COMP%]{background-color:var(--color-focus)}.gray-dark[_ngcontent-%COMP%]{background-color:var(--color-gray-dark)}.gray-darker[_ngcontent-%COMP%]{background-color:var(--color-gray-darker)}.gray-light[_ngcontent-%COMP%]{background-color:var(--color-gray-light)}.gray-lighter[_ngcontent-%COMP%]{background-color:var(--color-gray-lighter)}
1.gray-medium[_ngcontent-%COMP%]{background-color:var(--color-gray-medium)}.gray-sidebar[_ngcontent-%COMP%]{background-color:var(--color-gray-sidebar)}.orange[_ngcontent-%COMP%]{background-color:var(--color-orange)}.orange-light[_ngcontent-%COMP%]{background-color:var(--color-orange-light)}.purple[_ngcontent-%COMP%]{background-color:var(--color-purple)}.purple-light[_ngcontent-%COMP%]{background-color:var(--color-purple-light)}.success[_ngcontent-%COMP%]{background-color:var(--color-success)}.success-light[_ngcontent-%COMP%]{background-color:var(--color-success-light)}.warning-default[_ngcontent-%COMP%]{background-color:var(--color-warning)}.warning-light[_ngcontent-%COMP%]{background-color:var(--color-warning-light)}.container[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--spacer) * 2)}.square[_ngcontent-%COMP%]{display:flex;flex-direction:column;border:var(--border);border-radius:var(--border-radius);align-items:center;padding:calc(var(--spacer) / 2);width:fit-content}.square[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;border:var(--border);border-radius:var(--border-radius);height:10rem;width:10rem}.square[_ngcontent-%COMP%] .full[_ngcontent-%COMP%]{grid-column:1/-1}.square[_ngcontent-%COMP%] .span2[_ngcontent-%COMP%]{grid-column:span 2}","nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
1#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();var I=(()=>{class c{constructor(){this._formBuilder=_(ne),this._router=_(x),this._tenantKey=localStorage.getItem(f),this.demoItems=[{text:"DE",value:"de"},{text:"EN",value:"en"},{text:"FR",value:"fr"},{text:"IT",value:"it"},{text:"ES",value:"es"},{text:"NL",value:"nl",disabled:!0},{text:"DK",value:"dk"},{text:"FI",value:"fi"},{text:"PR",value:"pr",disabled:!0},{text:"NO",value:"no"}],this.newSelectDemoModel={language:"finnish",itemsVisible:5,showUnselectItem:!0,dropdownEnabled:!0}}ngOnInit(){this.initForm()}get demoForm(){return this._demoForm}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}initForm(){this._demoForm=new Q({inputRequired:new w(null,D.required),inputOptional:new w(null),textarea:new w(null)}),this.newSelectDemoForm=this._formBuilder.group({languageReactive:[null,D.required]})}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["ng-component"]],decls:60,vars:13,consts:[["f","ngForm"],["type","button",3,"click"],[1,"active"],[1,"required","form-element"],["for","input-required",1,"mandatory"],["id","input-required","placeholder","Placeholder","type","text","required","","formControlName","inputRequired"],[1,"text-alert"],[1,"form-element"],["for","input-optional"],["id","input-optional","type","text","formControlName","inputOptional"],["type","text","formControlName","inputOptional"],["label","Label left","labelPosition","left","name","label-left",3,"ngModelChange","items","ngModel","itemsVisible","showUnselectItem","disabled"],["label","Label top","labelPosition","top","name","label-top",3,"ngModelChange","items","ngModel","itemsVisible","showUnselectItem","disabled"],["name","showUnselectItem","label","showUnselectItem",3,"ngModelChange","ngModel"],["name","dropdownEnabled","label","select enabled",3,"ngModelChange","ngModel"],["for","items-visible"],["name","items-visible",3,"ngModelChange","ngModel"],[1,"form-group","form-element"],["for","textarea"],["id","textarea","placeholder","Placeholder"]],template:function(d,i){if(d&1){let l=A();n(0,"nav")(1,"ul")(2,"li")(3,"button",1),s("click",function(){return i.navigateTo()}),e(4,"Startseite"),t()(),n(5,"li")(6,"button",1),s("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),t()(),n(8,"li")(9,"button",1),s("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),t()(),n(11,"li")(12,"button",1),s("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),t()(),n(14,"li",2)(15,"button",1),s("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),t()(),n(17,"li")(18,"button",1),s("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),t()()()(),n(20,"h1"),e(21,"Formulare"),t(),n(22,"form",null,0)(24,"h2"),e(25,"Input"),t(),n(26,"section")(27,"div")(28,"div",3)(29,"label",4),e(30,"Input Required"),t(),r(31,"input",5),n(32,"p",6),e(33,"Validation Message"),t()(),n(34,"div",7)(35,"label",8),e(36,"Input Optional"),t(),r(37,"input",9),t(),n(38,"div",7)(39,"label"),e(40," Input Optional "),r(41,"input",10),t()()()(),n(42,"h2"),e(43,"Select"),t(),n(44,"section")(45,"app-select",11),k("ngModelChange",function(b){return E(l),S(i.newSelectDemoModel.language,b)||(i.newSelectDemoModel.language=b),y(b)}),t(),n(46,"app-select",12),k("ngModelChange",function(b){return E(l),S(i.newSelectDemoModel.language,b)||(i.newSelectDemoModel.language=b),y(b)}),t(),n(47,"div",7)(48,"app-checkbox",13),k("ngModelChange",function(b){return E(l),S(i.newSelectDemoModel.showUnselectItem,b)||(i.newSelectDemoModel.showUnselectItem=b),y(b)}),t(),n(49,"app-checkbox",14),k("ngModelChange",function(b){return E(l),S(i.newSelectDemoModel.dropdownEnabled,b)||(i.newSelectDemoModel.dropdownEnabled=b),y(b)}),t(),n(50,"label",15),e(51,"itemsVisible = default: 5"),t(),n(52,"input",16),k("ngModelChange",function(b){return E(l),S(i.newSelectDemoModel.itemsVisible,b)||(i.newSelectDemoModel.itemsVisible=b),y(b)}),t()()(),n(53,"section")(54,"h2"),e(55,"Textarea"),t(),n(56,"div",17)(57,"label",18),e(58,"Textarea"),t(),r(59,"textarea",19),t()()()}d&2&&(p(45),u("items",i.demoItems),M("ngModel",i.newSelectDemoModel.language),u("itemsVisible",i.newSelectDemoModel.itemsVisible)("showUnselectItem",i.newSelectDemoModel.showUnselectItem)("disabled",!i.newSelectDemoModel.dropdownEnabled),p(),u("items",i.demoItems),M("ngModel",i.newSelectDemoModel.language),u("itemsVisible",i.newSelectDemoModel.itemsVisible)("showUnselectItem",i.newSelectDemoModel.showUnselectItem)("disabled",!i.newSelectDemoModel.dropdownEnabled),p(2),M("ngModel",i.newSelectDemoModel.showUnselectItem),p(),M("ngModel",i.newSelectDemoModel.dropdownEnabled),p(3),M("ngModel",i.newSelectDemoModel.itemsVisible))},dependencies:[oe,ae,T,Z,G,H,Y,te,X,J,ee,re],styles:[".form-element[_ngcontent-%COMP%]{margin-bottom:var(--spacer)}.required[_ngcontent-%COMP%]{position:relative}input[_ngcontent-%COMP%]:invalid{background-color:light-dark(var(--color-alert-light),var(--color-input));border-color:var(--color-alert)}","nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
1#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();var B=(()=>{class c{constructor(){this._router=_(x),this._tenantKey=localStorage.getItem(f)}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["ng-component"]],decls:282,vars:13,consts:[["type","button",3,"click"],[1,"active"],[1,"icon-container","small"],["sprite","icons-small","name","checkbox-checked",1,"icon-clickable"],["sprite","icons-small","name","checkbox-part-checked",1,"icon-clickable"],["sprite","icons-small","name","checkbox-unchecked",1,"icon-clickable-dark"],["sprite","icons-small","name","link-external",1,"icon-clickable"],["sprite","icons-small","name","link-internal",1,"icon-clickable"],["sprite","icons-small","name","loading-spinner",1,"icon-clickable"],[1,"icon-container"],["name","check-mark-filled",1,"icon-success"],["name","cross-filled",1,"icon-alert"],["name","company-data",1,"icon-active"],["name","company-data",1,"icon-inactive"],["name","folder-favorite",1,"icon-warning"],["name","folder-favorite",1,"icon-inactive"],["name","note-folder",1,"icon-clickable-dark"],["name","note-folder",1,"icon-inactive"],["name","metadata-draft",1,"icon-active"],["name","metadata-draft",1,"icon-inactive"],["name","reqif",1,"icon-active"],["name","reqif",1,"icon-inactive"],["name","filter",1,"icon-clickable"],["name","filter",1,"icon-clickable-dark"],["name","add"],["name","alert",1,"icon-alert"],["name","alert",1,"icon-warning"],["name","arrow","direction","down"],["name","arrow","direction","left"],["name","arrow","direction","right"],["name","arrow","direction","up"],["name","bell",1,"icon-inactive"],["name","bell-off",1,"icon-inactive"],["name","check-mark"],["name","chevron","direction","down"],["name","chevron","direction","left"],["name","chevron","direction","right"],["name","chevron","direction","up"],["name","circle"],["name","cloud"],["name","cloud-download"],["name","cloud-upload"],["name","company-data-create"],["name","control-file-import"],["name","copy"],["name","cross"],["name","csv-export"],["name","csv-import"],["name","delete"],["name","document"],["name","document-add"],["name","document-context"],["name","document-hosted"],["name","document-link",1,"icon-clickable"],["name","document-local"],["name","document-locked"],["name","document-locked-simultan"],["name","document-paper"],["name","document-url"],["name","documents"],["name","edit"],["name","email",1,"icon-inactive"],["name","email-off",1,"icon-inactive"],["name","eye"],["name","favorite-star"],["name","file-csv"],["name","file-pdf"],["name","file-xml"],["name","folder-add"],["name","folder-favorite"],["name","folder-share"],["name","group"],["name","help"],["name","info",1,"icon-clickable"],["name","leave"],["name","link"],["name","license-add",1,"icon-clickable"],["name","license-show",1,"icon-clickable"],["name","license-unlink",1,"icon-clickable"],["name","loading-spinner",1,"icon-clickable"],["name","location-change"],["name","menu",1,"icon-clickable"],["name","observation-settings",1,"icon-clickable"],["name","observation-start",1,"icon-clickable"],["name","order-add",1,"icon-clickable"],["name","order-back-to-requests",1,"icon-clickable"],["name","order-cart",1,"icon-clickable"],["name","order-change-metadata",1,"icon-clickable"],["name","order-company-data",1,"icon-cl
1ickable"],["name","order-deliver",1,"icon-clickable"],["name","order-instant-download"],["name","order-reject",1,"icon-clickable"],["name","order-released",1,"icon-clickable"],["name","order-requested",1,"icon-clickable"],["name","reqif-conversion"],["name","reset"],["name","save"],["name","search"],["name","search-ce"],["name","search-history"],["name","send-password",1,"icon-clickable"],["name","settings"],["name","theme-dark",1,"icon-clickable"],["name","theme-light",1,"icon-clickable"],["name","unavailable",1,"icon-alert"],["name","unavailable",1,"icon-clickable"],["name","user"],["name","user-role"],["sprite","icons-large","name","check-mark-large",1,"icon-success"],["sprite","icons-large","name","cross-large",1,"icon-alert"],["sprite","icons-large","name","alert-large",1,"icon-inactive"],["sprite","icons-large","name","cloud-download-empty-large",1,"icon-inactive"],["sprite","icons-large","name","cloud-download-large",1,"icon-inactive"],["sprite","icons-large","name","cloud-upload-large",1,"icon-inactive"],["sprite","icons-large","name","company-data-empty-large",1,"icon-inactive"],["sprite","icons-large","name","cross-large",1,"icon-inactive"],["sprite","icons-large","name","dashboard-empty-large",1,"icon-inactive"],["sprite","icons-large","name","delete-large",1,"icon-inactive"],["sprite","icons-large","name","documents-empty-large",1,"icon-inactive"],["sprite","icons-large","name","folder-empty-large",1,"icon-inactive"],["sprite","icons-large","name","groups-empty-large",1,"icon-inactive"],["sprite","icons-large","name","hosting-empty-large",1,"icon-inactive"],["sprite","icons-large","name","info-large",1,"icon-inactive"],["sprite","icons-large","name","licenses-empty-large",1,"icon-inactive"],["sprite","icons-large","name","loading-spinner",1,"icon-inactive"],["sprite","icons-large","name","locked-large",1,"icon-inactive"],["sprite","icons-large","name","notifications-empty-large",1,"icon-inactive"],["sprite","icons-large","name","order-cart-empty-large",1,"icon-inactive"],["sprite","icons-large","name","order-delivered-empty-large",1,"icon-inactive"],["sprite","icons-large","name","order-ordered-empty-large",1,"icon-inactive"],["sprite","icons-large","name","order-requested-empty-large",1,"icon-inactive"],["sprite","icons-large","name","observation-start-large",1,"icon-inactive"],["sprite","icons-large","name","search-empty-large",1,"icon-inactive"],["sprite","icons-large","name","statistics-large",1,"icon-inactive"],["sprite","icons-large","name","user-empty-large",1,"icon-inactive"],["name","","sprite","icons-folders","name","folder-shared-from-me",1,"icon-success"],["name","","sprite","icons-folders","name","folder-shared-with-me",1,"icon-success"],["name","","sprite","icons-folders","name","folder-unshared",1,"icon-clickable-dark"],["name","","sprite","icons-folders","name","template-shared-from-me",1,"icon-success"],["name","","sprite","icons-folders","name","template-shared-with-me",1,"icon-success"],["name","","sprite","icons-folders","name","template-unshared",1,"icon-clickable-dark"],["sprite","icons-sidebar","name","nautos",3,"width","height"],["sprite","icons-sidebar","name","nautos-basic",3,"width","height"],["sprite","icons-sidebar","name","nautos-pro",3,"width","height"],[1,"sidebar"],[1,"section"],["sprite","icons-sidebar","name","sidebar-dashboard",3,"width"],["sprite","icons-sidebar","name","sidebar-dashboard-overview",1,"child"],["sprite","icons-sidebar","name","sidebar-dashboard-news",1,"child"],["sprite","icons-sidebar","name","sidebar-dashboard-release-notes",1,"child"],["sprite","icons-sidebar","name","sidebar-search",3,"width"],["sprite","icons-sidebar","name","sidebar-search-overview",1,"child"],["sprite","icons-sidebar","name","sidebar-document-ownership",1,"child"],["sprite","icons-sidebar","name","sidebar-favorite-management",3,"width"],["sprite","icons-sidebar","name","sidebar-folders",1,"child"],["sprite","icons-sidebar","name","sidebar-observation",1,"child"],["sprite","icons-sidebar","name","sidebar-order-management",3,"width"],["sprite","icons-sidebar","name","sidebar-order-cart",1,"child"],["sprite","icons-sidebar","name","sidebar-order-requested",1,"child"],["sprite","icons-sidebar","name","sidebar-order-released",1,"child"],["sprite","icons-sidebar","name","sidebar-order-ordered",1,"child"],["sprite","icons-sidebar","name","sidebar-order-delivered",1,"child"],["sprite","icons-sidebar","name","sidebar-licenses",3,"width"],["sprite","icons-sidebar","name","sidebar-licenses-overview",1,"child"],["sprite","icons-sidebar","name","sidebar-document-management",1,"child"],["sprite","icons-sidebar","name","sidebar-document-stamp",1,"child"],["sprite","icons-sidebar","name","sidebar-hosting-explorer",1,"child"],["sprite","icons-sidebar","name","sidebar-downloads",3,"width"],["sprite","icons-sidebar","name","sidebar-settings",3,"width"],["sprite","icons-sidebar","name","sidebar-settings-users",1,"child"],["sprite","icons-sidebar","name","sidebar-settings-groups",1,"child"],["sprite","icons-sidebar","name","sidebar-settings-companies",1,"child"],["sprite","icons-sidebar","name","sidebar-settings-statistics",1,"child"],["sprite","icons-sidebar","name","sidebar-settings-locations",1,"child"],["sprite","icons-sidebar","name","sidebar-more-settings",1,"child"]],template:function(d,i){d&1&&(n(0,"nav")(1,"ul")(2,"li")(3,"button",0),s("click",function(){return i.navigateTo()}),e(4,"Startseite"),t()(),n(5,"li")(6,"button",0),s("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),t()(),n(8,"li")(9,"button",0),s("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),t()(),n(11,"li")(12,"button",0),s("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),t()(),n(14,"li")(15,"button",0),s("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),t()(),n(17,"li",1)(18,"button",0),s("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),t()()()(),n(20,"h1"),e(21,"Icons"),t(),n(22,"p"),e(23," Die Icons werden \xFCber die Komponente "),n(24,"code"),e(25,"<app-icon>"),t(),e(26," eingebunden. Intern nutzt sie ein "),n(27,"code"),e(28,"<svg>"),t(),e(29,"-Element mit einem "),n(30,"code"),e(31,"<use>"),t(),e(32,"-Tag, um auf ein Symbol innerhalb eines SVG-Sprites zuzugreifen. Die Sprite-Dateien liegen im Ordner "),n(33,"code"),e(34,"assets/icons/"),t(),e(35," und sind nach Gr\xF6\xDFe aufgeteilt (z.\xA0B. "),n(36,"code"),e(37,"icons-small.svg"),t(),e(38,", "),n(39,"code"),e(40,"icons-default.svg"),t(),e(41,`). 2`),t(),n(42,"p"),e(43,"Ein Beispiel f\xFCr ein kleines Icon (16\xA0\xD7\xA016\xA0px):"),t(),n(44,"pre")(45,"code"),e(46,'<app-icon sprite="icons-small" name="checkbox-checked"></app-icon>'),t()(),n(47,"h2"),e(48,"Klein (16 x 16)"),t(),n(49,"p"),e(50,"Diese Icons stammen aus der Datei "),n(51,"code"),e(52,"icons-small.svg"),t(),e(53,"."),t(),n(54,"div",2),r(55,"app-icon",3)(56,"app-icon",4)(57,"app-icon",5)(58,"app-icon",6)(59,"app-icon",7)(60,"app-icon",8),t(),n(61,"h2"),e(62,"Standard (30 x 30)"),t(),n(63,"p"),e(64,"Diese Icons stammen aus der Datei "),n(65,"code"),e(66,"icons-default.svg"),t(),e(67,"."),t(),n(68,"h3"),e(69,"Ja / Nein"),t(),n(70,"section")(71,"div",9),r(72,"app-icon",10)(73,"app-icon",11),t()(),n(74,"h3"),e(75,"Aktiv / Inaktiv"),t(),n(76,"section")(77,"div",9),r(78,"app-icon",12)(79,"app-icon",13)(80,"app-icon",14)(81,"app-icon",15)(82,"app-icon",16)(83,"app-icon",17)(84,"app-icon",18)(85,"app-icon",19)(86,"app-icon",20)(87,"app-icon",21)(88,"app-icon",22)(89,"app-icon",23),t()(),n(90,"section")(91,"div",9),r(92,"app-icon",24)(93,"app-icon",25)(94,"app-icon",26)(95,"app-icon",27)(96,"app-icon",28)(97,"app-icon",29)(98,"app-icon",30)(99,"app-icon",31)(100,"app-icon",32)(101,"app-icon",33)(102,"app-icon",34)(103,"a
2pp-icon",35)(104,"app-icon",36)(105,"app-icon",37)(106,"app-icon",38)(107,"app-icon",39)(108,"app-icon",40)(109,"app-icon",41)(110,"app-icon",42)(111,"app-icon",43)(112,"app-icon",44)(113,"app-icon",45)(114,"app-icon",46)(115,"app-icon",47)(116,"app-icon",48)(117,"app-icon",49)(118,"app-icon",50)(119,"app-icon",51)(120,"app-icon",52)(121,"app-icon",53)(122,"app-icon",54)(123,"app-icon",55)(124,"app-icon",56)(125,"app-icon",57)(126,"app-icon",58)(127,"app-icon",59)(128,"app-icon",60)(129,"app-icon",61)(130,"app-icon",62)(131,"app-icon",63)(132,"app-icon",64)(133,"app-icon",65)(134,"app-icon",66)(135,"app-icon",67)(136,"app-icon",68)(137,"app-icon",69)(138,"app-icon",70)(139,"app-icon",71)(140,"app-icon",72)(141,"app-icon",73)(142,"app-icon",74)(143,"app-icon",75)(144,"app-icon",76)(145,"app-icon",77)(146,"app-icon",78)(147,"app-icon",79)(148,"app-icon",80)(149,"app-icon",81)(150,"app-icon",82)(151,"app-icon",83)(152,"app-icon",84)(153,"app-icon",85)(154,"app-icon",86)(155,"app-icon",87)(156,"app-icon",88)(157,"app-icon",89)(158,"app-icon",90)(159,"app-icon",91)(160,"app-icon",92)(161,"app-icon",93)(162,"app-icon",94)(163,"app-icon",95)(164,"app-icon",96)(165,"app-icon",97)(166,"app-icon",98)(167,"app-icon",99)(168,"app-icon",100)(169,"app-icon",101)(170,"app-icon",102)(171,"app-icon",103)(172,"app-icon",104)(173,"app-icon",105)(174,"app-icon",106)(175,"app-icon",107),t()(),n(176,"h2"),e(177,"Gro\xDF (101 x 101)"),t(),n(178,"p"),e(179,"Diese Icons stammen aus der Datei "),n(180,"code"),e(181,"icons/icons-large.svg"),t(),e(182,"."),t(),n(183,"h3"),e(184,"Erfolgreich / Fehler"),t(),n(185,"section")(186,"div",9),r(187,"app-icon",108)(188,"app-icon",109),t()(),n(189,"h3"),e(190,"Inaktiv"),t(),n(191,"section")(192,"div",9),r(193,"app-icon",110)(194,"app-icon",111)(195,"app-icon",112)(196,"app-icon",113)(197,"app-icon",114)(198,"app-icon",115)(199,"app-icon",116)(200,"app-icon",117)(201,"app-icon",118)(202,"app-icon",119)(203,"app-icon",120)(204,"app-icon",121)(205,"app-icon",122)(206,"app-icon",123)(207,"app-icon",124)(208,"app-icon",125)(209,"app-icon",126)(210,"app-icon",127)(211,"app-icon",128)(212,"app-icon",129)(213,"app-icon",130)(214,"app-icon",131)(215,"app-icon",132)(216,"app-icon",133)(217,"app-icon",134),t()(),n(218,"h2"),e(219,"Sonderformat (40 x 30)"),t(),n(220,"p"),e(221,"Diese Icons stammen aus der Datei "),n(222,"code"),e(223,"icons/icons-folders.svg"),t(),e(224,"."),t(),n(225,"section")(226,"div",9),r(227,"app-icon",135)(228,"app-icon",136)(229,"app-icon",137)(230,"app-icon",138)(231,"app-icon",139)(232,"app-icon",140),t()(),n(233,"h2"),e(234,"Sidebar"),t(),n(235,"p"),e(236,"Diese Icons stammen aus der Datei "),n(237,"code"),e(238,"icons-sidebar.svg"),t(),e(239,"."),t(),n(240,"section")(241,"div",9),r(242,"app-icon",141)(243,"app-icon",142)(244,"app-icon",143),t(),n(245,"div",144)(246,"div",145),r(247,"app-icon",146)(248,"app-icon",147)(249,"app-icon",148)(250,"app-icon",149),t(),n(251,"div",145),r(252,"app-icon",150)(253,"app-icon",151)(254,"app-icon",152),t(),n(255,"div",145),r(256,"app-icon",153)(257,"app-icon",154)(258,"app-icon",155),t(),n(259,"div",145),r(260,"app-icon",156)(261,"app-icon",157)(262,"app-icon",158)(263,"app-icon",159)(264,"app-icon",160)(265,"app-icon",161),t(),n(266,"div",145),r(267,"app-icon",162)(268,"app-icon",163)(269,"app-icon",164)(270,"app-icon",165)(271,"app-icon",166),t(),n(272,"div",145),r(273,"app-icon",167),t(),n(274,"div",145),r(275,"app-icon",168)(276,"app-icon",169)(277,"app-icon",170)(278,"app-icon",171)(279,"app-icon",172)(280,"app-icon",173)(281,"app-icon",174),t()()()),d&2&&(p(242),u("width",124)("height",37),p(),u("width",189)("height",37),p(),u("width",169)("height",37),p(3),u("width",42),p(5),u("width",42),p(4),u("width",42),p(4),u("width",42),p(7),u("width",42),p(6),u("width",42),p(2),u("width",42))},dependencies:[O],styles:["section[_ngcontent-%COMP%]:not(:last-child){margin-bottom:calc(var(--spacer) * 2)}p[_ngcontent-%COMP%]{margin-bottom:var(--spacer)}.icon-container[_ngcontent-%COMP%]{display:flex;gap:calc(var(--spacer) * 2);flex-wrap:wrap;align-items:center}.icon-container[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border:var(--border);align-items:center}.icon-container.small[_ngcontent-%COMP%] > app-icon[_ngcontent-%COMP%]{height:1rem;width:1rem}.sidebar[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap;cursor:pointer;margin-top:var(--spacer)}.sidebar[_ngcontent-%COMP%] .section[_ngcontent-%COMP%]{background-color:light-dark(var(--color-gray-medium),var(--color-input))}.sidebar[_ngcontent-%COMP%] .section[_ngcontent-%COMP%] app-icon[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;height:4rem;width:4rem}.sidebar[_ngcontent-%COMP%] .section[_ngcontent-%COMP%] app-icon[_ngcontent-%COMP%]:hover{background-color:var(--color-gray-sidebar)}.sidebar[_ngcontent-%COMP%] .section[_ngcontent-%COMP%] .child[_ngcontent-%COMP%]{color:#66809a;height:2.5rem;transition:none}.sidebar[_ngcontent-%COMP%] .section[_ngcontent-%COMP%] .child[_ngcontent-%COMP%]:hover{color:#fff}","nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
2#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();var ue=(()=>{class c{constructor(){this._router=_(x),this._tenantKey=localStorage.getItem(f)}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["ng-component"]],decls:51,vars:0,consts:[["type","button",3,"click"],[1,"active"],[1,"box"],["for","label"],["href","http://dinmedia.de/"],[1,"text-bold"],[1,"text-italic"],[1,"text-alert"],[1,"link"],[1,"link-text"],["href","https://www.dinmedia.de/de",1,"link"],["href","https://www.dinmedia.de/de",1,"link-text"]],template:function(d,i){d&1&&(o(0,"nav")(1,"ul")(2,"li")(3,"button",0),v("click",function(){return i.navigateTo()}),e(4,"Startseite"),a()(),o(5,"li",1)(6,"button",0),v("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),a()(),o(8,"li")(9,"button",0),v("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),a()(),o(11,"li")(12,"button",0),v("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),a()(),o(14,"li")(15,"button",0),v("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),a()(),o(17,"li")(18,"button",0),v("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),a()()()(),o(20,"h1"),e(21,"Typografie"),a(),o(22,"div",2)(23,"h1"),e(24,"h1 (24px, Bold, $primary-default)"),a(),o(25,"h2"),e(26,"h2 (21px, Bold, $primary-dark)"),a(),o(27,"h3"),e(28,"h3 (18px, Bold, $primary-dark)"),a(),o(29,"h4"),e(30,"h4 (18px, Bold, $primary-dark)"),a(),o(31,"label",3),e(32,"label (14px, $primary-dark)"),a(),o(33,"a",4),e(34,"a-tag (14px, Regular, $primary-dark)"),a(),o(35,"div",5),e(36,".text-bold (14px, Bold, $gray-text)"),a(),o(37,"div"),e(38,"default text (14px, Regular, $gray-text)"),a(),o(39,"div",6),e(40,".text-italic (14px, Regular, $gray-text)"),a(),o(41,"div",7),e(42,".text-alert (12px, Regular, $alert-default)"),a(),o(43,"div",8),e(44,".link (14px, Regular, $primary-dark)"),a(),o(45,"div",9),e(46,".link-text (14px, Regular, $primary-dark)"),a(),o(47,"a",10),e(48,"a.link (14px, Regular, $primary-dark)"),a(),o(49,"a",11),e(50,"a.link-text (14px, Regular, $primary-dark)"),a()())},styles:["nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
2#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();function be(c,ge){if(c&1&&e(0),c&2){let m=ge.item;j("",m.surname,", ",m.forename)}}var z=(()=>{class c{constructor(){this._router=_(x),this._tenantKey=localStorage.getItem(f)}navigateTo(m){m?this._router.navigate([`${this._tenantKey}/demo/${m}`]):this._router.navigate([`${this._tenantKey}/demo`])}static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275cmp=h({type:c,selectors:[["app-ui-demo"]],viewQuery:function(d,i){if(d&1&&N(le,5),d&2){let l;K(l=R())&&(i.menuAnimatedButtons=l.first)}},decls:96,vars:7,consts:[["tableCell",""],[1,"active"],["type","button",3,"click"],[1,"badges"],["type","shoppingcart"],["type","requested"],["type","ordered"],["type","delivered"],["type","declined"],[1,"box-shadows"],["id","box-shadow-large"],["id","box-shadow-medium"],["id","box-shadow-small"],[1,"box-info"],[1,"box-title"],[1,"box-content"],["type","button",1,"btn-primary-outline"],[1,"box-alert"],[1,"lock-reason"],[1,"label-with-colon"],["type","button",1,"btn-alert-outline"],[1,"box-warning"],[1,"tables"],["tableColumn","","columnText","sortable: true",3,"sortable"],["tableColumn","","columnText","sortable: false",3,"sortable"],["tableHeaderBackgroundColor","var(--color-alert-light)",3,"hasCheckboxColumn"],["tableColumn","","columnText","\xDCberwachung Aktualisierung: H, I, W"],["tableHeaderBackgroundColor","var(--color-purple-light)",3,"hasCheckboxColumn"],["tableColumn","","columnText","\xDCberwachung Aktualisierung: P, Dokumentart: PR"],["tableHeaderBackgroundColor","var(--color-orange-light)",3,"hasCheckboxColumn"],["tableColumn","","columnText","\xDCberwachung Aktualisierung: A, M, R"],["tableHeaderBackgroundColor","var(--color-success-light)",3,"hasCheckboxColumn"],["tableColumn","","columnText","\xDCberwachung Aktualisierung: N"],["tableHeaderBackgroundColor","var(--color-primary-light)",3,"hasCheckboxColumn"],["tableColumn","","columnText","\xDCberwachung Aktualisierung: C"]],template:function(d,i){d&1&&(n(0,"nav")(1,"ul")(2,"li",1)(3,"button",2),s("click",function(){return i.navigateTo()}),e(4,"Startseite"),t()(),n(5,"li")(6,"button",2),s("click",function(){return i.navigateTo("typo")}),e(7,"Typografie"),t()(),n(8,"li")(9,"button",2),s("click",function(){return i.navigateTo("colors")}),e(10,"Farben"),t()(),n(11,"li")(12,"button",2),s("click",function(){return i.navigateTo("buttons")}),e(13,"Buttons"),t()(),n(14,"li")(15,"button",2),s("click",function(){return i.navigateTo("forms")}),e(16,"Formulare"),t()(),n(17,"li")(18,"button",2),s("click",function(){return i.navigateTo("icons")}),e(19,"Icons"),t()()()(),n(20,"h1"),e(21,"Demo Seite"),t(),n(22,"p"),e(23,` Komponenten- und Stil\xFCbersicht \u2013 Entdecke alle UI-Elemente, deren Variationen und Anpassungsoptionen in unserer Anwendung. 3`),t(),n(24,"h2"),e(25,"Bestellstatus"),t(),n(26,"section",3),r(27,"app-status-badge",4)(28,"app-status-badge",5)(29,"app-status-badge",6)(30,"app-status-badge",7)(31,"app-status-badge",8),t(),n(32,"h2"),e(33,"Box-shadow"),t(),n(34,"div",9)(35,"div",10),e(36,"box-shadow: large"),t(),n(37,"div",11),e(38,"box-shadow: medium"),t(),n(39,"div",12),e(40,"box-shadow: small"),t(),n(41,"div"),e(42,"without box-shadow"),t()(),n(43,"h2"),e(44,"Info- & Alerting Boxes"),t(),n(45,"div",13)(46,"p",14),e(47,"Info-Box"),t(),n(48,"div",15)(49,"p"),e(50," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. "),t(),n(51,"button",16)(52,"span"),e(53,"Lorem ipsum"),t()()()(),n(54,"div",17)(55,"p",14),e(56,"Alerting-Box"),t(),n(57,"div",15)(58,"div")(59,"span"),e(60,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr"),t(),n(61,"div",18)(62,"span",19),e(63,"Lorem ipsum dolor sit amet"),t(),n(64,"span"),e(65,"Lorem ipsum dolor sit amet"),t()()(),n(66,"button",20)(67,"span"),e(68,"Lorem ipsum"),t()()()(),n(69,"div",21)(70,"p",14),e(71,"Warning-Box"),t(),n(72,"p",15),e(73," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. "),t()(),n(74,"h2"),e(75,"Table"),t(),n(76,"section",22)(77,"h3"),e(78,"Standard-Tabellenheader"),t(),n(79,"a
3pp-table")(80,"div",23),q(81,be,1,2,"ng-template",null,0,U),t(),r(83,"div",24),t(),n(84,"h3"),e(85,"Benutzerdefinierte Tabellenheader"),t(),n(86,"app-table",25),r(87,"div",26),t(),n(88,"app-table",27),r(89,"div",28),t(),n(90,"app-table",29),r(91,"div",30),t(),n(92,"app-table",31),r(93,"div",32),t(),n(94,"app-table",33),r(95,"div",34),t()()),d&2&&(p(80),u("sortable",!0),p(3),u("sortable",!1),p(3),u("hasCheckboxColumn",!1),p(2),u("hasCheckboxColumn",!1),p(2),u("hasCheckboxColumn",!1),p(2),u("hasCheckboxColumn",!1),p(2),u("hasCheckboxColumn",!1))},dependencies:[T,se,ie,ce],styles:["nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;justify-content:center;gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 2)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style-type:none}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.active[_ngcontent-%COMP%]{border-bottom:5px solid var(--color-primary);color:var(--color-primary)}nav[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{border-bottom:5px solid transparent;color:var(--color-primary-dark);cursor:pointer;font-family:var(--font-family-bold);font-size:var(--font-size-h3)}h1[_ngcontent-%COMP%]{margin-bottom:calc(var(--spacer) * 2)}h2[_ngcontent-%COMP%]{border-bottom:var(--border);margin-block:calc(var(--spacer) * 2) var(--spacer);padding-bottom:var(--spacer)}.box-shadows[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.box-shadows[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{background-color:var(--color-gray-light);flex:1;justify-content:center;padding:var(--spacer)}#box-shadow-small[_ngcontent-%COMP%]{box-shadow:0 1px 2px #00000040}
3#box-shadow-medium[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000040;font-size:var(--font-size-h3)}#box-shadow-large[_ngcontent-%COMP%]{box-shadow:0 4px 10px #00000059;font-size:var(--font-size-h2)}.box[_ngcontent-%COMP%]{display:flex;gap:var(--spacer);flex-wrap:wrap}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{border-radius:var(--border-radius);border:var(--border);padding:calc(var(--spacer) / 2);width:calc(50% - 20px)}.box[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:nth-child(2n){margin-right:0}.box[_ngcontent-%COMP%] .text-alert[_ngcontent-%COMP%]{position:unset}.badges[_ngcontent-%COMP%]{display:flex;gap:var(--spacer)}.tables[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--spacer)}"]})}}return c})();var ve=[{path:"",children:[{path:"",canActivate:[me],component:z,data:{permissions:[W.SETTINGS]}},{path:"buttons",component:F},{path:"colors",component:pe},{path:"forms",component:I},{path:"icons",component:B},{path:"typo",component:ue}]}],_t=(()=>{class c{static{this.\u0275fac=function(d){return new(d||c)}}static{this.\u0275mod=V({type:c})}static{this.\u0275inj=L({imports:[$.forChild(ve),z,F,I,B]})}}return c})();export{_t as UiDemoModule};
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.