Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "indice-ng-lib",
"version": "0.4.0",
"version": "0.4.2",
"scripts": {
"ng": "ng",
"start": "ng serve",
Expand Down
1 change: 0 additions & 1 deletion projects/app/tsconfig.app.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@
"outDir": "../../out-tsc/app",
"types": [],
"paths": {
"@angular/*": ["node_modules/@angular/*"],
"@indice/ng-auth": ["projects/ng-auth/src/public-api.ts"],
"@indice/ng-components": ["projects/ng-components/src/public-api.ts"],
"@indice/ng-conf": ["projects/ng-conf/src/public-api.ts"]
Expand Down
2 changes: 1 addition & 1 deletion projects/ng-auth/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@indice/ng-auth",
"version": "0.4.0",
"version": "0.4.2",
"description": "Indice extensions for Angular v20 using oidc-client",
"repository": {
"type": "git",
Expand Down
4 changes: 2 additions & 2 deletions projects/ng-components/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@indice/ng-components",
"version": "0.4.0",
"version": "0.4.2",
"description": "Indice common components for Angular v20",
"repository": {
"type": "git",
Expand All @@ -25,7 +25,7 @@
"@angular/common": ">=20.0.0",
"@angular/core": ">=20.0.0",
"@angular/router": ">=20.0.0",
"@indice/ng-auth": ">=0.4.0",
"@indice/ng-auth": ">=0.4.2",
"oidc-client-ts": "^3.0.1",
"rxjs": ">=7.8.1",
"tailwindcss": "^4.1.16",
Expand Down
78 changes: 30 additions & 48 deletions projects/ng-components/src/assets/styles/advanced-search.css
Original file line number Diff line number Diff line change
@@ -1,57 +1,39 @@
.advanced-search-filter {
@apply flex gap-6 mb-2 pr-2;
}

.advanced-search-filter-value-container {
@apply flex gap-6 mb-6;
}

.advanced-search-container {
.advanced-search-filter-value-label {
@apply block;
}

}
.advanced-search-filter-operator-label {
@apply block;
}

.advanced-search-filter {
@apply flex gap-6 mb-2 pr-2;
}
.advanced-search-filter-value-input {
@apply w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-12 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm;
}

.advanced-search-filter-field-container {
.advanced-search-filter-value-input-daterange-from {
@apply mt-6 p-2;
}

}
.advanced-search-filter-value-input-daterange-to {
@apply mt-6 p-2;
}

.advanced-search-filter-value-container {
@apply flex gap-6 mb-6;
}
.advanced-search-chips {
@apply inline-flex rounded-full items-center mx-2 mb-4 py-1 pl-3 pr-1 text-sm font-medium bg-gray-300 text-gray-700;
}

.advanced-search-filter-field-label {
.advanced-search-chips-remove-filter {
@apply flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white;
}

}

.advanced-search-filter-value-label {
@apply block;
}

.advanced-search-filter-operator-container {

}

.advanced-search-filter-operator-label {
@apply block;
}

.advanced-search-filter-value-input {
@apply w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-12 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm;
}

.advanced-search-filter-value-input-daterange-from {
@apply mt-6 p-2;
}

.advanced-search-filter-value-input-daterange-to {
@apply mt-6 p-2;
}

.advanced-search-chips {
@apply inline-flex rounded-full items-center mx-2 mb-4 py-1 pl-3 pr-1 text-sm font-medium bg-gray-300 text-gray-700;
}

.advanced-search-chips-remove-filter {
@apply flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white;
}

.advanced-search-chips.disabled .advanced-search-chips-remove-filter:active {
@apply transform-none;
}
.advanced-search-chips.disabled .advanced-search-chips-remove-filter:active {
@apply transform-none;
}
46 changes: 22 additions & 24 deletions projects/ng-components/src/assets/styles/avatar-initials.css
Original file line number Diff line number Diff line change
@@ -1,37 +1,35 @@
.avatar-container {
@apply inline-flex items-center justify-center h-8 w-8 rounded-full overflow-hidden;
}

.avatar-container-large {
@apply inline-flex items-center justify-center h-12 w-12 rounded-full;
}

.avatar-container {
@apply inline-flex items-center justify-center h-8 w-8 rounded-full overflow-hidden;
}

.avatar-container-large {
@apply inline-flex items-center justify-center h-12 w-12 rounded-full;
}

.avatar-text {
@apply text-sm font-medium leading-none text-blue-300;
}
.avatar-text {
@apply text-sm font-medium leading-none text-blue-300;
}

.avatar-text-large {
@apply text-xl font-medium leading-none text-white;
}
.avatar-text-large {
@apply text-xl font-medium leading-none text-white;
}


.circle {
display: flex;
justify-content: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
}

.circle img {
border-radius: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
width: 60px;
height: 60px;
}

.circle .initials {
color: #FFFFFF;
font-size: 20px;
line-height: 19px;
letter-spacing: 0.2625px;
color: #FFFFFF;
font-size: 20px;
line-height: 19px;
letter-spacing: 0.2625px;
}
127 changes: 63 additions & 64 deletions projects/ng-components/src/assets/styles/cards.css
Original file line number Diff line number Diff line change
@@ -1,85 +1,84 @@

.card-deck-busy{
@apply animate-pulse;
}
.card-deck-busy{
@apply animate-pulse;
}

.cards-deck-1 {
@apply grid grid-cols-1 gap-0 sm:grid-cols-1 lg:grid-cols-1;
}
.cards-deck-1 {
@apply grid grid-cols-1 gap-0 sm:grid-cols-1 lg:grid-cols-1;
}

.cards-deck-2 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-1 lg:grid-cols-2;
}
.cards-deck-2 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-1 lg:grid-cols-2;
}

.cards-deck-3 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3;
}
.cards-deck-3 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3;
}

