6 Commits

5 changed files with 28 additions and 5 deletions

View File

@ -1,5 +1,21 @@
# Changelog # Changelog
## 2025-01-17 - 1.4.4 - fix(core)
Update LitElement properties to use accessors
- Changes made in ts_web/elements/consentsoftware-toggle.ts
- Updated properties 'required' and 'selected' to use accessors
## 2025-01-17 - 1.4.3 - fix(consentsoftware-cookieconsent)
Fix transition property in consent button styles and add HTMLElementTagNameMap declaration for global interface.
- Updated the transition property for consent buttons to transition all properties instead of just the background.
- Added global interface HTMLElementTagNameMap for custom element type support.
## 2025-01-16 - 1.4.2 - fix(cookieconsent)
Fix user-select property in consentsoftware-cookieconsent component for consistency in interaction.
## 2025-01-16 - 1.4.1 - fix(consentsoftware-toggle) ## 2025-01-16 - 1.4.1 - fix(consentsoftware-toggle)
Fix issue in drag event handling logic for the toggle component. Fix issue in drag event handling logic for the toggle component.

View File

@ -1,6 +1,6 @@
{ {
"name": "@consent.software/catalog", "name": "@consent.software/catalog",
"version": "1.4.1", "version": "1.4.4",
"private": false, "private": false,
"description": "A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.", "description": "A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.",
"exports": { "exports": {

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@consent.software/catalog', name: '@consent.software/catalog',
version: '1.4.1', version: '1.4.4',
description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.' description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
} }

View File

@ -8,6 +8,12 @@ import * as csInterfaces from '@consent.software/interfaces';
import * as csWebclient from '@consent.software/webclient'; import * as csWebclient from '@consent.software/webclient';
import { delayFor } from '@push.rocks/smartdelay'; import { delayFor } from '@push.rocks/smartdelay';
declare global {
interface HTMLElementTagNameMap {
'consentsoftware-cookieconsent': ConsentsoftwareCookieconsent;
}
}
@customElement('consentsoftware-cookieconsent') @customElement('consentsoftware-cookieconsent')
export class ConsentsoftwareCookieconsent extends LitElement { export class ConsentsoftwareCookieconsent extends LitElement {
public static demo = () => html`<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`; public static demo = () => html`<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`;
@ -25,6 +31,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
public static styles = css` public static styles = css`
:host { :host {
font-family: ${shared.fontStack}; font-family: ${shared.fontStack};
user-select: none;
/* Default theme variables */ /* Default theme variables */
--text-color: #333; --text-color: #333;
--background-color: #eeeeee; --background-color: #eeeeee;
@ -167,7 +174,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: background 0.2s; transition: all 0.2s;
} }
.consent-button:hover { .consent-button:hover {

View File

@ -6,10 +6,10 @@ import { delayFor } from '@push.rocks/smartdelay';
@customElement('consentsoftware-toggle') @customElement('consentsoftware-toggle')
export class ConsentsoftwareToggle extends LitElement { export class ConsentsoftwareToggle extends LitElement {
@property({ type: Boolean }) @property({ type: Boolean })
public required = false; public accessor required = false;
@property({ type: Boolean, reflect: true }) @property({ type: Boolean, reflect: true })
public selected = false; public accessor selected = false;
/** /**
* We always track the knobs left offset in `currentX`. * We always track the knobs left offset in `currentX`.