@radix-ng/primitives 0.51.0 → 1.0.0-beta.0

package/fesm2022/radix-ng-primitives-label.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, Directive } from '@angular/core';
+import { inject, ElementRef, input, Directive } from '@angular/core';
 
 let idIterator = 0;
 /**
@@ -18,7 +18,6 @@ class RdxLabelDirective {
          * @defaultValue false
          */
         this.htmlFor = input(...(ngDevMode ? [undefined, { debugName: "htmlFor" }] : /* istanbul ignore next */ []));
-        this.elementId = computed(() => (this.id() ? this.id() : null), ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
     }
     // prevent text selection when double-clicking label
     // The main problem with double-clicks in a web app is that
@@ -28,8 +27,9 @@ class RdxLabelDirective {
      */
     onMouseDown(event) {
         const target = event.target;
-        // only prevent text selection if clicking inside the label itself
-        if (['BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(target.tagName)) {
+        // only prevent text selection if not clicking inside an interactive control (or its
+        // descendants), so clicks still focus/activate the associated control.
+        if (target.closest('button, input, select, textarea')) {
             return;
         }
         // prevent text selection when double-clicking label
@@ -38,7 +38,7 @@ class RdxLabelDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxLabelDirective, isStandalone: true, selector: "label[rdxLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "attr.id": "elementId()", "attr.for": "htmlFor() ? htmlFor() : undefined" } }, exportAs: ["rdxLabel"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxLabelDirective, isStandalone: true, selector: "label[rdxLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "attr.id": "id()", "attr.for": "htmlFor() ? htmlFor() : undefined" } }, exportAs: ["rdxLabel"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxLabelDirective, decorators: [{
             type: Directive,
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     selector: 'label[rdxLabel]',
                     exportAs: 'rdxLabel',
                     host: {
-                        '[attr.id]': 'elementId()',
+                        '[attr.id]': 'id()',
                         '[attr.for]': 'htmlFor() ? htmlFor() : undefined',
                         '(mousedown)': 'onMouseDown($event)'
                     }

package/fesm2022/radix-ng-primitives-label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-label.mjs","sources":["../../../packages/primitives/label/src/label.directive.ts","../../../packages/primitives/label/radix-ng-primitives-label.ts"],"sourcesContent":["import { computed, Directive, ElementRef, inject, input } from '@angular/core';\n\nlet idIterator = 0;\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'label[rdxLabel]',\n    exportAs: 'rdxLabel',\n    host: {\n        '[attr.id]': 'elementId()',\n        '[attr.for]': 'htmlFor() ? htmlFor() : undefined',\n        '(mousedown)': 'onMouseDown($event)'\n    }\n})\nexport class RdxLabelDirective {\n    private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    /**\n     * @default 'rdx-label-{idIterator}'\n     */\n    readonly id = input<string>(`rdx-label-${idIterator++}`);\n\n    /**\n     * The id of the element the label is associated with.\n     * @group Props\n     * @defaultValue false\n     */\n    readonly htmlFor = input<string>();\n\n    protected readonly elementId = computed(() => (this.id() ? this.id() : null));\n\n    // prevent text selection when double-clicking label\n    // The main problem with double-clicks in a web app is that\n    // you will have to create special code to handle this on touch enabled devices.\n    /**\n     * @ignore\n     */\n    onMouseDown(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n\n        // only prevent text selection if clicking inside the label itself\n        if (['BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(target.tagName)) {\n            return;\n        }\n\n        // prevent text selection when double-clicking label\n        if (this.elementRef.nativeElement.contains(target) && !event.defaultPrevented && event.detail > 1) {\n            event.preventDefault();\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,IAAI,UAAU,GAAG,CAAC;AAElB;;AAEG;MAUU,iBAAiB,CAAA;AAT9B,IAAA,WAAA,GAAA;AAUqB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE7D;;AAEG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAS,CAAA,UAAA,EAAa,UAAU,EAAE,CAAA,CAAE,yEAAC;AAExD;;;;AAIG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;QAEf,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAqBhF,IAAA;;;;AAhBG;;AAEG;AACH,IAAA,WAAW,CAAC,KAAiB,EAAA;AACzB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAG1C,QAAA,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACpE;QACJ;;QAGA,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/F,KAAK,CAAC,cAAc,EAAE;QAC1B;IACJ;8GAnCS,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,mCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,YAAY,EAAE,mCAAmC;AACjD,wBAAA,aAAa,EAAE;AAClB;AACJ,iBAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-label.mjs","sources":["../../../packages/primitives/label/src/label.directive.ts","../../../packages/primitives/label/radix-ng-primitives-label.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input } from '@angular/core';\n\nlet idIterator = 0;\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'label[rdxLabel]',\n    exportAs: 'rdxLabel',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.for]': 'htmlFor() ? htmlFor() : undefined',\n        '(mousedown)': 'onMouseDown($event)'\n    }\n})\nexport class RdxLabelDirective {\n    private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    /**\n     * @default 'rdx-label-{idIterator}'\n     */\n    readonly id = input<string>(`rdx-label-${idIterator++}`);\n\n    /**\n     * The id of the element the label is associated with.\n     * @group Props\n     * @defaultValue false\n     */\n    readonly htmlFor = input<string>();\n\n    // prevent text selection when double-clicking label\n    // The main problem with double-clicks in a web app is that\n    // you will have to create special code to handle this on touch enabled devices.\n    /**\n     * @ignore\n     */\n    onMouseDown(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n\n        // only prevent text selection if not clicking inside an interactive control (or its\n        // descendants), so clicks still focus/activate the associated control.\n        if (target.closest('button, input, select, textarea')) {\n            return;\n        }\n\n        // prevent text selection when double-clicking label\n        if (this.elementRef.nativeElement.contains(target) && !event.defaultPrevented && event.detail > 1) {\n            event.preventDefault();\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,IAAI,UAAU,GAAG,CAAC;AAElB;;AAEG;MAUU,iBAAiB,CAAA;AAT9B,IAAA,WAAA,GAAA;AAUqB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE7D;;AAEG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAS,CAAA,UAAA,EAAa,UAAU,EAAE,CAAA,CAAE,yEAAC;AAExD;;;;AAIG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAsBrC,IAAA;;;;AAjBG;;AAEG;AACH,IAAA,WAAW,CAAC,KAAiB,EAAA;AACzB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;;AAI1C,QAAA,IAAI,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE;YACnD;QACJ;;QAGA,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/F,KAAK,CAAC,cAAc,EAAE;QAC1B;IACJ;8GAlCS,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,mCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,YAAY,EAAE,mCAAmC;AACjD,wBAAA,aAAa,EAAE;AAClB;AACJ,iBAAA;;;ACfD;;AAEG;;;;"}