@softheon/armature 17.12.3 → 17.12.5
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/ag-grid-components/src/sof-table/sof-table.component.d.ts +1 -1
- package/assets/styles/sof-styles.scss +172 -0
- package/esm2022/ag-grid-components/src/sof-table/sof-table.component.mjs +3 -3
- package/esm2022/lib/base-components/base-component-api.mjs +2 -1
- package/esm2022/lib/base-components/base-component.module.mjs +11 -1
- package/esm2022/lib/base-components/sof-utility-button/sof-utility-button.component.mjs +68 -0
- package/fesm2022/softheon-armature-ag-grid-components.mjs +2 -2
- package/fesm2022/softheon-armature-ag-grid-components.mjs.map +1 -1
- package/fesm2022/softheon-armature.mjs +71 -2
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/base-components/base-component-api.d.ts +1 -0
- package/lib/base-components/base-component.module.d.ts +30 -28
- package/lib/base-components/sof-utility-button/sof-utility-button.component.d.ts +39 -0
- package/package.json +1 -1
- package/ag-grid-components/package.json +0 -3
|
@@ -109,7 +109,7 @@ export declare class SofTableComponent implements OnInit, OnChanges, AfterViewIn
|
|
|
109
109
|
/** Populates the filter dropdowns */
|
|
110
110
|
private populateFilters;
|
|
111
111
|
static ɵfac: i0.ɵɵFactoryDeclaration<SofTableComponent, never>;
|
|
112
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SofTableComponent, "sof-table", never, { "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "sizeMode": { "alias": "sizeMode"; "required": false; }; "paginationPageSizeSelector": { "alias": "paginationPageSizeSelector"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "enableFilter": { "alias": "enableFilter"; "required": false; }; "enableCheckboxSelection": { "alias": "enableCheckboxSelection"; "required": false; }; }, {}, never,
|
|
112
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SofTableComponent, "sof-table", never, { "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "sizeMode": { "alias": "sizeMode"; "required": false; }; "paginationPageSizeSelector": { "alias": "paginationPageSizeSelector"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "enableFilter": { "alias": "enableFilter"; "required": false; }; "enableCheckboxSelection": { "alias": "enableCheckboxSelection"; "required": false; }; }, {}, never, never, false, never>;
|
|
113
113
|
}
|
|
114
114
|
/** Used for setting filter values */
|
|
115
115
|
declare class SofTableFilter {
|
|
@@ -1677,6 +1677,178 @@ button.soft-button-icon-v2{
|
|
|
1677
1677
|
}
|
|
1678
1678
|
}
|
|
1679
1679
|
}
|
|
1680
|
+
.cdk-overlay-connected-position-bounding-box{
|
|
1681
|
+
margin-top: 10px !important;
|
|
1682
|
+
}
|
|
1683
|
+
.mat-mdc-menu-panel{
|
|
1684
|
+
background-color: #FAFAFA !important;
|
|
1685
|
+
width: 240px !important;
|
|
1686
|
+
|
|
1687
|
+
|
|
1688
|
+
}
|
|
1689
|
+
|
|
1690
|
+
.mat-mdc-menu-item-text{
|
|
1691
|
+
font-weight: 500 !important;
|
|
1692
|
+
color: rgba(0, 0, 0, 0.87) !important;
|
|
1693
|
+
font-family: Poppins !important;
|
|
1694
|
+
}
|
|
1695
|
+
button.button-icon-utility{
|
|
1696
|
+
display: flex !important;
|
|
1697
|
+
padding: 0px!important;
|
|
1698
|
+
border-radius: 4px !important;
|
|
1699
|
+
height: 24px !important;
|
|
1700
|
+
justify-content: center !important;
|
|
1701
|
+
align-items: center !important;
|
|
1702
|
+
gap: 8px !important;
|
|
1703
|
+
width: 24px !important;
|
|
1704
|
+
&.mat-mdc-unelevated-button span.mdc-button__label.mdc-button__label{
|
|
1705
|
+
display: flex;
|
|
1706
|
+
align-items: center;
|
|
1707
|
+
font-size: 20px;
|
|
1708
|
+
|
|
1709
|
+
}
|
|
1710
|
+
&.mdc-button{
|
|
1711
|
+
min-width: 24px;
|
|
1712
|
+
}
|
|
1713
|
+
|
|
1714
|
+
&.full-width {
|
|
1715
|
+
width: 100% !important; // Use this is button width will take size of flex percentage
|
|
1716
|
+
}
|
|
1717
|
+
&:enabled{
|
|
1718
|
+
&.mat-primary{
|
|
1719
|
+
background: mat.get-color-from-palette($arm-primary, 500);
|
|
1720
|
+
color: map-get($arm-error, contrast, 900);
|
|
1721
|
+
border-radius: 4px solid !important;
|
|
1722
|
+
&:hover {
|
|
1723
|
+
background-color: mat.get-color-from-palette($arm-primary, 700) !important;
|
|
1724
|
+
color: map-get($arm-error, contrast, 700);
|
|
1725
|
+
}
|
|
1726
|
+
&:focus {
|
|
1727
|
+
background-color: mat.get-color-from-palette($arm-primary, 700) !important;
|
|
1728
|
+
outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
|
|
1729
|
+
outline-offset: 2px !important;
|
|
1730
|
+
}
|
|
1731
|
+
}
|
|
1732
|
+
&.mat-secondary{
|
|
1733
|
+
background-color: #FAFAFA !important;
|
|
1734
|
+
color: #146EF6 !important;
|
|
1735
|
+
&:hover{
|
|
1736
|
+
background-color: #F5F5F5 !important;
|
|
1737
|
+
color: #146EF6 !important;
|
|
1738
|
+
}
|
|
1739
|
+
&:focus{
|
|
1740
|
+
background-color: #E9E9E9 !important;
|
|
1741
|
+
}
|
|
1742
|
+
}
|
|
1743
|
+
&.mat-tertiary{
|
|
1744
|
+
color: #146EF6 !important;
|
|
1745
|
+
background: transparent !important;
|
|
1746
|
+
&:focus{
|
|
1747
|
+
background-color: rgba(20, 110, 246, 0.08) !important;
|
|
1748
|
+
}
|
|
1749
|
+
&:hover{
|
|
1750
|
+
background-color: rgba(20, 110, 246, 0.04) !important;
|
|
1751
|
+
}
|
|
1752
|
+
}
|
|
1753
|
+
&.mat-contained{
|
|
1754
|
+
color: #146EF6 !important;
|
|
1755
|
+
background: none !important;
|
|
1756
|
+
border: 3px solid #146EF6 !important;
|
|
1757
|
+
&:focus{
|
|
1758
|
+
border: 3px solid mat.get-color-from-palette($arm-primary, 700) !important;
|
|
1759
|
+
color: map-get($arm-error, contrast, 700);
|
|
1760
|
+
background-color: rgba(20, 110, 246, 0.08) !important;
|
|
1761
|
+
}
|
|
1762
|
+
&:hover{
|
|
1763
|
+
background-color:rgba(20, 110, 246, 0.04)!important;
|
|
1764
|
+
}
|
|
1765
|
+
}
|
|
1766
|
+
&.mat-contained-error{
|
|
1767
|
+
color:rgba(215, 36, 26, 1) !important;
|
|
1768
|
+
background: none !important;
|
|
1769
|
+
border: 3px solid rgba(215, 36, 26, 1) !important;
|
|
1770
|
+
&:focus{
|
|
1771
|
+
border: 3px solid mat.get-color-from-palette($arm-error, 700) !important;
|
|
1772
|
+
color: map-get($arm-error, contrast, 700);
|
|
1773
|
+
background-color:rgba(215, 36, 26, 0.08) !important;
|
|
1774
|
+
}
|
|
1775
|
+
&:hover{
|
|
1776
|
+
background-color: rgba(215, 36, 26, 0.04) !important;
|
|
1777
|
+
}
|
|
1778
|
+
|
|
1779
|
+
}
|
|
1780
|
+
&.mat-error-primary{
|
|
1781
|
+
background: rgba(215, 36, 26, 1) !important;
|
|
1782
|
+
color: map-get($arm-error, contrast, 900);
|
|
1783
|
+
&:hover {
|
|
1784
|
+
background-color: mat.get-color-from-palette($arm-error, 700);
|
|
1785
|
+
color: map-get($arm-error, contrast, 700);
|
|
1786
|
+
}
|
|
1787
|
+
&:focus {
|
|
1788
|
+
background-color: rgba(199, 22, 15, 1) !important;
|
|
1789
|
+
}
|
|
1790
|
+
}
|
|
1791
|
+
&.mat-error-secondary{
|
|
1792
|
+
background-color: #FAFAFA !important;
|
|
1793
|
+
color: rgba(215, 36, 26, 1) !important;
|
|
1794
|
+
&:hover {
|
|
1795
|
+
background-color: rgba(245, 245, 245, 1) !important;
|
|
1796
|
+
color: map-get($arm-error, contrast, 700);
|
|
1797
|
+
}
|
|
1798
|
+
&:focus {
|
|
1799
|
+
background-color:rgba(233, 233, 233, 1) !important;
|
|
1800
|
+
}
|
|
1801
|
+
}
|
|
1802
|
+
&.mat-error-tertiary{
|
|
1803
|
+
background: transparent !important;
|
|
1804
|
+
color: rgba(215, 36, 26, 1) !important;
|
|
1805
|
+
&:hover {
|
|
1806
|
+
background-color: rgba(215, 36, 26, 0.04) !important;
|
|
1807
|
+
color: map-get($arm-error, contrast, 700);
|
|
1808
|
+
}
|
|
1809
|
+
&:focus {
|
|
1810
|
+
background-color: rgba(215, 36, 26, 0.08) !important;
|
|
1811
|
+
}
|
|
1812
|
+
}
|
|
1813
|
+
|
|
1814
|
+
}
|
|
1815
|
+
&:disabled {
|
|
1816
|
+
&.mat-primary{
|
|
1817
|
+
background-color: #FAFAFA !important;
|
|
1818
|
+
}
|
|
1819
|
+
&.mat-secondary{
|
|
1820
|
+
background-color: transparent !important;
|
|
1821
|
+
}
|
|
1822
|
+
&.mat-contained{
|
|
1823
|
+
background-color: transparent !important;
|
|
1824
|
+
border: 3px solid rgba(0, 0, 0, 0.38) !important;
|
|
1825
|
+
color:rgba(0, 0, 0, 0.38) !important ;
|
|
1826
|
+
}
|
|
1827
|
+
&.mat-contained-error{
|
|
1828
|
+
background-color: transparent !important;
|
|
1829
|
+
border: 3px solid rgba(0, 0, 0, 0.38) !important;
|
|
1830
|
+
color:rgba(0, 0, 0, 0.38) !important ;
|
|
1831
|
+
}
|
|
1832
|
+
&.mat-tertiary{
|
|
1833
|
+
background-color: transparent !important;
|
|
1834
|
+
}
|
|
1835
|
+
&.mat-error{
|
|
1836
|
+
background: rgba(250, 250, 250, 1) !important;
|
|
1837
|
+
}
|
|
1838
|
+
&.mat-error-primary{
|
|
1839
|
+
background: rgba(250, 250, 250, 1) !important;
|
|
1840
|
+
|
|
1841
|
+
}
|
|
1842
|
+
&.mat-error-tertiary{
|
|
1843
|
+
background: rgba(250, 250, 250, 1) !important;
|
|
1844
|
+
|
|
1845
|
+
}
|
|
1846
|
+
&.mat-error-secondary{
|
|
1847
|
+
background: rgba(250, 250, 250, 1) !important;
|
|
1848
|
+
|
|
1849
|
+
}
|
|
1850
|
+
}
|
|
1851
|
+
}
|
|
1680
1852
|
mat-card {
|
|
1681
1853
|
&.mat-mdc-card.item-list {
|
|
1682
1854
|
box-shadow: 0px 1px 7px rgb(166 159 159 / 25%) !important;
|