19.0.0 (2025-06-18)
18.0.0 (2025-05-08)
17.0.0 (2024-10-13)
- cropper: remove
mergeDeep(20375f8) - cropper: use
SelectorsFninstead ofThemeRef.selectorsOf(e0a4780)
- add
hasTouchEventsoption (e66a5f1) - add support for Angular 17 (e96413a)
- cropper: add
LyImageCropperBasewithout Alyle UI dependency (6087f22) - cropper: add support for zoneless (e98d100)
- support array of
lylstyles 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
darkIconproperty (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
SelectorsFnin @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_FNoption (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
lylstyle (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
FocusMonitorCDK instead ofLyFocusState(dd50f95) - checkbox: add indeterminate state (d1da6aa)
- core: add
offsettoLyOverlayPosition(ff19ca6) - core: add keyboard events to Overlay (b1f67db)
- dialog: add keyboard events (e6cb880)
- slider: use
FocusMonitorCDK instead ofLyFocusState(bf3b3e5) - table: initial commit (#118) (5e84b09)
- tabs: use
FocusMonitorCDK instead ofLyFocusState(23e1e41)
13.1.0 (2022-05-16)
- add
@Style2with support for formatting input values (8efdb94) - add
dotfor dynamic classname (d89140c)
13.0.1 (2022-04-17)
13.0.0 (2022-04-02)
- add support for Angular 13 (34a7151)
- slider: add
mdappearance (05d554e) - slider: add demos (6bef480)
- slider: add sizes (7f8563c)
- theme: add
setDirectionmethod (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
themeChangedobservable (c486298)
12.0.0 (2022-02-01)
- core: use
DOCUMENTinstead ofdocument(287cc23) - grid:
box-sizing: border-boxis 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
classNameto_className(37b1d0e) - migrate old styles to
lyl(fb59f13) - slider: fix slider contrast (a40363f)
- lyl: improve
lylperformance (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
zoomInandzoomOutmethods when used in conjunction withImgCropperConfig.responsiveArea(7586b61) - slider: respect both the minimum and maximum values in decimals (1b2aec7)
- cropper: fix
keepAspectRatiowith different width and height (8e1f4ce)
10.4.0 (2020-11-07)
10.3.0 (2020-09-21)
- radio: remove padding (23b2822)
Stylenot working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule(3fdbde6) - field:
markForCheckon change prefix or suffix (dd2c0ee)
9.2.0 (2020-09-24)
- radio: remove padding (23b2822)
Stylenot working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule(3fdbde6) - field:
markForCheckon 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)
Stylenot working with boolean true (6c11dce)- checkbox: remove padding (e8e483f)
- radio: remove margin (b9b8f2d)
- restore
LyStyleDeprecatedModule(3fdbde6) - field:
markForCheckon 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
contentActiveclassName when acontentis active (8fa11fa)
10.1.0 (2020-08-24)
- tabs: when changing tabs the content shows the
overflowYwithdynamicHeight(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
overflowYwithdynamicHeight(26dd227)
- field: improve styles (fb6c43b)
- tabs: improve tabs (684c28b)
- add
contentActiveclassName when acontentis active (8fa11fa) - field: add
ly-display-with(ea67154) - tabs: add
animationDurationoption (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
overflowYwithdynamicHeight(26dd227)
- field: improve styles (fb6c43b)
- tabs: improve tabs (684c28b)
- add
contentActiveclassName when acontentis active (8fa11fa) - field: add
ly-display-with(ea67154) - tabs: add
animationDurationoption (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.13.5.0 (2020-07-29)
- lyShow is deprecated (8ea68ec)
- dialog: support beakpoints in
LyDialogConfig(79bf46a) - expose
createStyleto 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-selecthas noly-option(83995cd)
3.4.0 (2020-07-10)
- cropper:
autoCropdoes 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)
@Styledecorator does not support boolean values (00d61cc)
- cropper: Add resizable area, round, and keepAspectRatio options (#119) (0227d49), closes #94
- support for another className instead of
rootforrenderSheet(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)
Platformexported in@alyle/uiis 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
xtoXOrigin(71ca4cd)
- cropper: add
leftandtopto result (2d0211f)
3.2.4 (2020-04-19)
- use
ScrollDispatcher & ViewportRulerinstead ofWinScroll & WinResize(a762567)
- add
hasNavigationArrows&hasNavigationIndicatorsoption (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
LyHostClasstoStyleRenderer(6067526)
3.2.0 (2020-04-01)
- select: fix vertical slider styles (a914bd5)
- slider: fix disable styles (06e8031)
- expose renderStyleSheet (0d87ce6)
- rename
getClasstoselectorOf(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
selectionChangemissing (112f15e) - select: support select with asynchronously options (e87c007)
- memoize: add memoize (a2baac0)
- tabs: add @Input() keepContent (7bd525c)
- tabs: add the
dynamicHeightandkeepContentoption (8554a35)
3.1.0 (2020-03-06)
- carousel: fix styles (cae9497)
- select: add
selectionChangemissing (112f15e) - select: support select with asynchronously options (e87c007)
- memoize: add memoize (a2baac0)
- tabs: add
@Input() keepContent(7bd525c) - tabs: add the
dynamicHeightandkeepContentoption (8554a35)
3.0.0 (2020-02-07)
- show error when using
heightin Drawer (1f5a8fa) - checkbox: use input color with
@styledecorator (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
rootclass 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
disableClosetoLyDialogConfigandLyOverlayConfig(ccfe2ee) - menu: add open and closed state events (a61e7e1)
2.9.2 (2019-07-18)
- fix
Positioningwhen 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
existStylemethod (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: blockto fullWidth (139265c) - tabs:
selectedIndexChangedo not emit first value (1ce4fe7)
- tabs: add
@Input() activeforLyTabLabel(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
nullvalue (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:
_tabLabelof undefined (1515f60) - tabs: fix scrollable tab (ef0dbd3)
- toolbar: change
densetoappearance="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
bgandcolor(322807a) - style: allow
@globalin 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
intervalattribute is not updated when the value is changed (e9c4c03) - select: fix
dirtytrue 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
stylefor 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
focusEventto<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-barwhen 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.base64is now deprecated, usecropperEvent.dataURLinstead
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
viewChildelement (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
headerPlacementwhen 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
LyButtonwithLyTabLabel(eccad38) - typography: change
fontSizeto 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
parentStyletoaddStyle(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
getPositionmethod (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
starttobefore&endtoafter(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
keyforaddStyleSheet(47d012c) - tooltip: fix
No component factory found for LyOverlayBackdrop(0a3db67) - tooltip: update default
lyTooltipHideDelayto0(e4c8022)
- core: add
$nameto 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.base64is 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
minScaleproperty (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
LyGridColtoLyGridItem(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/layoutto@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:
addStyleSheetreturn named object of the classes (7478a33)
- core: add option for global style (5cdf290)
1.7.0-beta.50yre (2018-08-20)
- theme: fix
setThememultiples themes (8814f9e) - theme: fix
setThemenot working (bafa607) - theme: fix multiples themes (093f6de)
- theme: get className in
devMode()(2b6d25e)
- core: add
colorOftoLyStyleUtils(9bc08c9)
- button: update styles (8efee2b)
1.7.0-beta.4u2xw (2018-08-17)
- button: change classses to public (678e0e8)
- theme: rename
styleNametowithClassdirective (f9f1c79) - theme: rename MinimaThemeModule to ThemeMinimaModule (ab2e2f4)
- theme: update interface for Style (397653e)
- button: update button with
addStyleSheet(e5c9e33) - tabs: add
selectedIndexOnChangefor tabs (865d45a) - tabs: support tabs with async (dc08d0e)
- theme: add
withClassdirective (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/flexis 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)