Skip to content

Commit a02d20e

Browse files
bertrandgbertrandg
committed
1.0.0-beta.7 + Add [gutterColor], [gutterImageH] and [gutterImageV]
1 parent 2c8141c commit a02d20e

6 files changed

Lines changed: 279 additions & 75 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<a name="1.0.0-beta.7"></a>
2-
# 1.0.0-beta.7 (2017-11-XX)
2+
# 1.0.0-beta.7 (2017-11-16)
33

44
* **gutterSize:** Default value from `10` to `11` because of a small discrepancy in the shown dots position pointed [there](https://github.com/bertrandg/angular-split/issues/46).
5+
* **Custom gutters style:** You can now use properties `[gutterColor]="'#ff0000'"`, `[gutterImageH]="'url(xxx)'"` and `[gutterImageV]="'url(xxx)'"`.
6+
57

68

79
<a name="1.0.0-beta.6"></a>

‎dist/bundles/angular-split.umd.js‎

Lines changed: 159 additions & 36 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/bundles/angular-split.umd.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-split",
3-
"version": "1.0.0-beta.6",
3+
"version": "1.0.0-beta.7",
44
"description": "Angular (2+) UI library to split views using CSS flexbox layout.",
55
"main": "./bundles/angular-split.umd.js",
66
"module": "./esm5/angular-split.js",

‎src/components/split.component.ts‎

Lines changed: 40 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,6 @@ import { SplitAreaDirective } from './splitArea.directive';
6363
split-gutter {
6464
flex-grow: 0;
6565
flex-shrink: 0;
66-
background-color: #eeeeee;
6766
background-position: center center;
6867
background-repeat: no-repeat;
6968
}
@@ -75,6 +74,9 @@ import { SplitAreaDirective } from './splitArea.directive';
7574
[order]="index*2+1"
7675
[direction]="direction"
7776
[size]="gutterSize"
77+
[color]="gutterColor"
78+
[imageH]="gutterImageH"
79+
[imageV]="gutterImageV"
7880
[disabled]="disabled"
7981
(mousedown)="startDragging($event, index*2+1, index+1)"
8082
(touchstart)="startDragging($event, index*2+1, index+1)"></split-gutter>
@@ -163,14 +165,50 @@ export class SplitComponent implements OnDestroy {
163165

164166
@Input() set gutterSize(v: number) {
165167
v = Number(v);
166-
this._gutterSize = !isNaN(v) && v > 0 ? v : 11;
168+
this._gutterSize = (!isNaN(v) && v > 0) ? v : 11;
167169

168170
this.build();
169171
}
170172

171173
get gutterSize(): number {
172174
return this._gutterSize;
173175
}
176+
177+
////
178+
179+
private _gutterColor: string = '';
180+
181+
@Input() set gutterColor(v: string) {
182+
this._gutterColor = (typeof v === 'string' && v !== '') ? v : '';
183+
}
184+
185+
get gutterColor(): string {
186+
return this._gutterColor;
187+
}
188+
189+
////
190+
191+
private _gutterImageH: string = '';
192+
193+
@Input() set gutterImageH(v: string) {
194+
this._gutterImageH = (typeof v === 'string' && v !== '') ? v : '';
195+
}
196+
197+
get gutterImageH(): string {
198+
return this._gutterImageH;
199+
}
200+
201+
////
202+
203+
private _gutterImageV: string = '';
204+
205+
@Input() set gutterImageV(v: string) {
206+
this._gutterImageV = (typeof v === 'string' && v !== '') ? v : '';
207+
}
208+
209+
get gutterImageV(): string {
210+
return this._gutterImageV;
211+
}
174212

175213
////
176214

0 commit comments

Comments
 (0)