SAP / fundamental-ngx

Fundamental Library for Angular is SAP Design System Angular component library
https://sap.github.io/fundamental-ngx
Apache License 2.0
263 stars 126 forks source link

The examples in "stackblitz" don't work. #10844

Closed ehmh2009 closed 4 months ago

ehmh2009 commented 10 months ago

Not possible to use sample applications in StackBlitz. e.g. for Timeline component. image

droshev commented 6 months ago

@kalo2711 Can you check which stackblitz examples aren't working properly

droshev commented 6 months ago

@kalo2711 Can you try to finish the testing this week? Can you update the progress?

droshev commented 6 months ago

@kalo2711 Once you restart testing, can you remove the blocked label?

kalo2711 commented 5 months ago

FIXED

Package CORE

Calendar • Programmatic Date Change

Combobox • Observable Async Example

Date Picker • Internationalization • Disable State

Card • Standard Card

Dialog • Dialog State • Dialog configuration • Label Dialog Automatically • Dialog with inner popovers

Carousel • Carousel with multiple active items - Styling issue • Carousel with dynamic items - Styling issue • Automatic slides count - Styling issue • Background Modifiers - Styling issue

Facets • Loading • Alignment • Group • Form • Form Link (deleted) • Image (deleted) • Rating Indicator (deleted) • Key-Value (deleted)

Grid List • None Mode • single select mode • multi select mode • group

Icon • SAP icons • BusinessSuiteInAppSymbols icons • TNT icons • icon colors

Illustrated message • Inline SVG

Info label • info label with text • info label with text and icon

Input Group • Input group search

Menu • Menu with scrollbar • Menu with submenu • Extended menu

Message Strip • Custom icons • Message strips indication colors • Message strip alerts • Auto dismiss message strip alerts

Micro Process Flow • Micro process flow • Status indicator icons/other controls • Micro process flow with popover • Micro process flow overflow

Multi Input • Observable async example

Notification • Component as content

Object Status • Object status text only • object status with generic indication colors • clickable object status • inverted object status with generic indication colors

Panel • Expandable Panel

Popover • Simple Popover • Popover with header and footer • Popover placement

Product Switch • Basic Product switch inside shellbar

Progress Indicator • Progress Indicator Truncation

Radio Button • Radio Button States

Rating Indicator • rating indicator with predefined ratings object

Scrollbar • Scrollbar

Select • Select semantic states • Extended options

Shellbar • Basic • Links with collapsible menu and product switcher

Side Navigation • Side navigation with one level list • side navigation with multiple levels • side navigation with multiple levels and selected option • side navigation with programmatically state change • side navigation generated from configuration object • side navigation condensed mode generated from configuration object

Slider • Tooltip • Disabled • Vertical Slider

Split Button • Button behaviours • Buttons with icons

Status Indicator • Linear filling • Angled filling • Circular filling clockwise • Circular filling anti-clockwise • Status indicator clickable

Step Input • Custom locale

Switch • Default switch with variations

Table • Default table • Table with footer • Customizable columns • Column sorting and filtering • Focusable • Table with angular cdk • Table with fixed header and footer • Skeleton loading

Tabs • Simple tabs • Tabs with counter • Icon only mode • Process mode • Filter mode • Collapsible overflow • Stacked content • Collapsible tab • Default tab

Text • Text max lines example

Tile • Launch tile • KPI tile • Action tile • Feed tile • Clickable tile

Timeline • Horizontal double side layout

Tree • Default tree • Navigatable tree items • Highlight indicators • Tree item action buttons • Selectable tree items • Lazy loading tree items

Dynamic page • Basic dynamic page

Flexible column layout • Flexible column layout with custom layout config

Layout Grid • Responsive columns • Responsive offset

Overflow layout • Overflow layout complex example

Theming • Theme switcher • Setting theme via URL

Truncate • Element by width • Text

Standard List • Filter and sort list (Problem with imports)

List with byline • List selection with byline • List with byline, buttons and counter • Unread list item • Skeleton loading


Table • Customizable columns • Column sorting and filtering - X • Focusable • Table with angular cdk • Table with fixed header and footer • Skeleton loading

Content density • ContentDensityStorage • GlobalContentDensity Service


Post-Line: PLATFORM FIXED:

Approval Flow • Approval flow • Approval flow with custom statuses

Button • Button sizes • Button with icons • Button State

Date Picker • Date picker that updates its value on blur • Mobile mode

Datetime Picker • Mobile mode

Icon Tab Bar • Text type tabs • Text type tabs (column mode) • Icon type tabs • Icon type tabs with labels • Filter type tabs • Process type tabs • Nested tabs • Reordering • Overflowing • Configurable paddings • Tabs content • Multi Click Area

Info Label • Info label with text • Info label with text and icon • Info label with a number or an icon • Info label with an Aria label for accessibility

Input Group • Input group usage with form

Link • Disabled link • Disabled and Emphasized link

Menu • Menu with horizontal positioning • Menu within scrolling container • Menu

Menu Button • Cozy menu button states • Compact menu button states • Types of menu button

Message Popover • Message popover with simple forms • Message popover with form container component • Message popover with custom error configuration • Message popover with form generator component

Object Status • Object status with generic indication colors • Inverted object status with generic indication colors

Panel • Compact Panel • Fixed Height Content Panel

Select • Select Modes • Select with two columns • Select Semantic States • Custom control Content with autoresize • Select in Mobile Mode • Select Max Height • No Value Select • Do not Wrap the Options • Select in a Reactive Form

Slider • Range • Slider with form field • Disabled

Dynamic Page • Basic • Dynamic Page with facets

Action List Item • Action list item • Action list item 2

Object List Item • Object List Item

List • Virtual Scroll • Free contentcompa

Standard List Item • Standard list item (ByLine) - Footer • Standard list item - interactive state • Standard list item (ByLine) - Secondary text types • Standard list item (ByLine) - Single Selection • Standard list item (ByLine) - Multi Selection

Settings Generator • Standard usage • Displaying validation errors with settings generator • Settings generator with custom layout • Settings generator with custom controls • Settings generator in Dialog

Smart filter bar • Custom data provider example • Custom filters example • Smart filter bar with custom labels • Smart filter bar in dynamic range

Variant Management • Standard usage • Variant management with table • Variant Management with Dynamic Page

Value Help Dialog • Custom strategy labels • Multi input field with value help dialog • Custom columns

Table • Custom Column Width & Column Resizing • Custom Column • Loading / Busy State • Custom "no data" message component • No outer borders • Hiding columns depending on the table size • Single row selection • Preserving table state • Handling large amounts of data

Form Container • Column • Form Field Group • Change of column number for a field • Change of isInline value for a field • Customizing field layout

Form Generator • Advanced control management

Wizard Generator • Default • Wizard generator in dialog • Customizable wizard generator • Customizable wizard generator in dialog • Branching wizard • Responsive paddings for wizard generator • Visible summary step with branching • Responsive paddings for Wizard generator in dialog • Handling complex objects rendering on Summary page • External navigation buttons • Field on-change interaction • Handling form items visibility across the steps • Special elements in Wizard Generator

kalo2711 commented 5 months ago

No Compile Issues, but dropdown menu is not opening fully on almost all components that contain it: Action Sheet

kalo2711 commented 4 months ago
droshev commented 4 months ago

All known failing stackblitz examples have been fixed