@stratusjs/angular 0.2.91 → 0.2.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/data/contact-meta.interface.ts +1 -1
  3. package/src/media-selector/media-selector.component.html +32 -45
  4. package/src/media-selector/media-selector.component.min.html +1 -1
  5. package/src/media-selector/media-selector.horizontal.component.html +1 -1
  6. package/src/selector/selector-autocomplete.component.html +3 -3
  7. package/src/tree/legacy/tree.nested.component.html +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stratusjs/angular",
3
- "version": "0.2.91",
3
+ "version": "0.2.92",
4
4
  "description": "This is the angular package for StratusJS.",
5
5
  "scripts": {},
6
6
  "repository": {
package/src/data/contact-meta.interface.ts CHANGED
@@ -198,7 +198,7 @@ export interface Options {
198
198
  signup: string
199
199
  }
200
200
  export interface RowAttributes {
201
- 'ng-if': string
201
+ 'data-ng-if': string
202
202
  }
203
203
  export interface Attributes {
204
204
  rows: number
package/src/media-selector/media-selector.component.html CHANGED
@@ -91,7 +91,7 @@
91
91
  <span class="file-type uppercase"
92
92
  [innerText]="_.get(selectedModel, 'extension') || _.get(selectedModel, 'service') || (_.get(selectedModel, '_embedCode') ? 'Embedded Video' : '')">
93
93
  </span>
94
- <!-- TODO: evaluate the possibility of an ng-container here instead -->
94
+ <!-- TODO: evaluate the possibility of an data-ng-container here instead -->
95
95
  <span class="delimiter"
96
96
  *ngIf="_.get(selectedModel, 'bytesHuman') && _.get(selectedModel, 'bytesHuman') !== 'Empty'"></span>
97
97
  <span class="file-size"
@@ -103,50 +103,37 @@
103
103
  </p>
104
104
  <div class="position-action-area">
105
105
  <div class="action-btns">
106
- <!--md-grid-list md-cols="2" md-row-height="1:1" md-gutter-gt-md="8px" md-gutter="6px"-->
107
- <div>
108
- <div (click)="showDetails(selectedModel)">
109
- <a class="border-radius-default"
110
- href="#"
111
- matTooltip="Show details">
112
- <!--<md-tooltip>Show details</md-tooltip>-->
113
- <mat-icon class="info-icon"
114
- svgIcon="media_selector_info"
115
- aria-hidden="true"
116
- aria-label="Info">
117
- Info
118
- </mat-icon>
119
- </a>
120
- </div>
121
- <!--md-grid-tile-->
122
- <!--<div (click)="!isSelector ? deleteMedia(selectedModel) : removeFromSelected(_.get(selectedModel, 'id'))">-->
123
- <div (click)="remove(selectedModel)">
124
- <a class="border-radius-default"
125
- href="#"
126
- matTooltip="Permanently delete from libary"
127
- *ngIf="!isSelector">
128
- <!--<md-tooltip>Permanently delete from libary</md-tooltip>-->
129
- <mat-icon class="delete-icon"
130
- svgIcon="media_selector_delete"
131
- aria-hidden="true"
132
- aria-label="Delete">
133
- Delete
134
- </mat-icon>
135
- </a>
136
- <a class="border-radius-default"
137
- href="#"
138
- matTooltip="Remove selection"
139
- *ngIf="isSelector">
140
- <!--<md-tooltip>Remove selection</md-tooltip>-->
141
- <mat-icon class="clear-icon"
142
- svgIcon="media_selector_clear"
143
- aria-hidden="true"
144
- aria-label="Clear">
145
- Clear
146
- </mat-icon>
147
- </a>
148
- </div>
149
- </div>
106
+ <span (click)="showDetails(selectedModel)">
107
+ <a class="border-radius-default"
108
+ href="#"
109
+ [matTooltip]="'Show Details - ' + _.get(selectedModel, 'name')">
110
+ <!--<md-tooltip>Show details</md-tooltip>-->
111
+ <mat-icon class="info-icon"
112
+ svgIcon="media_selector_info"
113
+ aria-hidden="true"
114
+ aria-label="Info"></mat-icon>
115
+ </a>
116
+ </span>
117
+ <span (click)="remove(selectedModel)">
118
+ <a class="border-radius-default"
119
+ href="#"
120
+ matTooltip="Permanently Delete from Libary"
121
+ *ngIf="!isSelector">
122
+ <mat-icon class="delete-icon"
123
+ svgIcon="media_selector_delete"
124
+ aria-hidden="true"
125
+ aria-label="Delete"></mat-icon>
126
+ </a>
127
+ <a class="border-radius-default"
128
+ href="#"
129
+ matTooltip="Remove Selection"
130
+ *ngIf="isSelector">
131
+ <mat-icon class="clear-icon"
132
+ svgIcon="media_selector_clear"
133
+ aria-hidden="true"
134
+ aria-label="Clear"></mat-icon>
135
+ </a>
136
+ </span>
150
137
  </div>
151
138
  </div>
152
139
  </div>
package/src/media-selector/media-selector.component.min.html CHANGED
@@ -11,4 +11,4 @@
11
11
  && !_.get(selectedModel, 'mime').includes('audio')
12
12
  && !_.get(selectedModel, 'mime').includes('application')
13
13
  )
14
- }" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbnailUrl') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"><div class="thumb-gradient">&nbsp;</div><h4 *ngIf="!_.get(selectedModel, '_thumbnailUrl') && !_.get(selectedModel, 'bestImage.thumb') && !_.get(selectedModel, 'meta.thumbnail_small')" class="thumb-title position-center" [innerText]="_.get(selectedModel, 'name')"></h4><div class="thumb-icon"><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('image')" svgIcon="media_selector_image" aria-hidden="true" aria-label="Image">Image</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('video')" svgIcon="media_selector_video" aria-hidden="true" aria-label="Video">Video</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('audio')" svgIcon="media_selector_audio" aria-hidden="true" aria-label="Audio">Audio</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('document')" svgIcon="media_selector_document" aria-hidden="true" aria-label="Document">Document</mat-icon></div></div><div class="info-hover-container" (mouseover)="hovering=true" (mouseout)="hovering=false"><div class="border-radius-default image-hover-info" layout="column" layout-align="space-between center"><div class="format-size"><div class="small-all-caps file-details"><span class="file-type uppercase" [innerText]="_.get(selectedModel, 'extension') || _.get(selectedModel, 'service') || (_.get(selectedModel, '_embedCode') ? 'Embedded Video' : '')"></span><span class="delimiter" *ngIf="_.get(selectedModel, 'bytesHuman') && _.get(selectedModel, 'bytesHuman') !== 'Empty'"></span> <span class="file-size" [innerText]="(_.get(selectedModel, 'bytesHuman') && _.get(selectedModel, 'bytesHuman') !== 'Empty') ? _.get(selectedModel, 'bytesHuman') : ''"></span></div></div><p class="font-body image-title" [innerText]="_.get(selectedModel, 'name') || 'No title'"></p><div class="position-action-area"><div class="action-btns"><div><div (click)="showDetails(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Show details"><mat-icon class="info-icon" svgIcon="media_selector_info" aria-hidden="true" aria-label="Info">Info</mat-icon></a></div><div (click)="remove(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Permanently delete from libary" *ngIf="!isSelector"><mat-icon class="delete-icon" svgIcon="media_selector_delete" aria-hidden="true" aria-label="Delete">Delete</mat-icon></a><a class="border-radius-default" href="#" matTooltip="Remove selection" *ngIf="isSelector"><mat-icon class="clear-icon" svgIcon="media_selector_clear" aria-hidden="true" aria-label="Clear">Clear</mat-icon></a></div></div></div></div></div></div></div></div></div><div class="media-selected-list media-selected-list-grid"><div class="library-toggle media-selected-box media-selected-box-grid"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><div aria-hidden="true"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center">Close Library</div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></a></div></div></div></div></div>
14
+ }" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbnailUrl') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"><div class="thumb-gradient">&nbsp;</div><h4 *ngIf="!_.get(selectedModel, '_thumbnailUrl') && !_.get(selectedModel, 'bestImage.thumb') && !_.get(selectedModel, 'meta.thumbnail_small')" class="thumb-title position-center" [innerText]="_.get(selectedModel, 'name')"></h4><div class="thumb-icon"><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('image')" svgIcon="media_selector_image" aria-hidden="true" aria-label="Image">Image</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('video')" svgIcon="media_selector_video" aria-hidden="true" aria-label="Video">Video</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('audio')" svgIcon="media_selector_audio" aria-hidden="true" aria-label="Audio">Audio</mat-icon><mat-icon *ngIf="_.get(selectedModel, 'mime') && _.get(selectedModel, 'mime').includes('document')" svgIcon="media_selector_document" aria-hidden="true" aria-label="Document">Document</mat-icon></div></div><div class="info-hover-container" (mouseover)="hovering=true" (mouseout)="hovering=false"><div class="border-radius-default image-hover-info" layout="column" layout-align="space-between center"><div class="format-size"><div class="small-all-caps file-details"><span class="file-type uppercase" [innerText]="_.get(selectedModel, 'extension') || _.get(selectedModel, 'service') || (_.get(selectedModel, '_embedCode') ? 'Embedded Video' : '')"></span><span class="delimiter" *ngIf="_.get(selectedModel, 'bytesHuman') && _.get(selectedModel, 'bytesHuman') !== 'Empty'"></span> <span class="file-size" [innerText]="(_.get(selectedModel, 'bytesHuman') && _.get(selectedModel, 'bytesHuman') !== 'Empty') ? _.get(selectedModel, 'bytesHuman') : ''"></span></div></div><p class="font-body image-title" [innerText]="_.get(selectedModel, 'name') || 'No title'"></p><div class="position-action-area"><div class="action-btns"><span (click)="showDetails(selectedModel)"><a class="border-radius-default" href="#" [matTooltip]="'Show Details - ' + _.get(selectedModel, 'name')"><mat-icon class="info-icon" svgIcon="media_selector_info" aria-hidden="true" aria-label="Info"></mat-icon></a></span><span (click)="remove(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Permanently Delete from Libary" *ngIf="!isSelector"><mat-icon class="delete-icon" svgIcon="media_selector_delete" aria-hidden="true" aria-label="Delete"></mat-icon></a><a class="border-radius-default" href="#" matTooltip="Remove Selection" *ngIf="isSelector"><mat-icon class="clear-icon" svgIcon="media_selector_clear" aria-hidden="true" aria-label="Clear"></mat-icon></a></span></div></div></div></div></div></div></div><div class="media-selected-list media-selected-list-grid"><div class="library-toggle media-selected-box media-selected-box-grid"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><div aria-hidden="true"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center">Close Library</div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></a></div></div></div></div></div>
package/src/media-selector/media-selector.horizontal.component.html CHANGED
@@ -84,7 +84,7 @@
84
84
  <span class="file-type uppercase"
