17.0.0 (2024-10-13)
- cropper: remove
mergeDeep
(20375f8) - cropper: use
SelectorsFn
instead ofThemeRef.selectorsOf
(e0a4780)
- add
hasTouchEvents
option (e66a5f1) - add support for Angular 17 (e96413a)
- cropper: add
LyImageCropperBase
without Alyle UI dependency (6087f22) - cropper: add support for zoneless (e98d100)
- support array of
lyl
styles inSTYLES
(a70adff)
16.1.0 (2024-07-05)
- cropper: fix grid in rounded cropper (b2b9e5b)
- cropper: update cropper area when window is resized (53d9d5d)
- cropper: add grid (a5cc509)
- cropper: run onWheel (zoom with scroll) only when the image is loaded (7c39f24)
- cropper: support for touch events (a309a06)
16.0.1 (2024-01-30)
16.0.0 (2024-01-29)
- carousel: add the
darkIcon
property (a260bfe) - type 'string' is not assignable to type 'boolean' in Inputs (cdd5569)
- add support for Angular 16 (0cb996a)
- core: support for formatting input values in
@Style
(faed5e0) - docs: set up Google Analytics 4 (cc14630)
- support
SelectorsFn
in @Style (151d314) - use coerceBooleanProperty instead of toBoolean (7673b75)
15.0.0 (2023-06-25)
- add support for Angular 15 (3227f8c)
14.0.1 (2023-05-26)
14.0.0 (2023-03-23)
- add
LY_ENABLE_SELECTORS_FN
option (d93f118) - add support Angular 14 (6ffa851)
- enable selectorsFn default (1da4039)
13.4.0 (2022-12-25)
13.3.0 (2022-09-04)
- core: simplify getting selectors inside a
lyl
style (0c50acb)
13.2.2 (2022-07-19)
- dialog: error when focusing an element (eg, buttons, input, etc) in an overlay inside a dialog (3a3cc60)
13.2.1 (2022-06-24)
- table: module is not exported (774cd9a)
13.2.0 (2022-06-22)
- select: fix some bugs (601119c)
- select: improve autoscroll when overlay is opened (39b636b)
- slider: fix property binding (2df1af1)
- button: use
FocusMonitor
CDK instead ofLyFocusState
(dd50f95) - checkbox: add indeterminate state (d1da6aa)
- core: add
offset
toLyOverlayPosition
(ff19ca6) - core: add keyboard events to Overlay (b1f67db)
- dialog: add keyboard events (e6cb880)
- slider: use
FocusMonitor
CDK instead ofLyFocusState
(bf3b3e5) - table: initial commit (#118) (5e84b09)
- tabs: use
FocusMonitor
CDK instead ofLyFocusState
(23e1e41)
13.1.0 (2022-05-16)
- add
@Style2
with support for formatting input values (8efdb94) - add
dot
for dynamic classname (d89140c)
13.0.1 (2022-04-17)
13.0.0 (2022-04-02)
- add support for Angular 13 (34a7151)
- slider: add
md
appearance (05d554e) - slider: add demos (6bef480)
- slider: add sizes (7f8563c)
- theme: add
setDirection
method (fa5aa4d)
- Slider: Slider styles have changed slightly, make sure they are what you expect after switching to Alyle UI v13
12.1.1 (2022-03-10)
12.1.0 (2022-02-22)
- checkbox: fix checkbox checked for printing (5e1cf3c)
- theme: add
themeChanged
observable (c486298)
12.0.0 (2022-02-01)
- core: use
DOCUMENT
instead ofdocument
(287cc23) - grid:
box-sizing: border-box
is added to all child elements of<ly-grid item>
(32927c1) - lyl: compile keyframe without `className` parameter (da944e4)
- lyl: remove comments in CSS generated by
lyl
(ca97470) - lyl: rename parameter
className
to_className
(37b1d0e) - migrate old styles to
lyl
(fb59f13) - slider: fix slider contrast (a40363f)
- lyl: improve
lyl
performance (d177836) - slider: remove hammer js (865de9a)
- support for Angular 12 (f2ab057)
- theme: add isRTL method (daf22fe)
11.1.1 (2021-11-11)
- snack-bar: fix snack-bar position (700c63a)
- snackBar: fix Snack Bar without pointer events (20903ac)
11.1.0 (2021-11-09)
- ci: update vmImage to Ubuntu 20.04 (545a8fc)
11.0.3 (2021-09-07)
- cropper: Resizer can be dragged outside of the image area (64d14ae), closes #156
- dialog: fix dialog with cropper (88d94bb)
11.0.2 (2021-08-31)
- field: fix bugs with hints (d3eb625)
11.0.1 (2021-08-31)
- field: fix
persistentHint
(30234c7)
11.0.0 (2021-08-23)
- @Style: render media queries styles with priority (0934534)
- dialog: dialog styles are not rendered with priority (f8c193a)
- field: update the field when the direction is changed (198d796)
- schematics: fix schematics in Angular 11 (3e6fcbd)
- slider: fix vertical slider (ec969f3)
- theme: fix dark theme (f44a258)
- field: add LyFieldDefaultOptions (829bc2e)
- field: add option
floatingLabelSize
(e47027c) - toolbar: switch to
@Style
(8e597b5) - support Angular 11 (597c770)
10.5.3 (2021-05-14)
- expansion: fix expansion appearance (3e277d3)
- slider: error when using a disabled ly-slider (37dbc45), closes #145
- slider: remove theme color parameter (cf94edf)
10.5.2 (2021-05-07)
10.5.1 (2021-01-20)
- cropper: default output is wrong when using
responsiveArea
(20c5105)
10.5.0 (2021-01-12)
- cropper: error when area is larger than container, and fix some bugs (ecd97c5), closes #139
- cropper: fix
keepAspectRatio
(6004165) - cropper: fix scaling when screen is resized (53a096f)
- cropper: fixes
zoomIn
andzoomOut
methods when used in conjunction withImgCropperConfig.responsiveArea
(7586b61) - slider: respect both the minimum and maximum values in decimals (1b2aec7)
- cropper: fix
keepAspectRatio
with different width and height (8e1f4ce)
10.4.0 (2020-11-07)
10.3.0 (2020-09-21)
- radio: remove padding (23b2822)
Style
not working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule
(3fdbde6) - field:
markForCheck
on change prefix or suffix (dd2c0ee)
9.2.0 (2020-09-24)
- radio: remove padding (23b2822)
Style
not working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule
(3fdbde6) - field:
markForCheck
on change prefix or suffix (dd2c0ee) - field: outlined field does not work in dialog (d0c0b45)
- field: outlined field does not work in dialog (bc8a162)
- select: fix selectArrow with
standard
,outlined
&filled
(cddd50a) - support for Angular 8 (e3e9bd4)
8.2.0 (2020-09-21)
- radio: remove padding (23b2822)
Style
not working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule
(3fdbde6) - field:
markForCheck
on change prefix or suffix (dd2c0ee) - field: outlined field does not work in dialog (d0c0b45)
- field: outlined field does not work in dialog (bc8a162)
- select: fix selectArrow with
standard
,outlined
&filled
(cddd50a) - support for Angular 8 (e3e9bd4)
10.2.1 (2020-09-04)
- field: outlined field does not work in dialog (d0c0b45)
- field: outlined field does not work in dialog (bc8a162)
- select: fix selectArrow with
standard
,outlined
&filled
(cddd50a)
10.2.0 (2020-08-30)
- field: improve styles (fb6c43b)
- tabs: improve tabs (684c28b)
- add
contentActive
className when acontent
is active (8fa11fa)
10.1.0 (2020-08-24)
- tabs: when changing tabs the content shows the
overflowY
withdynamicHeight
(26dd227)
9.1.0 (2020-08-30)
- typography: fix
body1
(c3c095d) - remove redundant prefixes from styles (
tab
) (98be60a) - tabs: when changing tabs the content shows the
overflowY
withdynamicHeight
(26dd227)
- field: improve styles (fb6c43b)
- tabs: improve tabs (684c28b)
- add
contentActive
className when acontent
is active (8fa11fa) - field: add
ly-display-with
(ea67154) - tabs: add
animationDuration
option (925e40a)
8.1.0 (2020-08-30)
- typography: fix
body1
(c3c095d) - remove redundant prefixes from styles (
tab
) (98be60a) - tabs: when changing tabs the content shows the
overflowY
withdynamicHeight
(26dd227)
- field: improve styles (fb6c43b)
- tabs: improve tabs (684c28b)
- add
contentActive
className when acontent
is active (8fa11fa) - field: add
ly-display-with
(ea67154) - tabs: add
animationDuration
option (925e40a)
10.0.0 (2020-08-17)
9.0.1 (2020-08-15)
- card: fix media queries (a498956)
- snack-bar: fix media queries (21ce323)
- tabs: fix media queries (383c3fe)
- toolbar: fix media queries (2939414)
- multiple inline media queries not working (1dc7a4e)
8.0.2 (2020-08-14)
- card: fix media queries (a498956)
- snack-bar: fix media queries (21ce323)
- tabs: fix media queries (383c3fe)
- toolbar: fix media queries (2939414)
- multiple inline media queries not working (1dc7a4e)
- support for Angular 8 (e3e9bd4)
9.0.0 (2020-08-06)
- ability to add a prefix to the css classes in production mode (b9d4b8c)
All attributes of LyStyle
are now prefixed.
before:
<div [p]="2">
<div [width]="1">
after:
<div [lyP]="2">
<div [lyWidth]="1">
Inline media query no longer supports nested values. Now only supports an array of strings.
before:
<div [lyStyle]="[
'display:none',
['display:block', '@xsmall']
]">
after:
<div [lyStyle]="[
'display:none',
'display:block@XSmall'
]">
LyStyle
no longer supports function type styles, use dynamic styles instead.
before:
class MyComp {
style = () => lyl `{
...
}`
}
<div [lyStyle]="style">
lyShow
is deprecated, you can use [lyDisplay]
Version for Angular 8.
yarn add @alyle/ui@^8.0.1
3.5.0 (2020-07-29)
- lyShow is deprecated (8ea68ec)
- dialog: support beakpoints in
LyDialogConfig
(79bf46a) - expose
createStyle
to create styles from a key (c492df1) - expose
withMediaInline
(Media Queries in inline style) (11e53e2)
- lyShow is deprecated, you can use
[lyDisplay]
3.4.2 (2020-07-20)
3.4.1 (2020-07-15)
- select: error when opening a
ly-select
has noly-option
(83995cd)
3.4.0 (2020-07-10)
- cropper:
autoCrop
does not work when image is dragged and then drop it (1c79f5f), closes #121 - cropper: error dragging image while scrolling is in progress (69db9bc)
- cropper: expand selection area for resizer (2536af8)
@Style
decorator does not support boolean values (00d61cc)
- cropper: Add resizable area, round, and keepAspectRatio options (#119) (0227d49), closes #94
- support for another className instead of
root
forrenderSheet
(e01c9b7)
3.3.1 (2020-07-04)
- cropper: resize canvas with best quality (cb5a855)
cropper: ImgCropperConfig.antiAliased
has been deprecated, this is not necessary as the cropper will automatically resize the image to the best quality.
3.3.0 (2020-07-03)
- cropper: remove Hammer.js (aa4a54d)
2.9.8 (2020-06-25)
1.9.12 (2020-06-24)
3.2.9 (2020-06-14)
- slightly remove the status contrast disabled (6bdf277)
- button: fix disabled raised (4786e2a)
- button: remove duplicate style (2df7aa8)
- snack-bark: ability to pass data to a snack bar (44fc180)
3.2.8 (2020-05-30)
3.2.7 (2020-05-25)
- menu: fix menu with icon (d7162b0)
Platform
exported in@alyle/ui
is deprecated. (724ba4d)- fix
<textarea>
withcdkTextareaAutosize
(fb78cfa) - use Platform CDK (34205fe)
3.2.6 (2020-05-19)
- field: fix styles for ly-icon (5b3e651)
- menu: close all submenus at the same time (ab7ca62)
- menu: use
StyleRenderer
(a5e09dc)
- menu: Able to create nested menu (d4613f9), closes #92 #114
- menu: Able to create nested menu (859dfcc), closes #92 #114
- refactor overlay position (57ca626)
3.2.5 (2020-04-28)
- field: add styles for
ly-icon
(45e37bb) - icon: fix root style (186f2e6)
- fix dialog with select (1b75ebb)
- cropper: rename
x
toXOrigin
(71ca4cd)
- cropper: add
left
andtop
to result (2d0211f)
3.2.4 (2020-04-19)
- use
ScrollDispatcher & ViewportRuler
instead ofWinScroll & WinResize
(a762567)
- add
hasNavigationArrows
&hasNavigationIndicators
option (488110c)
3.2.3 (2020-04-11)
- schematics: fix schematics (99ee007)
3.2.2 (2020-04-07)
- cropper: cropper don't work until change (9a009f6)
3.2.1 (2020-04-07)
- cropper: cropper don't work until change (8f396c7), closes #115
- change
LyHostClass
toStyleRenderer
(6067526)
3.2.0 (2020-04-01)
- select: fix vertical slider styles (a914bd5)
- slider: fix disable styles (06e8031)
- expose renderStyleSheet (0d87ce6)
- rename
getClass
toselectorOf
(061ce47)
3.1.2 (2020-03-20)
- drawer: unable to customize using a theme (ab1a526)
3.1.1 (2020-03-06)
- carousel: fix styles (cae9497)
- select: add
selectionChange
missing (112f15e) - select: support select with asynchronously options (e87c007)
- memoize: add memoize (a2baac0)
- tabs: add @Input() keepContent (7bd525c)
- tabs: add the
dynamicHeight
andkeepContent
option (8554a35)
3.1.0 (2020-03-06)
- carousel: fix styles (cae9497)
- select: add
selectionChange
missing (112f15e) - select: support select with asynchronously options (e87c007)
- memoize: add memoize (a2baac0)
- tabs: add
@Input() keepContent
(7bd525c) - tabs: add the
dynamicHeight
andkeepContent
option (8554a35)
3.0.0 (2020-02-07)
- show error when using
height
in Drawer (1f5a8fa) - checkbox: use input color with
@style
decorator (9e62585) - drawer: rename
[width]
and[height]
(81a299a) - image-cropper: choosing the same image does not load (fc0047d)
- img-cropper: fix Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. (15affe7)
- lyl: do not calculate expressions before parse (4d86e16)
- lyl: fix media queries with commas (97f6c57)
- select: do not create unnecessary styles when there is no value for color (7fa41bc)
- fix overlayBackdrop (677a82a)
- fix package types (54dbc97)
- fix some bugs (df621d7)
- menu: update origin position only when necessary (c1cbafb)
- merge themes correctly (e950c68)
- add flexbox (2414765)
- support
MediaQueryArray
(ddc5fed) - lyl: support for declarations within media queries (8b87ffc)
- add option to apply the
root
class to the component (672211a) - expose all missing component styles (47e09fd)
- lyl: add style-compiler (ca6b1ce)
- menu: add
@Input() hasBackdrop
(0f62f58) - improve docs (#104) (00e151e)
- ultra customizable (7a8fdaf)
drawer:
[width]
and [height]
is deprecated Rename from [width]
to [drawerWidth]
and from [height]
to [drawerHeight]
. More info here
2.9.7 (2019-12-04)
- cropper: support for Ionic (f539e34)
- slider: always emit the input event (ee866a0)
- increase 15% alpha for disabled state (0dd2cce)
- select: add custom trigger (d7741ce)
- select: correctly align the elements inside
ly-option
(f4d445d)
2.9.4 (2019-09-15)
- carousel: add input
pauseOnHover
(cfc02de)
2.9.3 (2019-08-01)
- completely destroy menu in lazy-loading when menu is open and the method of a button is to go to another route (81935d9)
- add option
disableClose
toLyDialogConfig
andLyOverlayConfig
(ccfe2ee) - menu: add open and closed state events (a61e7e1)
2.9.2 (2019-07-18)
- fix
Positioning
when it exceeds the limits of the screen (286f547) - field: fix reactive field (1175298)
2.9.1 (2019-07-14)
- field: fix input when is loaded dinamically (108463e)
2.9.0 (2019-07-06)
- tabs: tab indicator is not updated when another tab is selected in SSR (6374e41)
- add
existStyle
method (5567baf) - add Injectable
LyHostClass
(4c86db7) - emit an event when the direction has changed (b2ee2f4)
- support for Angular 8 (#84) (40aab6d)
- slider: initial commit for slider (#79) (b02c1b1)
2.7.8 (2019-06-19)
- field: add
display: block
to fullWidth (139265c) - tabs:
selectedIndexChange
do not emit first value (1ce4fe7)
- tabs: add
@Input() active
forLyTabLabel
(f8dfd9f)
2.7.7 (2019-05-24)
- button: remove animation when a button is rendered (f81cec2)
2.7.6 (2019-05-08)
- fix raised & elevation with
null
value (8208505) - dialog: update position of dialog when there are changes (e191600)
- tooltip: fix RTL (4ca1b38)
- img-cropper: add option
extraZoomOut
(2f936f5)
And some improvements to the docs.
2.7.0 (2019-04-18)
- field: fix theme variables (ff58123)
- tabs:
_tabLabel
of undefined (1515f60) - tabs: fix scrollable tab (ef0dbd3)
- toolbar: change
dense
toappearance="dense"
(3a34659) - fix some bugs (7aae2bb)
- fix StackBlitz demos (cbdbc9d)
- By default, it was applied:
const defaultStyles = {
'@global': {
'*, *:after, *:before': {
'-webkit-box-sizing': 'border-box',
'-moz-box-sizing': 'border-box',
'box-sizing': 'border-box'
}
}
};
But from this version it was deleted and boxSizing: 'border-box'
was added to all the components that required it.
This may have changes in your app, if your app required the default global styles, there are two ways to fix it:
Manually apply boxSizing: 'border-box'
to all its components that require it.
or
Manually set default global styles.
...
import { LyTheme2, ThemeVariables } from '@alyle/ui';
const styles = (theme: ThemeVariables) => ({
...
'@global': {
...
'*, *:after, *:before': {
'-webkit-box-sizing': 'border-box',
'-moz-box-sizing': 'border-box',
'box-sizing': 'border-box'
}
}
});
@Component({...})
export class AppComponent {
readonly classes = this.theme.addStyleSheet(styles);
constructor(
private theme: LyTheme2
) { }
}
2.6.0 (2019-03-17)
- core: avoid conflicts with common behaviors. (62845ad)
- core: remove default value for
bg
andcolor
(322807a) - style: allow
@global
in any nested style (b6db615) - theme: fix variable
disabled
(cb39f67)
2.5.2 (2019-03-11)
- core: fix overflow of overlay (e54062c)
2.5.1 (2019-03-07)
- core: do not scroll when creating an overlay (dc302a2)
2.5.0 (2019-03-06)
- carousel: the
interval
attribute is not updated when the value is changed (e9c4c03) - select: fix
dirty
true on init component (f8e6093) - select: list of options is not displayed when you click on the ends of the field (68ca277)
2.3.2 (2019-02-15)
- avatar: fix border on first load (af1e641)
- carousel: fix 'changes' of undefined with
ngFor
(01f728d) - carousel: update the view when there is a change (f330fb9)
- dialog: add context for dialogs with
<ng-template>
(ce35854) - dialog: fix dialog with
ng-template
(c0d4726)
2.3.1 (2019-02-10)
- select: fix bug when a new value is established in multiple selection (210ae61)
2.3.0 (2019-02-07)
- core: allow the creation of dynamic component (e44ff18)
- field: set tap-highlight-color style to
transparent
(fa718f3) - menu: fix styles for
<a ly-button ly-menu-item>
(1731e5c) - select: fix
No component factory found for LyOverlayBackdrop.
(daf0b7b) - select: fix positioning (095407a)
- select: fix styles for options multiple (8ed688c)
- snack-bar: error when a snack-bar is open and scroll (29bb5ad)
- dialog: initial commit for
dialog
(#74) (13a3bd9) - grid: add property
lyGridItem
(91d7682) - theme: add method
style
for create style with inmutable variable (2d876b2) - toolbar: add property
dense
(4b14f13) - typography: add
mixinColor
(f462be5)
2.1.2 (2019-01-31)
- img-cropper: add property
maxFileSize
(6d845df)
2.1.1 (2019-01-31)
- field, select: show hint error when it is validated (35c0a9c)
2.1.0 (2019-01-29)
2.0.7 (2019-01-22)
- core: add
variables
(d0720e3) - menu: improve
transform-orgin
(136b4a0) - menu: update position of menu on scroll or resize (a48261d)
- field: add the
focusEvent
to<ly-field>
(87efa4c) - snack-bar: support for Infinity duration (90ffd1c)
2.0.4 (2019-01-15)
- enable strictNullChecks (#71) (5b19d13)
- core: improve
eachMedia
(a5f2937) - field, list, radio, tooltip: fix memory leaks (c02b212)
2.0.3 (2019-01-09)
- checkbox: add spacing between checkboxes (cb13548)
- checkbox: add spacing between checkboxes (ffc31c1)
- field: rename
LyInput
(3320f20) - img-cropper: delete manually created events when the component is destroyed (79b5079)
- radio: add spacing between radio (9bd3548)
- snack-bar: destroy the
snack-bar
when the component destroyed (659c0f2) - snack-bar: fix animations when opening snack-bar (7b8ee55)
- schematics: add option to create components with dynamic styles (5752224)
2.0.2 (2019-01-07)
2.0.1 (2019-01-01)
2.0.0 Stable (2018-12-30)
- field: add
ly-error
(c5c12be) - grid: add
@Input() spacingX
&@Input() spacingY
(cfa8669) - radio: add styles for
onFocusByKeyboard
(bc47a5e)
1.9.11 (2018-12-27)
1.9.10 (2018-12-22)
- cropper: min scale not updated after rotating image (eb57ce3), closes #69
- cropper: remove deprecated variables (796bb37)
- css-in-ts: remove deprecated variables (79848ad)
- field: RTL (662875e)
- list: rtl (1513ae3)
- css-in-ts: remove deprecated variables
before:
const style = ({
start: '1em',
end: '2em',
marginStart: '1em',
borderStart: '1px'
});
after:
const style = ({
root: {
before: '1em',
after: '2em',
marginBefore: '1em',
borderBefore: '1px'
}
});
/** results LTR: */
.ib {
left: '1em';
right: '2em';
margin-left: '1em';
border-left: '1em';
}
/** results RTL: */
.ib {
right: '1em';
left: '2em';
margin-left: '1em';
border-left: '1px';
}
- cropper:
cropperEvent.base64
is now deprecated, usecropperEvent.dataURL
instead
before:
onCropped(e: ImgCropperEvent) {
this.croppedImage = e.base64;
}
after:
onCropped(e: ImgCropperEvent) {
this.croppedImage = e.dataUrl;
}
1.9.9 (2018-12-19)
- cropper: aspect ratio of the cropper frame when it is not a square (60f386a), closes #68
- menu: responsive (ba3effe)
1.9.8 (2018-12-17)
- tabs: multiple unnecessary indicator updates (26d0ec2)
- tabs: styles for the active tab are not applied with
OnPush
(4cc73ce)
- tabs: add property
scrollable
(58fc0e6)
1.9.7 (2018-12-16)
- badge: badge instances not being cleaned up
onDestroy
(ab02a4e) - button: avoid memory leak (2c7ae88)
- core: avoid memory leak in icon &
LyFocusState
(73a8eb3) - icon: fix
box-sizing
(0efd7b8)
- list: add initial commit for
ly-list
(a69a1c5)
1.9.6 (2018-12-13)
- carousel: do not change image when the touch is very fast (53d52be)
- core: only darken and saturate if the color is not in the grayscale (0c4d48d)
- img-cropper: do not emit event when run
clean()
(ca0d7c4) - img-cropper: fix img cropper with ChangeDetectionStrategy.Default (26a211d)
- tabs: fix infinite loop with
ChangeDetectionStrategy.Deafult
(23ff254)
- img-cropper: add param to
setImageUrl
(45234ff)
1.9.5 (2018-12-11)
- button: change property private to protected (ee6901e)
- button: fix dynamic disabled button (4203625)
- checkbox: fix change event (81755ba)
- checkbox: fix disabled state (b28abbc)
- core: fix ripple with
viewChild
element (3664757) - css-in-ts: support for styles with value
null
(b38d049) - field: fix selector for input native (3bc3d92)
- field: fix styles for disabled input (45fee48)
- grid: fix key style for
alignItems
(3b72817) - paper: fix default style (416f53b)
- tabs: fix
alignTabs
(a4e2b6a) - tabs: fix
headerPlacement
when change value (e12ef53) - tabs: fix placement of tab when value is set in
selectedIndex
(8489345) - tabs: fix tabs in direction rtl (73c3b3e)
- tabs: fix tabs in multiple themes (04c7ffd)
- tabs: fix the contents of the tab when changing
headerPlacement
(3bff100) - tabs: use
LyButton
withLyTabLabel
(eccad38) - typography: change
fontSize
to string (49430ca)
- checkbox: add elevation (de87773)
- core: add
AlignAlias
(e01eae6) - core: add property
ly-text
(430fccb) - css-in-ts: add info style in dev mode (8996203)
- css-in-ts: add param
parentStyle
toaddStyle
(b8432f8) - tab: add
headerPlacement, textColor, indicatorColor & alignTabs
(a8ff27f) - tabs: update tab indicator on resize (23fffd7)
- field: before:
<ly-field>
<input>
</ly-field>
after:
<ly-field>
<input lyInput>
</ly-field>
1.9.4 (2018-12-07)
- core: add
getPosition
method (abb2ca8) - grid: add property
alignItems
(3f9a079) - tooltip: ability to position tooltip (d67d17b)
- tooltip: add animation (2f6f704)
1.9.3 (2018-12-05)
- css-in-js: change
start
tobefore
&end
toafter
(e8ddd6c) - snack-bar: remove type
'start' | 'end'
inhorizontalPosition
(2ab77da) - theme: remove optional type for
direction
(248c061)
- core: add method
toggleDirection
(0b14178) - css-in-js: add key style
above
&below
(e52c570) - drawer: add
spacingBefore
,spacingAfter
&hasBackdrop
(f779d88)
- css-in-js: before:
const style = ({
start: '1em',
marginStart: '1em'
});
after:
const style = ({
before: '1em',
marginBefore: '1em'
});
1.9.2 (2018-12-03)
- img-cropper: fix the file type output (0ba5290)
1.9.1 (2018-12-03)
1.9.0 (2018-12-01)
- core: prevent selection when many clicks are made in overlay (08eb9eb)
example:
const styles = ({
item: {
animation: '{pulse} 5s infinite'
},
$keyframes: {
pulse: {
0: {
backgroundColor: '#000'
},
100: {
backgroundColor: 'red'
}
}
}
});
- menu: support to position the menu (35ccf32)
1.8.9 (2018-11-29)
- button: ability to set styles from the theme (0970dd5)
- core: fix when the theme is changed with multiple themes (397c499)
- core: remove deprecated param
key
foraddStyleSheet
(47d012c) - tooltip: fix
No component factory found for LyOverlayBackdrop
(0a3db67) - tooltip: update default
lyTooltipHideDelay
to0
(e4c8022)
- core: add
$name
to name styles (c6c17fc)
1.8.8 (2018-11-29)
Fail in prod mode
1.8.7 (2018-11-27)
- button: fix style on mouseenter (8aff164)
- carousel: fix touch (36bad35)
- icon: add position relative css (3631a7c)
- ripple: fix ripple in Firefox (8aab7d5)
- theme: update background:tertiary (5c593eb)
1.8.6 (2018-11-24)
- docs: update docs (58a54c2)
1.8.5 (2018-11-23)
1.8.4 (2018-11-22)
- button: add focus state (d350bd0)
- button: add hover state (93d9246)
- docs: add icon demo (7e4b75c)
- icon: add
registerFontClass
(514ed99)
1.8.3 (2018-11-21)
- core: fix typings (04d2b1c)
1.8.2 (2018-11-20)
- button: update STYLE_PRIORITY for
appearance
(6c0a4df)
1.8.1 (2018-11-20)
- core: LyCommon will be eliminated
before:
<div color="primary">Demo</div>
after:
const styles = (theme: ThemeVariables) => ({
demo: {
color: theme.primary.default
// .. others styles
}
});
<div [className]="classes.demo">Demo</div>
OR
<ly-paper color="primary">Demo</ly-paper>
<div ly-paper color="primary">Demo</div>
this will only affect the components that use the withColor
and withBg
attribute, it will be replaced with color
, bg
example:
before:
<ly-checkbox withColor="primary">checkbox</ly-checkbox>
after:
<ly-checkbox color="primary">checkbox</ly-checkbox>
1.7.12 (2018-11-17)
1.7.11 (2018-11-15)
- button: fix button animation in Firefox (74c971d)
- button: fix button in firefox (b163c1f)
- img-cropper: fix scale & fix on crop(cropper with fix number) (f4aa80a)
- img-cropper: fix when a second image is loaded with the same dimensions as the previous one (87306d3)
- img-cropper: remove fn fix (c7cfc64)
1.7.10 (2018-11-12)
1.7.9 (2018-11-11)
- img-cropper: improve (#63) (3e5cf53), closes #63
- Rotate
- Autocrop
- Assign pictures to the cropper from an URL
- Set & get current position, scale
cropperEvent.base64
is now deprecated, use insteadcropperEvent.dataURL
before:
onCropped(e: ImgCropperEvent) {
this.croppedImage = e.base64;
}
after:
onCropped(e: ImgCropperEvent) {
this.croppedImage = e.dataUrl;
}
1.7.8 (2018-11-08)
- checkbox: initial commit for checkbox (#58) (50b4198), closes #42
- icon: cache svg icons (5df9448)
- ripple, typography: create variables (afe924d)
1.7.7 (2018-10-30)
- minor changes (a576ebc)
- update peerDependencies (566656c)
- button: fix minWidth (aea9b9f)
- card: fix api (1e5c1d7)
- core: fix theme (2af6909)
- field, menu: fix theme variables (957c59b)
- img-cropper: fix api (9693075)
- img-cropper: fix api (1c6dbbb)
- menu: fix api (d8f1ae5)
- badge: add variables for badge (0c82fc9)
- core: add directions in styles (6631ff3)
- img-cropper: add clean method (a83986b)
- theme: improve the creation of styles (909a93f)
1.7.6 (2018-10-26)
- add
minScale
property (c94a7db) - button: fix styles in firefox (ba34f6d)
- field: fix align baseline (ec65493)
- field: fix outlined in firefox (b8aa2e2)
- img-cropper: fix min scale & add scale property (4d5c851)
- theme: fix theme types (f193df7)
- img-cropper: emit ImgCropperEvent on
loaded
(2136028)
1.7.5 (2018-10-25)
- core: support to use more of '&' in multiple styles (fc2cb75)
- img-cropper: improve img copper (#61) (f9ad2c0)
1.7.3 (2018-10-20)
- core: support to create multiple styles without key (#59) (246e4fb)
- field: add description (9b9f7d1)
1.7.2 (2018-10-18)
- button: add disableRipple property (0c80b69)
1.7.1 (2018-10-14)
1.7.0 (2018-10-13)
- field: add prefix, suffix & hint (136b13b)
- field: fix align (4ae2524)
- field: fix appearance (75d64aa)
- field: fix bg filled in mode dark (7c085f2)
- field: fix max width label (ab7188f)
- field: fix placeholder (1523b19)
- field: fix position placeholder (ac0e7df)
- field: fix styles for textarea with rows (e0cb704)
- field: fix textarea (c29611b)
- field: fix theme (8542964)
- field: fix variables (b37f2a5)
- field: fix withColor (2d92f6b)
- field: update styles (bd43014)
- core: add mutation observer (a9ff395)
- field: add styles for input native (d29e7a1)
- field: add caretColor (d49472d)
- field: add filled type (3392520)
- field: add outlined type (ad3feee)
- field: add standard field (4466623)
- field: initial commit for field (3a0cdff)
1.7.0-beta.76gq3 (2018-10-01)
- drawer: add transitionProperty (186c63f)
- core: update core to apply the customizable theme easily (0ccfabe)
- core: Set theme
before:
/** Add theme */
export class MyCustomTheme implements LyThemeConfig {
themes = [CustomMinimaLight, CustomMinimaDark];
/** overwrite for light & dark */
variables = new GlobalVariables;
}
@NgModule({
provides: [
{ provide: LY_THEME_CONFIG, useClass: MyCustomTheme }
]
...
})
after:
@NgModule({
...
imports: [
LyThemeModule.setTheme('minima-dark')
],
provides: [
...
{ provide: LY_THEME, useClass: CustomMinimaLight, multi: true },
{ provide: LY_THEME, useClass: CustomMinimaDark, multi: true },
{ provide: LY_THEME_GLOBAL_VARIABLES, useClass: GlobalVariables } // global variables, overwrite for light & dark
]
1.7.0-beta.75cav (2018-10-01)
- badge: fix position (200baba)
- button: use ripple styles (319a661)
- core: add style priority (881ec78)
- drawer: fix animation when toggle drawer (9142a14)
- drawer: remove text content in template backdrop (f574b28)
- icon-button: fix overflow style (a0dc7c2)
- icon-button: remove overflow style (5e00c54)
- badge: initial commit for badge (a17683d)
- ripple: add container style (ead9a3d)
- ripple: add ripple variables (ee59488)
- theme: add animations to variables (d21961d)
1.7.0-beta.73atw (2018-09-30)
- button: fix overflow (2478ccc)
- core: do not update classname when it is equal to the new (56aeec7)
- core: do not update classname when it is equal to the new (68ef173)
- drawer: fix drawer over (32e984d)
- drawer: fix responsive drawer (166d8ff)
- drawer: fix styles (ee4351f)
- drawer: fix toggle drawer (74c82a9)
- drawer: force mode over (8cb715d)
- image-cropper: update gesture config (9d3814c)
- responsive: remove unused files (b6dc6e5)
- responsive: remove unused variables (4d23dea)
- ripple: fix trigger element (c00e49b)
- fix gesture config (38d6dfa)
- remove deprecated method (8dd555c)
- ripple: fix trigger element container (5f5d4a3)
- ripple: remove unused styles (8897d89)
- theme: fix add zIndex (3a55727)
- toolbar: fix zIndex (f7e6a59)
1.7.0-beta.6gxhn (2018-09-18)
- core: 'fontFamily' does not exist on type in theme.typography (759be9b)
- fix typography variables (403588c)
- toolbar: fix cannot determine the module for class ToolbarItem (3b37b3c)
- toolbar: fix position on new value (3a0d23b)
- toolbar: set default bg (8eb1696)
- toolbar: add the ability to position the toolbar (baee37d)
1.7.0-beta.6d2nq (2018-09-15)
- button: add style priority (2d9ee24)
- button: fix style priority (9d30d48)
- card: add style priority (ac91210)
- card: fix style priority (f6b0e1e)
- carousel: add style priority (3fee681)
- carousel: fix style priority (83be366)
- carousel: remove unused style (95eccbd)
- grid: add style priority (f7adf01)
- grid: fix style priority (e5a3de4)
- icon: fix style priority (a8dd08e)
- icon: set style priority (e4ea510)
- icon-button: fix style priority (9415b18)
- icon-button: set style priority (5076b4f)
- menu: remove LyMenuDeprecated (452b0d5)
- menu: remove unused styles (b5088a7)
- radio: set style priority (b312a8e)
- toolbar: update styles & set style priority (758f5b3)
- typography: set style priority (9a59d3e)
- image-cropper: update styles & set style priority (44dd2fa)
1.7.0-beta.6b7cf (2018-09-14)
- card: responsive (bae0923)
- core: add shadow property for PaletteColor (71cb45f)
- core: fix global variables (6f95433)
- core: option for add optional global variables change theme (a20a270)
- create property breakpoints in ThemeVariables (4529fa3)
1.7.0-beta.63q2l (2018-09-10)
- grid: rename
LyGridCol
toLyGridItem
(1a80a0a)
- grid: add order option (2803457)
1.7.0-beta.603x9 (2018-09-08)
1.7.0-beta.5rfx4 (2018-09-04)
1.7.0-beta.5k53n (2018-08-31)
- grid: add
direction
&justify
(b9a331d)
1.7.0-beta.5hkh9 (2018-08-29)
- icon: fix icon default class (2ec8488)
1.7.0-beta.5hie9 (2018-08-29)
- core: fix styles in ssr (b9b6fde)
1.7.0-beta.5gg5p (2018-08-29)
- core: Failed to execute 'insertBefore' on 'Node'... (cb3cab2)
1.7.0-beta.5gch8 (2018-08-29)
- card: update styles (55bc854)
- carousel: remove unused variables (c2b7495)
- carousel: update styles (ad6bc02)
- carousel: update styles (0602a02)
- core: fix ssr (20394eb)
- core: remove unused style container (5c193f3)
- core: update styles (10f19a7)
- grid: move grid
@alyle/ui/layout
to@alyle/ui/grid
(3797aa0) - remove unused files (1506267)
- icon: update styles (5ec2ef1)
- icon-button: update styles (a338cea)
- input: update styles (1714ff1)
- radio: remove unused variables (6339fbf)
- radio: update styles (4fb7e22)
- grid: new grid ultra responsive
@alyle/ui/grid
With @alyle/ui/layout
@alyle/ui/layout
deprecated
before:
<grid [gutter]="16">
<grid [col]="'6 12@XSmall'">
<p>col=6</p>
</grid>
<grid [col]="'6 12@XSmall'">
<p>col=6</p>
</grid>
</grid>
Import @alyle/ui/grid
after:
<ly-grid container [spacing]="16 8@XSmall">
<ly-grid item [col]="'6 12@XSmall'">
<p>col=12</p>
</ly-grid>
<ly-grid item [col]="'6 12@XSmall'">
<p>col=12</p>
</ly-grid>
</ly-grid>
1.7.0-beta.54p91 (2018-08-22)
- core:
addStyleSheet
return named object of the classes (7478a33)
- core: add option for global style (5cdf290)
1.7.0-beta.50yre (2018-08-20)
- theme: fix
setTheme
multiples themes (8814f9e) - theme: fix
setTheme
not working (bafa607) - theme: fix multiples themes (093f6de)
- theme: get className in
devMode()
(2b6d25e)
- core: add
colorOf
toLyStyleUtils
(9bc08c9)
- button: update styles (8efee2b)
1.7.0-beta.4u2xw (2018-08-17)
- button: change classses to public (678e0e8)
- theme: rename
styleName
towithClass
directive (f9f1c79) - theme: rename MinimaThemeModule to ThemeMinimaModule (ab2e2f4)
- theme: update interface for Style (397653e)
- button: update button with
addStyleSheet
(e5c9e33) - tabs: add
selectedIndexOnChange
for tabs (865d45a) - tabs: support tabs with async (dc08d0e)
- theme: add
withClass
directive (fba487f) - theme: add styleName directive (0542d4b)
- theme: converter className id number to string with radix 36 (f5e5346)
1.7.0-beta.4imhk (2018-08-11)
- theme: fix types (beb2c9b)
1.7.0-beta.4iic8 (2018-08-10)
- theme: add Dynamic styles (09f9de8)
1.7.0-beta.4bkua (2018-08-07)
- fix imports (1de7e2d)
- tabs: change min-width to 72 (f994a13)
- tabs: fix animations (a02811b)
- tabs: fix color (e4c946e)
- tabs: fix indicator (70157ea)
- theme: clean styles in browser (942d270)
1.7.0-beta.461kq (2018-08-04)
- button: fix size button (d445db2)
- card: fix elevation with value 0 (efaae25)
- card: rename aspectRatio to ratio (194f4d6)
- button: add small, medium & large button (b805de3)
- card: add ly-card-content & ly-card-card-actions (916f43a)
- card: add ly-card-media (aba7d55)
- typography: add gutter (8877028)
1.7.0-beta.3wtkb (2018-07-30)
1.7.0-beta.3vwyc (2018-07-29)
- docs: fix demos for card & typography (bf04c66)
- theme: update theme (a4c0105)
- theme: add LyThemeModule (628491a)
- theme: for theming use LyThemeModule or MinimaThemeModule
To set a new theme you should import LyThemeModule
example:
Before:
<element lyTheme="minima-dark">
After:
// app.module.ts
// Available themes: minima-dark & minima-light
@NgModule({
...
LyThemeModule.setTheme('minima-dark')
})
examples for child theme:
Before:
@NgModule({
...
LyCommonModule, // <-- theme, bg, color, raised & others
})
<element lyTheme="minima-dark">
After:
import theme
@NgModule({
...
LyCommonModule, // <-- bg, color, raised & others
MinimaThemeModule // <-- themes
})
<element ly-theme-minima-dark>
1.7.0-beta.3pcd9 (2018-07-26)
- core: add parameter for Style (34405d2)
- theme: update theme (feb65fb)
- typography: initial commit for typography (288b9e3)
1.7.0-beta.3jiq1 (2018-07-23)
- doc: fix docs (2672bab)
- flex: generate style only when the key is different (a6fc154)
- grid: *
@alyle/ui/flex
is now in @alyle/ui/layout
1.7.0-beta.21zck (2018-06-24)
- responsive: add lyShow & lyHide (f4dfd04)
- carousel: fix animations (d55a48f)
1.7.0-beta.21zck (2018-06-24)
- responsive: add lyShow & lyHide (f4dfd04)
- carousel: fix animations (d55a48f)
1.7.0-beta.1j64w (2018-06-14)
- button: set ViewEncapsulation.None (725a605)
- carousel: add styles to slideContainer (3639ac6)
- carousel: fix interval (126e420)
- carousel: fix slide event (196e7b8)
- carousel: remove styleUrls (e444309)
- bg, color: change to createStyle (817d6c8)
- core: Support for angular universal (4504557)
- core: Support for universal (6851d28)
- docs: update bg & color docs (1476dda)
- prism: remove comments (cb15680)
- ripple: create dynamic styles (c6c40ef)
- shadow: error default shadow (54c0210)
- shadow: replace setClassName to updateRootClass (6a59ec2)
- shadow: update demo (9fe97b6)
- shadow: update shadow on change theme (6c06a7f)
- theme: multiple themes (0eaee7d)
- theme: scheme (1f178c2)
- auto contrast (fc0612c)
- svg (1147323)
- color: add auto contrast (31f177a)
- core: support for multiple themes (d8652f2)
- cropping: custom background color (d1bc719)
- docs: add docs for auto contrast (487c10d)
- docs: add languajes to prism directive (43928dd)
- docs: add multiple themes (992a202)
- docs: update docs (6a63c4c)
- shadow: add demo-01 (59a9af7)
- shadow: update shadow when necessary (daea4a1)
- theme: add updateRootClass (cc2d58e)
- theme: Support for custom theme (bc80734)
- theme: update styles on change (82ee1b6)
- theme (163cf9a)