- Hide close UI element on toast when dismissOnClick is disabled (SUP-14476)
- Fixed min/max value behavior on number input (SUP-12404)
- Fixed
DateTimePicker
andDateTimePickerControls
rome dependency import which prevented the Date Picker controls to render (SUP-14476)
- Upgraded drifting dependencies - especially Webpack 4 to Webpack 5
- Added official support for Angular 13
- Hide close UI element on toast when dismissOnClick is disabled (SUP-14476)
- Fixed min/max value behavior on number input (SUP-12404)
- Fix font-sizes of heading tags (SUP-10898).
- The Textarea is not jumping around while editing the text inside of it (SUP-10295).
- Show correct cursor and item preview when dragging in sortable-list (SUP-8790).
- Add new input property for breadcrumbs that is used for collapsed state background (SUP-9200).
- Add support for autocomplete property to input (GTXPE-694).
- Add email, tel and url field types to input with predefined regex pattern (GUIC-123).
- Add custom clear and submit icons possibility to search bar (GUIC-174).
- Add official support for Angular 8 (GUIC-232).
- Add hideTitle property for to hide the title for non-active tabs with icons.
- Disabled checkbox now shows not allowed cursor on hover (GUIC-169).
- Export some missing component and directive classes, such that they are not only usable in templates, but also in TypeScript code (GUIC-229).
- Make sure that styles that apply to native HTML types are always scoped to the UI Core components they are used in. Important: This may break some styles in an app, if they relied on the global scope of these styles.
- Fix error when destroying a non-pure Tabs component (GUIC-227).
- Display active status correctly, if a <gtx-tab> is added to a <gtx-tabs> instance in pure mode after the tab's ID was set as the activeId (GUIC-226).
- Fix the problem that the SideMenu could not be opened a second time on IE and Edge.
- Fix disabled state on Grouped Tabs
- Fix status icon styling in mobile aspect ratios
- Fix disabling status icons on separate tabs
- Add status icons to GrouppedTabs
- Revised toast notifications styling
- Add configuration override property to forRoot()
- Fix dropdown flowup behavior (SUP-7852)
- Add noswipe Input to SplitViewContainer component which disables swipe gestures on touch devices.
- Add close button to toast notifications (SUP-7663)
- Add GroupedTabs TabGroup toggle output
- Fix GroupedTabs async change issues
- Fix gtx-split-button CSS
- Improve styling of breadcrumbs
- Add a GroupedTabs component (GUIC-215)
- Add a SplitButton component (GUIC-216)
- Add an option to disable single
gtx-dropdown-item
elements - Switch to material-design-icons-iconfont npm package (GUIC-217)
- Fix jumping in breadcrumbs (GTXPE-182)
- Style fixes in breadcrumbs for IE and Edge (GTXPE-182)
- Move expand button inside breadcrumbs (GTXPE-182)
- Style non-multilined breadcrumbs the same way as collapsed multiline breadcrumbs (GTXPE-182)
- Make breadcrumbs use ChangeDetectionStrategy.OnPush (GTXPE-182)
- Fix the
focus
event of Input to always emit the current value of the input field (GUIC-160). - Fix the handling of the
DateTimePicker.timestamp
input property - it can now be used to set a new value and not just the initial value (GUIC-160).
- Fix license in package.json.
- Update to Angular 7, RxJS 6.x, and materialize-css 1.0 (GUIC-180)
- Update other dependencies
- Migrate project to angular-cli (GUIC-180)
- Add history documentation generation option and browser
- Angular 5 and 6 are no longer supported.
- The location of most of the files in the npm package has changed. Previously the build and styles files were contained in
node_modules/gentics-ui-core/dist
, now they are contained directly innode_modules/gentics-ui-core
. This is important e.g., for importing styles (i.e., change from@import "~gentics-ui-core/dist/styles/core";
to@import "~gentics-ui-core/styles/core";
). - The foundation-grid package is now a dependency and no longer directly included in the gentics-ui-core package. If you import e.g., styles from
~gentics-ui-core/dist/styles/foundation-grid
, you have to change to importing from~foundation-grid
. - The fonts and icons are now a dependency and no longer directly included in the gentics-ui-core package. You no longer need to set
$icons-font-path
and$roboto-font-path
in your SCSS files. - Make sure that
preserveWhitespaces
is set totrue
in theangularCompilerOptions
in yourtsconfig.app.json
and in the parameters tobootstrapModule()
in yourmain.ts
(see Using ui-core in a project) - this is actually not a change in UI Core, but angular-cli now uses a default setting offalse
.
- Add icon property to Select (GUIC-212)
- Fix ModalService openModalComponents counter, when multiple instances needed. (SUP-7331)
- Add placeholder option to Select (GUIC-205)
- Remove the firing of the change event in writeValue() method (GUIC-193)
- Fix race condition in multiline breadcrumbs in IE and Edge (GUIC-203)
- Fix the order of ngModel and onChange (GUIC-204)
- Fix .clear-button style to be scoped to gtx-select (SUP-7296)
- Add clearable option to Select (GUIC-195)
- Fix styling of breadcrumbs (GTXPE-182)
- Add support for vertical tabs (GUIC-186)
- Add optional tooltip for breadcrumbs (GUIC-189)
- Add option for multiline breadcrumbs (GUIC-190)
- Add support for pattern validation to textarea (GUIC-191)
- Fix unexpected propagation of DOM onChange event in Textarea during onBlur (GUIC-187)
- Fix modal height in IE11 with dynamic height calculation by surrounding elements. (GUIC-188)
- Fix keyboard usage and search in the Select-Component when multiple option selection is enabled (GUIC-185)
- Fix modal height in IE11 to fit to the height of the modal's content.
- Fix the dropdown-content style which causes the content to get pushed out of it (GUIC-181)
- Fix the
gtx-input
's width inside the date-time-picker to make it responsive to the parents width (GUIC-163, GUIC-179, #5)
- Add support to override the DateTimeFormatProvider on the DateTimePickerControl-Component (SUP-6172)
- Fix change-detection and update of the calendar in the DateTimePickerControl when a FormatProvider pushes changes (SUP-6172)
- Fix occasional incorrect height calculation of Textarea (GUIC-152).
- Fix runtime error in DropdownList when opening with empty content
- Add "warning" toast type to Notification service
- Add "thumbLabel" option to Range input
- Fix modal scrolling on small screens (GUIC-93)
- Fix DateTimePicker component in "OnPush" components (GUIC-160)
- Fix DateTimePicker styling in modals for IE (GUIC-161)
- TextArea component works correctly in Internet Explorer (GUIC-158)
- Fix AoT error in Tabs component (GUIC-155)
- New "clear" event on clearable DateTimePickers
- Add
wrap
input to Tabs component to control wrapping of tabs - Add title attribute to tabs
- Add "expand" option to the DropdownList
width
input
- Prevent disabled DateTimePicker from being cleared (GUIC-146)
- Fix SideMenu causing extra whitespace on Chrome mobile
- Fix DropdownList positioning on mobile
- Fix DropdownList ScrollMask not preventing scroll on Chrome mobile
- Fix Select width when contents are wider than select element itself
- GUIC is now built with Angular 5 and requires that version as a peerDependency
- GUIC now requires the @angular/animations module as well as the
web-animations-js
polyfill to allow the animations to work in IE and Safari.
- Remove padding from select with no label
- Tabs support icons (GUIC-140)
- Long text in tabs are truncated with text ellipsis (GUIC-143)
- DateTimePicker clear button aligned independent of parent height (GUIC-148)
- Buttons no longer forward click events when disabled (GUIC-124)
- Ignore clicks on disabled routerLink breadcrumbs
- InputField and SearchBar correctly communicate with ngModel (GUIC-149, GCU-377)
- Make DateTimePicker clearable (GUIC-139)
- Fix downstream build issues introduced by an update to moment.js (GUIC-138)
- DropdownList exposes a
.resize()
method
- Fix positioning issues with DropdownList (GUIC-118)
- Add
open
andclose
events to DropdownList. - Large Select menus are initialized to the selected item (GUIC-131).
- Implement max, min and year selection in DateTimePicker (GUIC 130).
- Split up DateTimePicker into standalone DateTimePickerControls component.
- ModalService no longer attempts to open modal before the host view is registered.
- Remove redundant "readonly" inputs on Checkbox, Range and RadioButton.
- Fixed bad publish to npm, no source changes.
- Improve type safety of ModalService.fromComponent() method.
- Fix SplitViewContainer incorrectly switching in IE11 (GUIC-126)
- Library had not been rebuilt before last npm publish, so some changes were not there.
- Library is now built with ngc, generating metadata files required for AoT-compiled projects.
- OverlayHostService no longer breaks when instantiated in a child module.
- Select options are updated upon changes (GUIC-120).
- Add static
forRoot()
method toGenticsUICoreModule
to enable use in apps with lazy-loaded child modules. Importing without theforRoot()
call will not include the providers, only the declarations and pipes.
- Update to Angular 4
- Update to TypeScript 2.2.2
- ProgressBar accepts an observable via
[for]
which starts/completes the progress bar ontrue
/false
. - SplitViewContainer focus changing in a
click
event no longer resets the focus (GUIC-82) - Style clickable areas in SplitViewContainer more obvious at small/medium breakpoints (GUIC-109)
- SplitViewContainer can be styled in consuming applications instead of detecting its position (GUIC-107)
- SplitViewContainer focus changing in a
click
event no longer resets the focus (GUIC-82)
- SplitViewContainer state management moved to the parent container with double-binding (GUIC-82):
<split-view-container [(focusedPanel)]="panelToFocus" [rightPanelVisible]="hasContent"> </split-view-container>
leftContainerWidthPercent
is renamed tosplit
(double-binding) /initialSplit
(one-time default):<split-view-container [(split)]="percentageControlledByParent"></split-view-container> <split-view-container [initialSplit]="30"></split-view-container>
- All form components provide styling for "invalid" state when used with ngModel validators
- All form components provide setDisabledState of the ControlValueAccessor interface (GUIC-100)
- Range slider supports label and has consistent styling with other inputs
- Textarea resizes itself when the text exceeds the width and wraps into another line (GUIC-106)
- ModalService exposes
openModals
property for querying currently-open modal components.
- Breadcrumb component is easier to use with transcluded components (GCU-308)
- Prevent focus of links and items in SideMenu when hidden
- Notification messages may contain newlines and indentation
- Autofocus directive fixed for generated content (ngIf, ngFor)
- Fix Range input in IE11 and Edge (GUIC-101)
- Add exports of DropdownItem & DropdownTrigger missing in 2.1.0 (GUIC-104)
- SortableList allows dragging between lists with the
group
attribute, expose sortable API (GUIC-104)
- Fix values emitted by Textarea "blur" and "focus" events (GUIC-102)
- Fix Textarea height no longer adapting to contained text
- Fix InputField and Textarea value binding with NgModel/FormControlName
- Fix InputField and Textarea values not being correctly updated
- Fix AutofocusDirective exception in Firefox (GCU-269)
- Fix InputField and Textarea values not being correctly updated
- Fix smaller styling issues of Select, Modals and DropdownList
- Remove leaking core-js typings reference from generated d.ts files
- Correctly interpolate font paths in icons Sass file
- Add some missing methods to the
MomentLike
interface inDateTimePickerFormatProvider
- Fix Modal animations
-
DropdownList - lists are now created with the
<gtx-dropdown-item>
component:<!-- before --> <gtx-dropdown-content> <ul> <li><a>Item 1</a></li> <li><a>Item 2</a></li> </ul> </gtx-dropdown-content> <!-- now --> <gtx-dropdown-content> <gtx-dropdown-item>Item 1</gtx-dropdown-item> <gtx-dropdown-item>Item 2</gtx-dropdown-item> </gtx-dropdown-content>
-
Select - options and option groups now have a "gtx-" prefix:
<!-- before --> <gtx-select label="Pick an option"> <optgroup label="Foos"> <option value="foo1">Foo 1</option> <option value="foo2">Foo 2</option> </optgroup> <optgroup label="Bars"> <option value="bar1">Bar 1</option> <option value="bar2">Bar 2</option> </optgroup> </gtx-select> <!-- now --> <gtx-select label="Pick an option"> <gtx-optgroup label="Foos"> <gtx-option value="foo1">Foo 1</gtx-option> <gtx-option value="foo2">Foo 2</gtx-option> </gtx-optgroup> <gtx-optgroup label="Bars"> <gtx-option value="bar1">Bar 1</gtx-option> <gtx-option value="bar2">Bar 2</gtx-option> </gtx-optgroup> </gtx-select>
- Migrate type definitions to @types/*
- Add Moment as a peerDependency
- Component templates now get inlined as strings in build step
- DropdownList: extend API with
sticky
,closeOnEscape
,isOpen
,disabled
andcloseDropdown()
; add keyboard support - Buttons can be declared as submit button
- Selects can bind to object values, full keyboard control support (GUIC-86)
- All form components support
autofocus
(GUIC-91, GCU-143, GCU-192) - Remove jQuery dependency (GUIC-98)
- No longer leak type definition dependencies (moment, hammerjs, sortablejs etc.)
- User can no longer trigger scrolling via keyboard when DropdownList is open
- Fixed z-index issues with Select component (GUIC-86)
- Updated to Angular 2 final. No longer compatible with any version of Angular prior to 2.0.0-rc.6. Exporting lib as
GenticsUICoreModule
. - DropdownList now uses elements rather than classes to contain the trigger and contents:
<!-- before --> <gtx-dropdown-list> <a class="dropdown-trigger">trigger</a> <ul class="dropdown-content"> <li><a>Content</a></li> </ul> </gtx-dropdown-list> <!-- now --> <gtx-dropdown-list> <gtx-dropdown-trigger> <a>Trigger</a> </gtx-dropdown-trigger> <gtx-dropdown-content> <ul> <li><a>Content</a></li> </ul> </gtx-dropdown-content> </gtx-dropdown-list>
- DropdownList no longer cuts off long lists (GUIC-89, GCU-222)
- DateTimePicker now translatable & localizable (GCU-170)
- Fix FilePicker events being emitting on wrong conditions
- Prevent wrapping in icon buttons (GUIC-88)
- DatePicker formatting fixed for small screen sizes
- Remove Modal component in favor of
ModalService.fromComponent
- Modal CSS changed to fit all screen sizes
- ModalService default options no longer overwritten
- SearchBar accepts placeholder parameter to translate it
- Icons can now be written as "icon" element, e.g.
<icon left>wastebin</icon>
instead of<i class="material-icons left">wastebin</i>
- SplitViewContainer works with OnPush change detection
- SplitViewContainer handles dragging outside of the window
- Select uses ellipses if selected item text is wider than component
- Select dropdown aligns with the input
- DropdownList works inside modals
- Range component no longer forwards native "change"/"focus"/"blur" DOM events
- Button component does not forward native "click" events when disabled
- FilePicker styles fixed to align with button appeareance
- OverlayHostService: fix bug with registering multiple consumers
- Breadcrumbs use a back button on small screens and ellipsis on medium and up
- (docs) Fix issues with PageFileDragHandler provider declaration
- [semver-minor] ModalService: promise no longer rejects when modal is cancelled
- Added "for" input to ProgressBar that accepts an Observable or a Promise
- Added Tabs component
- SideMenu positioning for small screens
- ProgressBar cleans up when using start() multiple times
- ProgressBar works more reliably and with ChangeDetection.OnPush
- Resolved many compatibility issues on older browsers
- DropdownList performance improvements
- (docs) Reorder polyfills so zone.js patches promises
- Fixed broken import names of 0.7.0 which don't work in compiled JavaScript
- Fixed MenuToggleButton not accepting clicks / hover
- Added FilePicker component
- Added FileDropArea & PreventFileDrop directives
- Added PageDragDropFileHandler service
- ModalService.fromComponent() now accepts a parameter defining local variables
- Split SideMenu and MenuToggleButton into separate components
- SideMenu can now have its width and position configured
- (docs) Improved parsing & display of auto docs
- (docs) Renamed title attribute to prevent browsers from displaying tooltips on hover
- (docs) Show angular template errors in console instead of silently failing
- ModalService templates named correctly and exported
- ModalService styling
- Fix layout issues with Checkbox & RadioButton
- SearchBar now has a ValueAccessor, and
hideClearButton
attribute - ModalService introduced for more flexible promise-based modals
- Add version number to docs
- Upgraded to angular release candidate 4
- Upgraded to new router and form directives
- (build) Updated jscs version
- Fix resizing SplitViewContainer above iframe
- Resolved Performance problem with innerHTML in docs
- Fix "Cannot read property of undefined" in Notifications
- (docs) Prevent angular from sanitizing strings in AutoDocs
- Add gulp "dist:watch" task, internal tasks not exposed anymore
- Form components can be imported individually
- InputField is now marked as "touched" on blur
- Select is now marked as "touched" on blur
- Images in ui-core demo changed to relative urls
- SearchBar now has a "clear" button and event
- SearchBar can project content
- Add OverlayHostService & refactored the way that overlays are created
- (build) Updated tslint version
- (tests) Add source map support for karma tests
- InputField no longer fires "change" event on blur
- DropdownList now uses native Angular methods of inserting & disposing of DOM nodes, which fixes some layout issues
- Upgrade to typings 1.0.4
- Gulp tasks now exit with a non-zero code when errors occur
- Check sass validity in npm package build process
- Add breadcrumbs component
- Add progress-bar component
- Use Foundation 6 grid instead of the materialize grid
- DropdownList width and positioning are now adjustable
- (build) Test are only executed once
- (tests) Fix tests for DropdownList, RadioButton
- Fix sorting of SortableList
- Add icon buttons
- Add stateless mode for Checkbox and RadioButton
- Add show-on-hover class to ContentsListItem
- (docs) Fix docs parser regex
- (build) Upgrade to gulp v4
Basic selection of components, built on angular2 rc.0