UNPKG

@logo-software/tree

Version:

A tree view represents a hierarchical view of information, where each item can have a number of subitems.

elements.logo.com.tr

31 lines • 25.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
!function(o,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common/http"),require("@angular/router"),require("@angular/common")):"function"==typeof define&&define.amd?define("@logo-software/tree",["exports","@angular/core","@angular/common/http","@angular/router","@angular/common"],t):t(((o="undefined"!=typeof globalThis?globalThis:o||self)["logo-software"]=o["logo-software"]||{},o["logo-software"].tree={}),o.ng.core,o.ng.common.http,o.ng.router,o.ng.common)}(this,(function(o,t,r,e,a){"use strict"; /** * @license * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved. * * Save to the extent permitted by law, you may not use, copy, modify, * distribute or create derivative works of this material or any part * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited. * Any reproduction of this material must contain this notice. */var n=function(){function o(o,r){this.elem=o,this.http=r,this.group=!1,this.classes="",this.iconClasses="",this.items=[],this.start=0,this.paddingLeft=30,this.roles=[],this.itemClick=new t.EventEmitter,this.categoryClick=new t.EventEmitter,this.routeItemActivated=new t.EventEmitter,this.itemCheckChange=new t.EventEmitter,this._level=0}return Object.defineProperty(o.prototype,"level",{get:function(){return this._level},set:function(o){++o,this._level=o},enumerable:!1,configurable:!0}),o.prototype.ngOnInit=function(){this.elementId||(this.elementId=this.generateElementId())},o.prototype.generateElementId=function(){return String.fromCharCode(Math.floor(26*Math.random())+97)+Math.random().toString(16).slice(2)+Date.now().toString(16).slice(4)},o.prototype.open=function(o){this.recursiveParent(o.element.nativeElement)},o.prototype.recursiveParent=function(o){var t=o.closest("ul").closest("li");t&&(t.querySelector("input").checked=!0,this.recursiveParent(t))},o.prototype.getMenuList=function(){var o=this;this.http.request(this.request).subscribe((function(t){return o.onSuccessHandler(t)}))},o.prototype.onSuccessHandler=function(o){this.items=o.body.children},o.prototype.htmlItemOnClick=function(o,t){event&&(event.cancelBubble=!0,event.stopPropagation()),this.$onItemClick(o)},o.prototype.$onItemClick=function(o){this.itemClick.emit(o)},o.prototype.$onItemCheckChange=function(o){this.itemCheckChange.emit(o)},o.prototype.htmlCategoryOnClick=function(o,t){event&&(event.cancelBubble=!0,event.stopPropagation()),this.$onCategoryClick(o)},o.prototype.$onCategoryClick=function(o){this.categoryClick.emit(o)},o.prototype.htmlSetPadding=function(o,t){var r=Number(o)-(this.group?1:0),e=r<=0?0:r*this.paddingLeft+"px";return o>=t?e:this.paddingLeft+"px"},o.prototype.componentSetPadding=function(o,t){var r=this.htmlSetPadding(o,t).toString().replace("px","");return Math.floor(Number(r))+"px"},o.prototype.onRouteItemActivated=function(o){this.routeItemActivated.emit(o)},o.prototype.setPadding=function(o){void 0===o&&(o=0),this.paddingLeft=o},o}();n.decorators=[{type:t.Component,args:[{selector:"logo-tree",template:'\x3c!--\n/**\n * @license\n * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved.\n *\n * Save to the extent permitted by law, you may not use, copy, modify,\n * distribute or create derivative works of this material or any part\n * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited.\n * Any reproduction of this material must contain this notice.\n */\n--\x3e\n<ul [ngClass]="{\'top-level-tree\' : level == start}">\n <ng-container *ngFor="let item of items; let i = index; let lst=last">\n \x3c!--div class="emitter">emit</div--\x3e\n <ng-container *ngIf="item.children && item.children.length >= 0;">\n <li class="level-{{level}} tree-category {{classes}} {{item.group ? \'group\': \'\'}}">\n <ng-container *ngIf="level >= start">\n <input [checked]="item.isOpen" hidden class="opener" id="{{elementId}}{{i}}" type="checkbox"/>\n <div class="label label-category{{item.group ? \' label-group\': \'\'}}{{item.isActive ? \' router-link-active\':\'\'}}" [style.paddingLeft]="htmlSetPadding(level, start)">\n <div class="arrow ghost primary small le-chevron_right" (click)="htmlCategoryOnClick(item)"></div>\n <div class="label-items" (click)="htmlItemOnClick(item)">\n <input\n *ngIf="item.optional"\n [checked]="false"\n disabled\n id="tree-option-{{elementId}}-{{i}}"\n type="checkbox"\n />\n <span *ngIf="!!item.iconPath && !item.optional" [ngClass]="item.iconClasses" class="{{iconClasses}} item-icon">\n <img *ngIf="!!item.iconPath && !item.optional" src="{{item.iconPath}}"/>\n </span>\n <span class="title">{{item.name}}</span>\n </div>\n <label\n [style.paddingLeft]="htmlSetPadding(level, start)"\n for="{{elementId}}{{i}}"\n >\n </label>\n </div>\n </ng-container>\n <logo-tree\n (categoryClick)="$onCategoryClick($event)"\n (itemClick)="$onItemClick($event)"\n (routeItemActivated)="onRouteItemActivated($event)"\n [classes]="classes"\n [group]="item.group"\n [iconClasses]="iconClasses"\n [items]="item.children"\n [level]="level + (item.group ? 1 : 0)"\n [ngClass]="{\'show\': level < start}"\n [paddingLeft]="paddingLeft"\n [request]="request"\n [roles]="roles"\n [start]="level"\n class="children"\n >\n </logo-tree>\n </li>\n </ng-container>\n <ng-container *ngIf="!item.children">\n <li class="tree-link {{classes}}">\n <input *ngIf="item.optional" (change)="$onItemCheckChange(item)" class="selector" id="option-{{elementId}}-{{i}}" type="checkbox">\n <label\n (click)="htmlItemOnClick(item)"\n class="label label-link"\n for="{{elementId}}{{i}}"\n [style.paddingLeft]="htmlSetPadding(level, start)"\n [ngClass]="{\'check-active\': item.optional, \'router-link-active\': item.isActive }"\n >\n <div class="arrow ghost small le-chevron_right no-children-item"></div>\n <span *ngIf="!!item.iconPath && !item.optional" [ngClass]="item.iconClasses" class="{{iconClasses}} item-icon">\n <img *ngIf="!!item.iconPath" src="{{item.iconPath}}"/>\n </span>\n <ng-container *ngIf="item.noLink; else withLink">\n <a\n [fragment]="item.fragment? item.fragment : \'\'"\n [queryParams]="item.params ? item.params: {}"\n [routerLink]="item.link ? [item.link] : []"\n class="none"\n ></a>\n <span class="title">{{item.name}}</span>\n </ng-container>\n <ng-template #withLink>\n <a\n [fragment]="item.fragment? item.fragment : \'\'"\n [queryParams]="item.params ? item.params: {}"\n [routerLink]="item.link ? [item.link] : []"\n >\n {{item.name}}\n </a>\n </ng-template>\n </label>\n </li>\n </ng-container>\n </ng-container>\n</ul>\n\n',styles:["[class*=\" le-\"],[class^=le-]{position:relative;height:100%}[class*=\" le-\"]:before,[class^=le-]:before{height:100%;top:0;-webkit-mask-size:14px;mask-size:14px}.le-arrow_right:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='arrow_right'%3E %3Cpath id='Shape' fill-rule='evenodd' clip-rule='evenodd' d='M14.5713 12C14.5713 11.8762 14.5351 11.7657 14.4628 11.6686L14.4017 11.5982L10.4017 7.59823C10.2886 7.48514 10.1547 7.42859 9.9999 7.42859C9.84513 7.42859 9.7112 7.48514 9.59811 7.59823C9.50763 7.68871 9.45335 7.79252 9.43525 7.90966L9.42847 8.00002V16C9.42847 16.1548 9.48501 16.2887 9.59811 16.4018C9.7112 16.5149 9.84513 16.5714 9.9999 16.5714C10.1237 16.5714 10.2342 16.5353 10.3313 16.4629L10.4017 16.4018L14.4017 12.4018C14.5148 12.2887 14.5713 12.1548 14.5713 12Z' fill='%235A5A5A'/%3E %3C/g%3E %3C/svg%3E\");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;display:inline-block;content:\"\";position:absolute;background:currentColor}.dotted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-tooltip .tip.on-bottom:after,.logo-tooltip .tip.on-top:after{border-left:7px solid transparent;border-right:7px solid transparent}.logo-tooltip .tip.on-left:after,.logo-tooltip .tip.on-right:after{border-top:7px solid transparent;border-bottom:7px solid transparent}.logo-tooltip{position:relative;color:#e94a34;cursor:pointer}.logo-tooltip .tip{position:absolute;width:180px;color:#fff;font-size:14px;font-style:normal;line-height:1.4;text-align:center;border-radius:3px;background:#333;padding:8px 12px;box-sizing:border-box;cursor:auto;z-index:10;opacity:0;visibility:hidden;transition:all .25s ease-in}.logo-tooltip .tip:after{position:absolute;width:0;height:0;content:\"\"}.logo-tooltip .tip.on-top{bottom:25px;left:0}.logo-tooltip .tip.on-top:after{bottom:-7px;left:10px;border-top:7px solid #333}.logo-tooltip .tip.on-right{top:-5px;left:103%}.logo-tooltip .tip.on-right:after{top:37%;left:-7px;border-right:7px solid #333}.logo-tooltip .tip.on-bottom{top:25px;left:0}.logo-tooltip .tip.on-bottom:after{top:-7px;left:10px;border-bottom:7px solid #333}.logo-tooltip .tip.on-left{top:-100%;right:103%}.logo-tooltip .tip.on-left:after{top:37%;right:-7px;border-left:7px solid #333}.logo-tooltip:hover .tip{opacity:1;visibility:visible}.logo-tooltip:hover .tip.on-top{transform:translateY(-15px)}.logo-tooltip:hover .tip.on-right{transform:translateX(15px)}.logo-tooltip:hover .tip.on-bottom{transform:translateY(15px)}.logo-tooltip:hover .tip.on-left{transform:translateX(-15px)}.test{content:\"a\";content:\"ba\";content:\"aa\";content:\"aade\";content:\"abde\"}:root .basic,:root .gray,:root .secondary{color:var(--leds-contrast-90pct)}:root .danger,:root .info,:root .success,:root .warning{color:var(--white)}:root .outline.primary,:root .outline.primary:active,:root .outline.primary:focus,:root .outline.primary:hover{border-color:var(--light-600)}:root .outline.primary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--primary)}:root .outline.primary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--primary)}:root .outline.primary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--primary)}:root .outline.secondary{color:var(--leds-contrast-90pct)}:root .outline.secondary,:root .outline.secondary:active,:root .outline.secondary:focus,:root .outline.secondary:hover{border-color:var(--light-600)}:root .outline.secondary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.secondary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.secondary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.basic{color:var(--leds-contrast-90pct)}:root .outline.basic,:root .outline.basic:active,:root .outline.basic:focus,:root .outline.basic:hover{border-color:var(--light-600)}:root .outline.basic:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.basic:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.basic:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.neutral,:root .outline.neutral:active,:root .outline.neutral:focus,:root .outline.neutral:hover{border-color:var(--light-600)}:root .outline.neutral:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--neutral)}:root .outline.neutral:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--neutral)}:root .outline.neutral:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--neutral)}:root .outline.light{border-color:rgba(var(--light-rgb),.5)}:root .outline.light:active,:root .outline.light:focus,:root .outline.light:hover{border-color:var(--light)}:root .outline.light:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--white)}:root .outline.light:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--white)}:root .outline.light:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--white)}:root .outline.dark,:root .outline.dark:active,:root .outline.dark:focus,:root .outline.dark:hover{border-color:var(--light-600)}:root .outline.dark:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--dark)}:root .outline.dark:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--dark)}:root .outline.dark:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--dark)}:root .outline.gray{color:var(--leds-contrast-90pct)}:root .outline.gray,:root .outline.gray:active,:root .outline.gray:focus,:root .outline.gray:hover{border-color:var(--light-600)}:root .outline.gray:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.gray:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.gray:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.info{color:var(--info)}:root .outline.info,:root .outline.info:active,:root .outline.info:focus,:root .outline.info:hover{border-color:var(--light-600)}:root .outline.info:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--info)}:root .outline.info:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--info)}:root .outline.info:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--info)}:root .outline.danger{color:var(--danger)}:root .outline.danger,:root .outline.danger:active,:root .outline.danger:focus,:root .outline.danger:hover{border-color:var(--light-600)}:root .outline.danger:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--danger)}:root .outline.danger:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--danger)}:root .outline.danger:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--danger)}:root .outline.warning{color:var(--warning)}:root .outline.warning,:root .outline.warning:active,:root .outline.warning:focus,:root .outline.warning:hover{border-color:var(--light-600)}:root .outline.warning:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--warning)}:root .outline.warning:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--warning)}:root .outline.warning:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--warning)}:root .outline.success{color:var(--success)}:root .outline.success,:root .outline.success:active,:root .outline.success:focus,:root .outline.success:hover{border-color:var(--light-600)}:root .outline.success:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--success)}:root .outline.success:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--success)}:root .outline.success:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--success)}:root .ghost.primary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--primary)}:root .ghost.primary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--primary)}:root .ghost.primary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--primary)}:root .ghost.secondary,:root .ghost.secondary:hover{color:var(--leds-contrast-90pct)}:root .ghost.secondary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.secondary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.secondary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus))}:root .ghost.basic,:root .ghost.basic:hover,:root .ghost.secondary:focus{color:var(--leds-contrast-90pct)}:root .ghost.basic:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.basic:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.basic:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .ghost.neutral:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--neutral)}:root .ghost.neutral:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--neutral)}:root .ghost.neutral:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--neutral)}:root .ghost.light:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--white)}:root .ghost.light:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--white)}:root .ghost.light:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--white)}:root .ghost.dark:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--dark)}:root .ghost.dark:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--dark)}:root .ghost.dark:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--dark)}:root .ghost.gray,:root .ghost.gray:hover{color:var(--leds-contrast-90pct)}:root .ghost.gray:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.gray:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.gray:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .ghost.info{color:var(--info)}:root .ghost.info:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--info)}:root .ghost.info:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--info)}:root .ghost.info:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--info)}:root .ghost.danger{color:var(--danger)}:root .ghost.danger:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--danger)}:root .ghost.danger:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--danger)}:root .ghost.danger:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--danger)}:root .ghost.warning{color:var(--warning)}:root .ghost.warning:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--warning)}:root .ghost.warning:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--warning)}:root .ghost.warning:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--warning)}:root .ghost.success{color:var(--success)}:root .ghost.success:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--success)}:root .ghost.success:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--success)}:root .ghost.success:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--success)}::ng-deep :root{--tree-font-color:var(--leds-contrast-90pct);--tree-item-active-background-color:var(--leds-contrast-5pct);--tree-item-hover-background-color:var(--leds-contrast-5pct);--tree-item-focus-background-color:var(--leds-contrast-5pct)}:host{display:block;padding:0;margin:0;font-family:Nunito Sans!important;opacity:1;transition:all .5s ease-out;overflow-y:auto;overflow-x:hidden;height:100%;box-sizing:border-box}:host ul{list-style:none;padding:0}:host ul li{position:relative;box-sizing:border-box}:host ul li.group .label-group{background-color:var(--leds-contrast-5pct)}:host ul li .selector{position:absolute;z-index:1;top:8px}:host ul li .label{display:flex;color:var(--leds-contrast-90pct);padding:4px;font-size:16px!important;min-height:38px;box-sizing:border-box;align-items:center;border-radius:4px;justify-content:space-between;cursor:auto;position:relative}:host ul li .label:focus,:host ul li .label:focus-within,:host ul li .label:hover{background-color:var(--leds-contrast-5pct);transition:color .1s ease-in}:host ul li .label.router-link-active{background-color:var(--leds-contrast-5pct)}:host ul li .label.router-link-active a{font-weight:700!important}:host ul li .label.check-active a{margin-left:15px}:host ul li .label .arrow{margin-left:4px;border-radius:4px}:host ul li .label .arrow:before{top:-1px}:host ul li .label .arrow.no-children-item{opacity:.15}:host ul li .label .label-items{display:flex;align-items:center;justify-content:flex-start;flex-grow:1;padding-left:4px;cursor:pointer}:host ul li .label .label-items .title{display:block;text-overflow:ellipsis;overflow:hidden;margin-top:0}:host ul li .label a{width:100%;color:var(--leds-contrast-90pct);text-decoration:none;padding-left:4px;cursor:pointer;line-height:normal;font-size:16px!important}:host ul li .label a.none{position:absolute;display:inline-block;width:0;height:0;overflow:hidden;opacity:0;visibility:hidden;top:0;left:0}:host ul li .label label{position:absolute;z-index:1;display:inline-block;width:36px;height:36px;top:1px;left:0}:host ul li logo-tree{height:100%;max-height:0;opacity:0;transition:all .5s ease-out;overflow:hidden}:host ul li logo-tree.show{max-height:max-content;opacity:1;padding-left:0;transition:all .5s ease-out}:host ul li .opener[type=checkbox]:checked+.label>div.arrow{transform:rotate(90deg)}:host ul li .opener[type=checkbox]:checked+.label+logo-tree{max-height:max-content;opacity:1;transition:all .5s ease-out}:host .emitter{background:rgba(200,20,20,.1);width:100%;height:48px}:host .item-icon{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;display:inline-block;width:30px;height:30px}"]}]}],n.ctorParameters=function(){return[{type:t.ElementRef},{type:r.HttpClient}]},n.propDecorators={group:[{type:t.Input}],classes:[{type:t.Input}],iconClasses:[{type:t.Input}],items:[{type:t.Input}],start:[{type:t.Input}],paddingLeft:[{type:t.Input}],request:[{type:t.Input}],roles:[{type:t.Input}],itemClick:[{type:t.Output}],categoryClick:[{type:t.Output}],routeItemActivated:[{type:t.Output}],itemCheckChange:[{type:t.Output}],elementId:[{type:t.Input}],level:[{type:t.Input,args:["level"]}]}; /** * @license * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved. * * Save to the extent permitted by law, you may not use, copy, modify, * distribute or create derivative works of this material or any part * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited. * Any reproduction of this material must contain this notice. */ var i=function(){function o(o){var r=this;this.router=o,this.isActiveRouteEmitter=new t.EventEmitter,this.subscription=this.router.events.subscribe((function(o){o instanceof e.NavigationEnd&&r.update()}))}return o.prototype.ngAfterContentInit=function(){this.update()},o.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},o.prototype.update=function(){var o=this;Promise.resolve().then((function(){o.isActiveRoute&&o.isActiveRoute.isActive&&o.isActiveRouteEmitter.emit(o.isActiveRoute)}))},o}();i.decorators=[{type:t.Directive,args:[{selector:"[isActiveRoute]"}]}],i.ctorParameters=function(){return[{type:e.Router}]},i.propDecorators={isActiveRoute:[{type:t.Input}],isActiveRouteEmitter:[{type:t.Output}]}; /** * @license * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved. * * Save to the extent permitted by law, you may not use, copy, modify, * distribute or create derivative works of this material or any part * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited. * Any reproduction of this material must contain this notice. */ var l=function(o,t){if(this.http=t,!t)throw new Error("You need to import the HttpClientModule in your AppModule! \nSee also https://github.com/angular/angular/issues/20575")};l.decorators=[{type:t.NgModule,args:[{imports:[a.CommonModule,e.RouterModule],declarations:[n,i],exports:[n],providers:[]}]}],l.ctorParameters=function(){return[{type:l,decorators:[{type:t.Optional},{type:t.SkipSelf}]},{type:r.HttpClient,decorators:[{type:t.Optional}]}]},o.IsActiveRouteDirective=i,o.TreeComponent=n,o.TreeModule=l,Object.defineProperty(o,"__esModule",{value:!0})})); //# sourceMappingURL=logo-software-tree.umd.min.js.map