.cards-deck-4 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4;
}
.cards-deck-4 {
@apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4;
}

.card {
@apply relative h-full border border-gray-200 bg-gray-50 shadow-sm rounded-lg sm:rounded-3xl overflow-hidden;;
}
.card {
@apply relative h-full border border-gray-200 bg-gray-50 shadow-sm rounded-lg sm:rounded-3xl overflow-hidden;;
}

.card-body {
@apply pt-2 px-4 pb-12 sm:pt-6 sm:px-6;
}
.card-body {
@apply pt-2 px-4 pb-12 sm:pt-6 sm:px-6;
}

.card-img-top {
@apply object-cover w-full h-48;
}
.card-img-top {
@apply object-cover w-full h-48;
}

.card-header {
@apply inset-x-0 px-4 py-6 sm:py-4 sm:px-6 border-b bg-white border-gray-200;
}
.card-header {
@apply inset-x-0 px-4 py-6 sm:py-4 sm:px-6 border-b bg-white border-gray-200;
}

.card-footer {
@apply absolute bottom-0 inset-x-0 bg-white px-4 py-4 sm:px-6 border-t border-gray-200;
}
.card-footer {
@apply absolute bottom-0 inset-x-0 bg-white px-4 py-4 sm:px-6 border-t border-gray-200;
}

.kpi-tile-title-container {
@apply uppercase mb-2 overflow-ellipsis overflow-hidden;
}
.kpi-tile-title-container {
@apply uppercase mb-2 overflow-ellipsis overflow-hidden;
}

.kpi-tile-action {
@apply hover:text-gray-500;
}
.kpi-tile-action {
@apply hover:text-gray-500;
}

.kpi-tile-value {
@apply text-6xl font-thin my-6;
}
.kpi-tile-value {
@apply text-6xl font-thin my-6;
}

.gallery-deck-1 {
@apply grid grid-cols-1 p-4 gap-x-6 sm:grid-cols-2;
}
.gallery-deck-1 {
@apply grid grid-cols-1 p-4 gap-x-6 sm:grid-cols-2;
}

.gallery-deck-2 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2 sm:gap-x-6 p-4;
}
.gallery-deck-2 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2 sm:gap-x-6 p-4;
}

.gallery-deck-3 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 p-4;
}
.gallery-deck-3 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 p-4;
}

.gallery-deck-4 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8 p-4;
}
.gallery-deck-4 {
@apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8 p-4;
}

.tile-card-footer {
@apply absolute bottom-0 inset-x-0 bg-gradient-to-b from-transparent to-gray-50 px-2 pb-4 sm:px-4;
}
.tile-card-footer {
@apply absolute bottom-0 inset-x-0 bg-gradient-to-b from-transparent to-gray-50 px-2 pb-4 sm:px-4;
}

.tile-card-item-btn {
@apply inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm focus:outline-none;
}
.tile-card-item-btn {
@apply inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm focus:outline-none;
}

.tile-card-item-btn-selected {
@apply bg-slate-700 ring-slate-700 ring-1 ring-offset-1;
}
.tile-card-item-btn-selected {
@apply bg-slate-700 ring-slate-700 ring-1 ring-offset-1;
}

.tile-card-item-btn-available {
@apply bg-slate-500 hover:bg-slate-700 ring-0;
}
.tile-card-item-btn-available {
@apply bg-slate-500 hover:bg-slate-700 ring-0;
}

37 changes: 18 additions & 19 deletions projects/ng-components/src/assets/styles/collapsible-panel.css
Original file line number Diff line number Diff line change
@@ -1,24 +1,23 @@
.collapsible-panel-container {
@apply bg-white border border-gray-200 mb-2;
}

.collapsible-panel-container {
@apply bg-white border border-gray-200 mb-2;
}
.collapsible-panel-container-shadow {
@apply shadow-sm;
}

.collapsible-panel-container-shadow {
@apply shadow-sm;
}
.collapsible-panel-container-inner {
@apply relative border-b border-gray-200;
}

.collapsible-panel-container-inner {
@apply relative border-b border-gray-200;
}
.collapsible-panel-button {
@apply w-full px-8 py-6 text-left;
}

.collapsible-panel-button {
@apply w-full px-8 py-6 text-left;
}
.collapsible-panel-button-content-container {
@apply flex items-center justify-between;
}

.collapsible-panel-button-content-container {
@apply flex items-center justify-between;
}

.collapsible-panel-content-container {
@apply relative overflow-hidden transition-all duration-700;
}
.collapsible-panel-content-container {
@apply relative overflow-hidden transition-all duration-700;
}
Loading