85
85
  [innerText]="selectedModel.extension || selectedModel.service || (selectedModel._embedCode ? 'Embedded Video' : '')">
86
86
  </span>
87
- <!-- TODO: evaluate the possibility of an ng-container here instead -->
87
+ <!-- TODO: evaluate the possibility of an data-ng-container here instead -->
88
88
  <span class="delimiter"
89
89
  *ngIf="selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty'"></span>
90
90
  <span class="file-size"
package/src/selector/selector-autocomplete.component.html CHANGED
@@ -4,7 +4,7 @@
4
4
  due to styling.
5
5
  -->
6
6
 
7
- <!-- ng-disabled="itemDisabled = isSelected(model)" -->
7
+ <!-- data-ng-disabled="itemDisabled = isSelected(model)" -->
8
8
  <div class="autocomplete-option"
9
9
  [class]="model.contentType.class"
10
10
  [class.selected]="isSelected(model)">
@@ -57,8 +57,8 @@
57
57
  aria-hidden="true"
58
58
  svgIcon="{{ model.contentType.iconResourcePath | assetPath }}"></mat-icon>
59
59
  <span class="comment content-type-name font-body"
60
- ng-class="(model.contentType.name | lowercase) + '-color'"
61
- ng-bind="model.contentType.name"></span>
60
+ data-ng-class="(model.contentType.name | lowercase) + '-color'"
61
+ data-ng-bind="model.contentType.name"></span>
62
62
  </div>
63
63
  -->
64
64
  <h3 class="title">
package/src/tree/legacy/tree.nested.component.html CHANGED
@@ -38,7 +38,7 @@
38
38
  (cdkDropListDropped)="onDragDrop($event)"
39
39
  class="tree-node-drop-list"></div>
40
40
 
41
- <!-- Display Name & Dialogue Button -->
41
+ <!-- Display Name & dialog Button -->
42
42
  <!-- {{node.model.data.name}}&nbsp;-->
43
43
  <!-- <a mat-raised-button (click)="openDialog(node.model)">-->
44
44
  <!-- <i class="fas fa-pencil-alt"></i>-->
@@ -92,7 +92,7 @@
92
92
  <!-- (cdkDropListDropped)="onDragDrop($event)"-->
93
93
  <!-- class="tree-node-drop-list"></div>-->
94
94
 
95
- <!-- Display Name & Dialogue Button -->
95
+ <!-- Display Name & dialog Button -->
96
96
  <!-- {{node.model.data.name}}&nbsp;-->
97
97
  <!-- <a mat-raised-button (click)="openDialog(node.model)">-->
98
98
  <!-- <i class="fas fa-pencil-alt"></i>-->