@salla.sa/twilight-components 2.12.75 → 2.12.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -47
- package/dist/cjs/app-globals-6f163c1c.js.map +1 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js +4 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js.map +1 -1
- package/dist/cjs/salla-filters.cjs.entry.js +0 -1
- package/dist/cjs/salla-filters.cjs.entry.js.map +1 -1
- package/dist/cjs/salla-products-list.cjs.entry.js +22 -13
- package/dist/cjs/salla-products-list.cjs.entry.js.map +1 -1
- package/dist/collection/components/salla-filters/salla-filters.js +0 -1
- package/dist/collection/components/salla-filters/salla-filters.js.map +1 -1
- package/dist/collection/components/salla-filters-widget/salla-filters-widget.js +4 -1
- package/dist/collection/components/salla-filters-widget/salla-filters-widget.js.map +1 -1
- package/dist/collection/components/salla-products-list/salla-products-list.js +22 -13
- package/dist/collection/components/salla-products-list/salla-products-list.js.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/salla-filters-widget2.js +4 -1
- package/dist/components/salla-filters-widget2.js.map +1 -1
- package/dist/components/salla-filters.js +0 -1
- package/dist/components/salla-filters.js.map +1 -1
- package/dist/components/salla-products-list.js +22 -13
- package/dist/components/salla-products-list.js.map +1 -1
- package/dist/esm/app-globals-efc9607d.js.map +1 -1
- package/dist/esm/salla-filters-widget.entry.js +4 -1
- package/dist/esm/salla-filters-widget.entry.js.map +1 -1
- package/dist/esm/salla-filters.entry.js +0 -1
- package/dist/esm/salla-filters.entry.js.map +1 -1
- package/dist/esm/salla-products-list.entry.js +22 -13
- package/dist/esm/salla-products-list.entry.js.map +1 -1
- package/dist/esm-es5/app-globals-efc9607d.js.map +1 -1
- package/dist/esm-es5/salla-filters-widget.entry.js +1 -1
- package/dist/esm-es5/salla-filters-widget.entry.js.map +1 -1
- package/dist/esm-es5/salla-filters.entry.js.map +1 -1
- package/dist/esm-es5/salla-products-list.entry.js +2 -2
- package/dist/esm-es5/salla-products-list.entry.js.map +1 -1
- package/dist/twilight/p-14ba306c.system.js.map +1 -1
- package/dist/twilight/{p-2f09d51a.entry.js → p-42bec37b.entry.js} +2 -2
- package/dist/twilight/{p-2f09d51a.entry.js.map → p-42bec37b.entry.js.map} +1 -1
- package/dist/twilight/p-456195ae.system.js +1 -1
- package/dist/twilight/p-4b7f7e1b.entry.js +5 -0
- package/dist/twilight/p-4b7f7e1b.entry.js.map +1 -0
- package/dist/twilight/{p-30db60a1.system.entry.js → p-572e1989.system.entry.js} +2 -2
- package/dist/twilight/{p-30db60a1.system.entry.js.map → p-572e1989.system.entry.js.map} +1 -1
- package/dist/twilight/p-9f54aa1e.system.entry.js.map +1 -1
- package/dist/twilight/p-c2c2f116.entry.js.map +1 -1
- package/dist/twilight/p-e1a5fa10.system.entry.js +5 -0
- package/dist/twilight/p-e1a5fa10.system.entry.js.map +1 -0
- package/dist/twilight/p-e6534d30.js.map +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-products-list/salla-products-list.d.ts +1 -0
- package/package.json +2 -2
- package/dist/twilight/p-b095f117.system.entry.js +0 -5
- package/dist/twilight/p-b095f117.system.entry.js.map +0 -1
- package/dist/twilight/p-f5558708.entry.js +0 -5
- package/dist/twilight/p-f5558708.entry.js.map +0 -1
package/README.md
CHANGED
|
@@ -61,53 +61,62 @@ Below is a list of the ready-made Twilight JS Web Components which can be used e
|
|
|
61
61
|
|
|
62
62
|
Every web component comes with a list of **properties and events** that make that component customizable. Besides, each web component uses methods from the [**Twilight JS SDK**](https://salla.stoplight.io/docs/twilight-themes-documentation/3ac843cae76a2-overview) to fetch any needed data from the backend.
|
|
63
63
|
|
|
64
|
-
|
|
65
|
-
|
|
|
66
|
-
|
|
|
67
|
-
| [
|
|
68
|
-
| [
|
|
69
|
-
| [
|
|
70
|
-
| [
|
|
71
|
-
| [
|
|
72
|
-
| [
|
|
73
|
-
| [
|
|
74
|
-
| [
|
|
75
|
-
| [
|
|
76
|
-
| [
|
|
77
|
-
| [
|
|
78
|
-
| [
|
|
79
|
-
| [
|
|
80
|
-
| [
|
|
81
|
-
| [
|
|
82
|
-
| [
|
|
83
|
-
| [
|
|
84
|
-
| [
|
|
85
|
-
| [
|
|
86
|
-
| [
|
|
87
|
-
| [
|
|
88
|
-
| [
|
|
89
|
-
| [
|
|
90
|
-
| [
|
|
91
|
-
| [
|
|
92
|
-
| [
|
|
93
|
-
| [
|
|
94
|
-
| [
|
|
95
|
-
| [
|
|
96
|
-
| [
|
|
97
|
-
| [
|
|
98
|
-
| [
|
|
99
|
-
| [
|
|
100
|
-
| [
|
|
101
|
-
| [
|
|
102
|
-
| [
|
|
103
|
-
| [
|
|
104
|
-
| [
|
|
105
|
-
| [
|
|
106
|
-
| [
|
|
107
|
-
| [
|
|
108
|
-
| [
|
|
109
|
-
| [
|
|
110
|
-
| [
|
|
64
|
+
|
|
65
|
+
| Component | Code Tag | Description |
|
|
66
|
+
| --------------------------------------------------------------------------------- | ---------------------------- | --------------------------------------------------------------------------------------------------------------------- |
|
|
67
|
+
| [Add Product](docs/9.%20Twilight%20components/Add%20Product.md) | `salla-add-product-button` | Allows controllability over button text labels and behaviors based on the product-status and product-type properties. |
|
|
68
|
+
| [Advertisement](docs/9.%20Twilight%20components/Advertisement.md) | `salla-advertisement` | Displays Advertisment items inclduing icons, URLs, target, description |
|
|
69
|
+
| [Button](docs/9.%20Twilight%20components/Button.md) | `salla-button` | Shows a customizable button, in terms of size, color, style, status, position etc.. |
|
|
70
|
+
| [Breadcrumb](docs/9.%20Twilight%20components/Breadcrumb.md) | `salla-breadcrumb` | Navigational helper and hierarchy for pages where they are used as a high-level representation of where users have navigated |
|
|
71
|
+
| [Cart Summary](docs/9.%20Twilight%20components/Cart%20Summary.md) | `salla-cart-summary` | Shows the icon of the shopping cart with a small circle badge indicating the number of items in the cart. |
|
|
72
|
+
| [Color Picker](docs/9.%20Twilight%20components/Color%20Picker.md) | `salla-color-picker` | Allows selection of a color using a variety of input methods. |
|
|
73
|
+
| [Comment Form](docs/9.%20Twilight%20components/Comment%20Form.md) | `salla-comment-form` | Displays a comment form for specific products or pages |
|
|
74
|
+
| [Comments](docs/9.%20Twilight%20components/Comments.md) | `salla-comments` | Allows user to enter textual contents as a comment for Product or Page |
|
|
75
|
+
| [Conditional Fields](docs/9.%20Twilight%20components/Conditional%20Fields.md) | `salla-conditional-fields` | Allows for hiding / displaying certain features in a product, such as size. |
|
|
76
|
+
| [Count Down](docs/9.%20Twilight%20components/Count%20Down.md) | `salla-count-down` | Shows the amount of time left until a given date. |
|
|
77
|
+
| [Date Time Picker](docs/9.%20Twilight%20components/Date%20Time%20Picker.md) | `salla-datetime-picker` | Allows users to select both date and time with the same control. |
|
|
78
|
+
| [File Upload](docs/9.%20Twilight%20components/File%20Upload.md) | `salla-file-upload` | Allows the user to allow uploading a file or a number of files. |
|
|
79
|
+
| [Filters](docs/9.%20Twilight%20components/Filters.md) | `salla-filters` | Allows the user to filter the data in a variety of ways. |
|
|
80
|
+
| [Gifting](docs/9.%20Twilight%20components/Gifting.md) | `salla-gifting` | Display items as gifts, which can be used after the customer has completed a purchase. |
|
|
81
|
+
| [Infinite Scroll](docs/9.%20Twilight%20components/Infinite%20Scroll.md) | `salla-infinite-scroll` | Allows for infinite scrolling to load content continuously as the user scrolls down a page. |
|
|
82
|
+
| [Installment](docs/9.%20Twilight%20components/Installment.md) | `salla-installment` | Shows a block area for the available installment payment options provided for a specific product. |
|
|
83
|
+
| [List Tile](docs/9.%20Twilight%20components/List%20Tile.md) | `salla-list-tile` | Used to display listing items in a tile form. |
|
|
84
|
+
| [Loading](docs/9.%20Twilight%20components/Loading.md) | `salla-loading` | Used to convey that some data is currently loading to the user. |
|
|
85
|
+
| [Localization](docs/9.%20Twilight%20components/Localization.md) | `salla-localization-modal` | Shows the menu for the store's available languages and currencies. |
|
|
86
|
+
| [Login](docs/9.%20Twilight%20components/Login.md) | `salla-login-modal` | Displays the login form, which prompts a user for their credentials in order to authenticate their access. |
|
|
87
|
+
| [Loyalty](docs/9.%20Twilight%20components/Loyalty.md) | `salla-loyalty` | Display a popup that represents the Loyalty program. |
|
|
88
|
+
| [Map](docs/9.%20Twilight%20components/Map.md) | `salla-map` | Displays geographical maps from various sources with multiple layers, and interaction through events. |
|
|
89
|
+
| [Menu](docs/9.%20Twilight%20components/Menu.md) | `salla-menu` | Navigation drawer that slides in from the side of the current view. |
|
|
90
|
+
| [Modal](docs/9.%20Twilight%20components/Modal.md) | `salla-modal` | Displays a dialog box or pop-up window on top of the current page. |
|
|
91
|
+
| [Notifications](docs/9.%20Twilight%20components/Notifications.md) | `salla-notifications` | Displays messages to notify users with a specific information. |
|
|
92
|
+
| [Offer](docs/9.%20Twilight%20components/Offer.md) | `salla-offer-modal` | Shows a list of products with an offer given by the store admin. |
|
|
93
|
+
| [Placeholder](docs/9.%20Twilight%20components/Placeholder.md) | `salla-placeholder` | Reserves space for content that soon will appear in a layout. |
|
|
94
|
+
| [Product Availability](docs/9.%20Twilight%20components/Product%20Availability.md) | `salla-product-availability` | Show the "Notify availability" option as a button for the registered customer |
|
|
95
|
+
| [Product Card](docs/9.%20Twilight%20components/Product%20Card.md) | `salla-product-card` | Contains content and actions about a single subject in a card display mode. |
|
|
96
|
+
| [Product List](docs/9.%20Twilight%20components/Product%20List.md) | `salla-product-list` | Displays a group of related products with some of information, such as products' names, prices, and other relevant information in an organized way. |
|
|
97
|
+
| [Product Options](docs/9.%20Twilight%20components/Product%20Options.md) | `salla-product-options` | Shows customizable product fields before proceeding to ordering |
|
|
98
|
+
| [Product Size Guide](docs/9.%20Twilight%20components/Product%20Size.md) | `salla-product-size-guide` | Enables the merchant to add product measurements of height, weight, depth and other metrics. |
|
|
99
|
+
| [Products Slider](docs/9.%20Twilight%20components/Products%20Slider.md) | `salla-products-slider` | Navigates horizontally through a group of related products. |
|
|
100
|
+
| [Progress bar](docs/9.%20Twilight%20components/Progress%20Bar.md) | `salla-progress-bar` | Displays a progress bar indicating that data processing is underway. |
|
|
101
|
+
| [Quantity Input](docs/9.%20Twilight%20components/Quantity%20Input.md) | `salla-quantity-input` | Allows the customer to use a counter to specify the needed quantity of a specific product. |
|
|
102
|
+
| [Quick Order](docs/9.%20Twilight%20components/Quick%20Order.md) | `salla-quick-order` | Allows the customer to quickly checkout and pay for products. |
|
|
103
|
+
| [Quick Buy](docs/9.%20Twilight%20components/Quick%20Buy.md) | `salla-quick-buy` | Allows for placing the Quick Buy button for a quickly checkout and pay for products. |
|
|
104
|
+
| [Rating](docs/9.%20Twilight%20components/Rating.md) | `salla-rating-modal` | Displays the rating scale for a store, product, or shipping company. |
|
|
105
|
+
| [Rating Stars](docs/9.%20Twilight%20components/Rating%20Stars.md) | `salla-rating-stars` | Displays a form of rating scale using a star glyph. |
|
|
106
|
+
| [Scopes](docs/9.%20Twilight%20components/Scopes.md) | `salla-scopes` | Shows a list of scopes (branches) owned by the store |
|
|
107
|
+
| [Search](docs/9.%20Twilight%20components/Search.md) | `salla-search` | Shows a search box, field, or bar. |
|
|
108
|
+
| [Select](docs/9.%20Twilight%20components/Select.md) | `salla-select` | Allow selection from a particular dropdown list. | | `salla-sheet` | Baseline layout foudnation for other components to be set on. |
|
|
109
|
+
| [Skeleton](docs/9.%20Twilight%20components/Skeleton.md) | `salla-skeleton` | Displays an indication to the user that something is coming but not yet available. |
|
|
110
|
+
| [Slider](docs/9.%20Twilight%20components/Slider.md) | `salla-slider` | Gathers numerical user data by reflecting a range of values along a bar. |
|
|
111
|
+
| [Social Share](docs/9.%20Twilight%20components/Social%20Share.md) | `salla-social-share` | Displays a menu with social media platforms. |
|
|
112
|
+
| [Swiper](docs/9.%20Twilight%20components/Swiper.md) | `salla-swiper` | Modern touch slider to display a list of items. |
|
|
113
|
+
| [Tabs](docs/9.%20Twilight%20components/Tabs.md) | `salla-tabs` | Makes it possible to have several panes inside a single view. |
|
|
114
|
+
| [Tel Input](docs/9.%20Twilight%20components/Tel%20Input.md) | `salla-tel-input` | Shows a field for entering a telephone number, with country key/code prefix. |
|
|
115
|
+
| [User Menu](docs/9.%20Twilight%20components/User%20Menu.md) | `salla-user-menu` | Shows a navigation menu list with links. |
|
|
116
|
+
| [User Profile](docs/9.%20Twilight%20components/User%20Profile.md) | `salla-user-profile` | Displays the user information which be customised to display information such as Name, Email, Phone Number. |
|
|
117
|
+
| [User Settings](docs/9.%20Twilight%20components/User%20Settings.md) | `salla-user-settings` | Allows the user to manage their account settings. |
|
|
118
|
+
| [Verify](docs/9.%20Twilight%20components/Verify.md) | `salla-verify` | Shows fields for verifying email/mobile of users by sending OTP verification code. |
|
|
119
|
+
|
|
111
120
|
|
|
112
121
|
<p align="right">(<a href="#top">back to top</a>)</p>
|
|
113
122
|
|